@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */
code[class*=language-],
pre[class*=language-] {
  color: #ccc;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*=language-] {
  padding: 1em;
  margin: 0.5em 0;
  overflow: auto;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  background: #2d2d2d;
}

/* Inline code */
:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #999;
}

.token.punctuation {
  color: #ccc;
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
  color: #e2777a;
}

.token.function-name {
  color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
  color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
  color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
  color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
  color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
  color: #67cdcc;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.inserted {
  color: green;
}

/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #00cfe8;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #ea5455;
  --orange: #ff9f43;
  --yellow: #ffc107;
  --green: #28c76f;
  --teal: #20c997;
  --cyan: #313330;
  --white: #fff;
  --gray: #b8c2cc;
  --gray-dark: #1e1e1e;
  --primary: #313330;
  --secondary: #b8c2cc;
  --success: #28c76f;
  --info: #00cfe8;
  --warning: #ff9f43;
  --danger: #ea5455;
  --light: #babfc7;
  --dark: #1e1e1e;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Montserrat", Helvetica, Arial, serif;
  --font-family-monospace: "Montserrat", Helvetica, Arial, serif;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(34, 41, 47, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #626262;
  text-align: left;
  background-color: #f2f4f7;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #313330;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%);
  text-decoration: none;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #b8c2cc;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #2c2c2c;
}

h1, .h1 {
  font-size: 2rem;
}

h2, .h2 {
  font-size: 1.74rem;
}

h3, .h3 {
  font-size: 1.51rem;
}

h4, .h4 {
  font-size: 1.32rem;
}

h5, .h5 {
  font-size: 1.14rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(34, 41, 47, 0.1);
}

small,
.small {
  font-size: smaller;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: smaller;
  color: #b8c2cc;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f2f4f7;
  border: 1px solid #dae1e7;
  border-radius: 0.5rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #b8c2cc;
}

code {
  font-size: 90%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #eee;
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 90%;
  color: #2a2e30;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -14px;
  margin-left: -14px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #626262;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #f2f4f7;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #f2f4f7;
}
.table tbody + tbody {
  border-top: 2px solid #f2f4f7;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #f2f4f7;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #f2f4f7;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(34, 41, 47, 0.05);
}

.table-hover tbody tr:hover {
  color: #626262;
  background-color: rgba(34, 41, 47, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(77.3803921569%, 77.6%, 77.2705882353%);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(57.9921568627%, 58.4%, 57.7882352941%);
}

.table-hover .table-primary:hover {
  background-color: rgb(72.3682267067%, 72.6364963504%, 72.2340918849%);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(72.3682267067%, 72.6364963504%, 72.2340918849%);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(92.2039215686%, 93.3019607843%, 94.4%);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(85.5215686275%, 87.5607843137%, 89.6%);
}

.table-hover .table-secondary:hover {
  background-color: rgb(86.3842494375%, 88.3019607843%, 90.2196721311%);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(86.3842494375%, 88.3019607843%, 90.2196721311%);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(76.3921568627%, 93.8509803922%, 84.1882352941%);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(56.1568627451%, 88.5803921569%, 70.6352941176%);
}

.table-hover .table-success:hover {
  background-color: rgb(68.458577527%, 91.784559728%, 78.8745821576%);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(68.458577527%, 91.784559728%, 78.8745821576%);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(72%, 94.7294117647%, 97.4745098039%);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(48%, 90.2117647059%, 95.3098039216%);
}

.table-hover .table-info:hover {
  background-color: rgb(62.8273381295%, 93.0027930597%, 96.6471716744%);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(62.8273381295%, 93.0027930597%, 96.6471716744%);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(100%, 89.4588235294%, 79.3568627451%);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(100%, 80.4235294118%, 61.662745098%);
}

.table-hover .table-warning:hover {
  background-color: rgb(100%, 84.3524405507%, 69.3568627451%);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(100%, 84.3524405507%, 69.3568627451%);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(97.6941176471%, 81.2235294118%, 81.3333333333%);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(95.7176470588%, 65.1294117647%, 65.3333333333%);
}

.table-hover .table-danger:hover {
  background-color: rgb(96.6003676471%, 72.3172794118%, 72.4791666667%);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(96.6003676471%, 72.3172794118%, 72.4791666667%);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(92.4235294118%, 92.9725490196%, 93.8509803922%);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(85.9294117647%, 86.9490196078%, 88.5803921569%);
}

.table-hover .table-light:hover {
  background-color: rgb(86.9035294118%, 87.8525490196%, 89.3709803922%);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(86.9035294118%, 87.8525490196%, 89.3709803922%);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: silver;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #8a8a8a;
}

.table-hover .table-dark:hover {
  background-color: rgb(70.2941176471%, 70.2941176471%, 70.2941176471%);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(70.2941176471%, 70.2941176471%, 70.2941176471%);
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(34, 41, 47, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(9.1358024691%, 11.0167029775%, 12.6289034132%, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(9.1358024691%, 11.0167029775%, 12.6289034132%, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #1e1e1e;
  border-color: rgb(19.2647058824%, 19.2647058824%, 19.2647058824%);
}
.table .thead-light th {
  color: #4e5154;
  background-color: #ededed;
  border-color: #f2f4f7;
}

.table-dark {
  color: #fff;
  background-color: #1e1e1e;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(19.2647058824%, 19.2647058824%, 19.2647058824%);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  padding: 0.7rem 0.7rem;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4e5154;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #4e5154;
  background-color: #fff;
  border-color: #313330;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.form-control::placeholder {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #f5f5f1;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4e5154;
}
select.form-control:focus::-ms-value {
  color: #4e5154;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.7rem + 1px);
  padding-bottom: calc(0.7rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.25;
}

.col-form-label-lg {
  padding-top: calc(1rem + 1px);
  padding-bottom: calc(1rem + 1px);
  font-size: 1.25rem;
  line-height: 1.25;
}

.col-form-label-sm {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 0.7rem;
  line-height: 1;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.7rem 0;
  margin-bottom: 0;
  font-size: 0.96rem;
  line-height: 1.25;
  color: #adb5bd;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1em + 1rem + 2px);
  padding: 0.5rem 1.5rem;
  font-size: 0.7rem;
  line-height: 1;
  border-radius: 4px;
}

.form-control-lg {
  height: calc(1.25em + 2rem + 2px);
  padding: 1rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
  border-radius: 6px;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #b8c2cc;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: smaller;
  color: #28c76f;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.4rem 0.775rem;
  margin-top: 0.1rem;
  font-size: 0.857rem;
  line-height: 1.45;
  color: #fff;
  background-color: #28c76f;
  border-radius: 0.428rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28c76f;
  padding-right: calc(1.25em + 1.4rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3125em + 0.35rem) center;
  background-size: calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28c76f;
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 2.8rem !important;
  background-position: right 1.4rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.25em + 1.4rem);
  background-position: top calc(0.3125em + 0.35rem) right calc(0.3125em + 0.35rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28c76f;
  padding-right: calc(0.75em + 2.75rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.7rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328c76f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28c76f;
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28c76f;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28c76f;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28c76f;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%);
  background-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%);
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28c76f;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28c76f;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28c76f;
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: smaller;
  color: #ea5455;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.4rem 0.775rem;
  margin-top: 0.1rem;
  font-size: 0.857rem;
  line-height: 1.45;
  color: #fff;
  background-color: #ea5455;
  border-radius: 0.428rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #ea5455;
  padding-right: calc(1.25em + 1.4rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea5455' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.3125em + 0.35rem) center;
  background-size: calc(0.625em + 0.7rem) calc(0.625em + 0.7rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 2.8rem !important;
  background-position: right 1.4rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.25em + 1.4rem);
  background-position: top calc(0.3125em + 0.35rem) right calc(0.3125em + 0.35rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #ea5455;
  padding-right: calc(0.75em + 2.75rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.7rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea5455' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3e%3c/svg%3e") center right 1.7rem/calc(0.625em + 0.7rem) calc(0.625em + 0.7rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #ea5455;
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ea5455;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ea5455;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #ea5455;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%);
  background-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%);
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ea5455;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ea5455;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #ea5455;
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #626262;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0.9rem 2rem;
  font-size: 1rem;
  line-height: 1;
  border-radius: 0.4285rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #626262;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 51, 48, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(11.7914438503%, 12.2727272727%, 11.550802139%);
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(11.7914438503%, 12.2727272727%, 11.550802139%);
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%);
  box-shadow: 0 0 0 0.2rem rgba(31.3333333333%, 32%, 31%, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%);
  border-color: rgb(6.8419489008%, 7.1212121212%, 6.7023172906%);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(31.3333333333%, 32%, 31%, 0.5);
}

.btn-secondary {
  color: #2a2e30;
  background-color: #b8c2cc;
  border-color: #b8c2cc;
}
.btn-secondary:hover {
  color: #2a2e30;
  background-color: rgb(63.4273545484%, 68.5784313725%, 73.7295081967%);
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #2a2e30;
  background-color: rgb(63.4273545484%, 68.5784313725%, 73.7295081967%);
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%);
  box-shadow: 0 0 0 0.2rem rgba(63.8039215686%, 67.3725490196%, 70.8235294118%, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #2a2e30;
  background-color: #b8c2cc;
  border-color: #b8c2cc;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #2a2e30;
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%);
  border-color: rgb(57.6076824172%, 63.5784313725%, 69.5491803279%);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(63.8039215686%, 67.3725490196%, 70.8235294118%, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28c76f;
  border-color: #28c76f;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(13.1758142588%, 65.5496759373%, 36.5628845681%);
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(13.1758142588%, 65.5496759373%, 36.5628845681%);
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%);
  box-shadow: 0 0 0 0.2rem rgba(28.3333333333%, 81.3333333333%, 52%, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28c76f;
  border-color: #28c76f;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%);
  border-color: rgb(11.5021740914%, 57.2233161047%, 31.9185331036%);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(28.3333333333%, 81.3333333333%, 52%, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #00cfe8;
  border-color: #00cfe8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(0%, 67.7928498986%, 75.9803921569%);
  border-color: rgb(0%, 63.331643002%, 70.9803921569%);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(0%, 67.7928498986%, 75.9803921569%);
  border-color: rgb(0%, 63.331643002%, 70.9803921569%);
  box-shadow: 0 0 0 0.2rem rgba(15%, 84%, 92.3333333333%, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #00cfe8;
  border-color: #00cfe8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(0%, 63.331643002%, 70.9803921569%);
  border-color: rgb(0%, 58.8704361055%, 65.9803921569%);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(15%, 84%, 92.3333333333%, 0.5);
}

.btn-warning {
  color: #2a2e30;
  background-color: #ff9f43;
  border-color: #ff9f43;
}
.btn-warning:hover {
  color: #2a2e30;
  background-color: rgb(100%, 54.6933667084%, 11.2745098039%);
  border-color: rgb(100%, 52.140175219%, 6.2745098039%);
}
.btn-warning:focus, .btn-warning.focus {
  color: #2a2e30;
  background-color: rgb(100%, 54.6933667084%, 11.2745098039%);
  border-color: rgb(100%, 52.140175219%, 6.2745098039%);
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 55.7058823529%, 25.1568627451%, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #2a2e30;
  background-color: #ff9f43;
  border-color: #ff9f43;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #2a2e30;
  background-color: rgb(100%, 52.140175219%, 6.2745098039%);
  border-color: rgb(100%, 49.5869837297%, 1.2745098039%);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 55.7058823529%, 25.1568627451%, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ea5455;
  border-color: #ea5455;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(90.1240808824%, 19.5818014706%, 20.0520833333%);
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(90.1240808824%, 19.5818014706%, 20.0520833333%);
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%);
  box-shadow: 0 0 0 0.2rem rgba(93%, 43%, 43.3333333333%, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ea5455;
  border-color: #ea5455;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%);
  border-color: rgb(88.8005514706%, 10.9053308824%, 11.4246323529%);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(93%, 43%, 43.3333333333%, 0.5);
}

.btn-light {
  color: #2a2e30;
  background-color: #babfc7;
  border-color: #babfc7;
}
.btn-light:hover {
  color: #2a2e30;
  background-color: rgb(64.6611764706%, 67.2219607843%, 71.3192156863%);
  border-color: rgb(61.9011764706%, 64.6619607843%, 69.0792156863%);
}
.btn-light:focus, .btn-light.focus {
  color: #2a2e30;
  background-color: rgb(64.6611764706%, 67.2219607843%, 71.3192156863%);
  border-color: rgb(61.9011764706%, 64.6619607843%, 69.0792156863%);
  box-shadow: 0 0 0 0.2rem rgba(64.4705882353%, 66.3725490196%, 69.1568627451%, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #2a2e30;
  background-color: #babfc7;
  border-color: #babfc7;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #2a2e30;
  background-color: rgb(61.9011764706%, 64.6619607843%, 69.0792156863%);
  border-color: rgb(59.1411764706%, 62.1019607843%, 66.8392156863%);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(64.4705882353%, 66.3725490196%, 69.1568627451%, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(4.2647058824%, 4.2647058824%, 4.2647058824%);
  border-color: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(4.2647058824%, 4.2647058824%, 4.2647058824%);
  border-color: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%);
  box-shadow: 0 0 0 0.2rem rgba(25%, 25%, 25%, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%);
  border-color: black;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(25%, 25%, 25%, 0.5);
}

.btn-outline-primary {
  color: #313330;
  border-color: #313330;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(49, 51, 48, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #313330;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(49, 51, 48, 0.5);
}

.btn-outline-secondary {
  color: #b8c2cc;
  border-color: #b8c2cc;
}
.btn-outline-secondary:hover {
  color: #2a2e30;
  background-color: #b8c2cc;
  border-color: #b8c2cc;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #b8c2cc;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #2a2e30;
  background-color: #b8c2cc;
  border-color: #b8c2cc;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}

.btn-outline-success {
  color: #28c76f;
  border-color: #28c76f;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28c76f;
  border-color: #28c76f;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28c76f;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28c76f;
  border-color: #28c76f;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}

.btn-outline-info {
  color: #00cfe8;
  border-color: #00cfe8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #00cfe8;
  border-color: #00cfe8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #00cfe8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #00cfe8;
  border-color: #00cfe8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}

.btn-outline-warning {
  color: #ff9f43;
  border-color: #ff9f43;
}
.btn-outline-warning:hover {
  color: #2a2e30;
  background-color: #ff9f43;
  border-color: #ff9f43;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ff9f43;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #2a2e30;
  background-color: #ff9f43;
  border-color: #ff9f43;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}

.btn-outline-danger {
  color: #ea5455;
  border-color: #ea5455;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ea5455;
  border-color: #ea5455;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ea5455;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ea5455;
  border-color: #ea5455;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}

.btn-outline-light {
  color: #babfc7;
  border-color: #babfc7;
}
.btn-outline-light:hover {
  color: #2a2e30;
  background-color: #babfc7;
  border-color: #babfc7;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #babfc7;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #2a2e30;
  background-color: #babfc7;
  border-color: #babfc7;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}

.btn-outline-dark {
  color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #1e1e1e;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #313330;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%);
  text-decoration: none;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #b8c2cc;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 1rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
  border-radius: 0.6rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.5rem 1.5rem;
  font-size: 0.7rem;
  line-height: 1;
  border-radius: 0.25rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.width {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.width {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.5rem 0 0;
  font-size: 0.9375rem;
  color: #626262;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(34, 41, 47, 0.15);
  border-radius: 5px;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.5rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.5rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #2a2e30;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(11.8039215686%, 12.9281045752%, 13.4901960784%);
  text-decoration: none;
  background-color: #f2f4f7;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #313330;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #b8c2cc;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #2a2e30;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.875rem;
  padding-left: 1.875rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.7rem 0.7rem;
  margin-bottom: 0;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4e5154;
  text-align: center;
  white-space: nowrap;
  background-color: #ededed;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.25em + 2rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 1rem 2.5rem;
  font-size: 1.25rem;
  line-height: 1.25;
  border-radius: 6px;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1em + 1rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.5rem 1.5rem;
  font-size: 0.7rem;
  line-height: 1;
  border-radius: 4px;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.7rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.45rem;
  padding-left: 1.5rem;
  print-color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.225rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #313330;
  background-color: #313330;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #313330;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(53.9512774807%, 55.7932263815%, 53.0303030303%);
  border-color: rgb(53.9512774807%, 55.7932263815%, 53.0303030303%);
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #b8c2cc;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #f5f5f1;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.225rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid #adb5bd;
}
.custom-control-label::after {
  position: absolute;
  top: 0.225rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #313330;
  background-color: #313330;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 51, 48, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(49, 51, 48, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 51, 48, 0.5);
}

.custom-switch {
  padding-left: 3.5rem;
}
.custom-switch .custom-control-label::before {
  left: -3.5rem;
  width: 3rem;
  pointer-events: all;
  border-radius: 0.857rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.225rem + 2px);
  left: calc(-3.5rem + 2px);
  width: 1.28rem;
  height: 1.28rem;
  background-color: #adb5bd;
  border-radius: 0.857rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(2rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(49, 51, 48, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  padding: 0.7rem 1.7rem 0.7rem 0.7rem;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.25;
  color: #4e5154;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%231e1e1e' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.7rem center/8px 10px no-repeat;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  appearance: none;
}
.custom-select:focus {
  border-color: #313330;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-select:focus::-ms-value {
  color: #4e5154;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.7rem;
  background-image: none;
}
.custom-select:disabled {
  color: #b8c2cc;
  background-color: #ededed;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #4e5154;
}

.custom-select-sm {
  height: calc(1em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  font-size: 0.7rem;
}

.custom-select-lg {
  height: calc(1.25em + 2rem + 2px);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 2.5rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.25em + 1.4rem + 1px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #313330;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #f5f5f1;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.25em + 1.4rem + 1px);
  padding: 0.7rem 0.7rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5rem;
  color: #4e5154;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.25em + 1.4rem);
  padding: 0.7rem 0.7rem;
  line-height: 1.5rem;
  color: #4e5154;
  content: "Browse";
  background-color: #ededed;
  border-left: inherit;
  border-radius: 0 5px 5px 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f2f4f7, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f2f4f7, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #f2f4f7, 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #313330;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  appearance: none;
}
.custom-range::-webkit-slider-thumb:active {
  background-color: rgb(53.9512774807%, 55.7932263815%, 53.0303030303%);
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dae1e7;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #313330;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  appearance: none;
}
.custom-range::-moz-range-thumb:active {
  background-color: rgb(53.9512774807%, 55.7932263815%, 53.0303030303%);
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dae1e7;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #313330;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb {
  appearance: none;
}
.custom-range::-ms-thumb:active {
  background-color: rgb(53.9512774807%, 55.7932263815%, 53.0303030303%);
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dae1e7;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dae1e7;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.357rem 0.5rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #b8c2cc;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dae1e7;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: #ededed #ededed #dae1e7;
}
.nav-tabs .nav-link.disabled {
  color: #b8c2cc;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #4e5154;
  background-color: #f2f4f7;
  border-color: #dae1e7 #dae1e7 #f2f4f7;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: 0.5rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #313330;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: -0.368rem;
  padding-bottom: -0.368rem;
  margin-right: 1rem;
  font-size: 2rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.357rem;
  padding-bottom: 0.357rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 2rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.4285rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid,
  .navbar-expand-sm > .container-sm,
  .navbar-expand-sm > .container-md,
  .navbar-expand-sm > .container-lg,
  .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid,
  .navbar-expand-md > .container-sm,
  .navbar-expand-md > .container-md,
  .navbar-expand-md > .container-lg,
  .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid,
  .navbar-expand-lg > .container-sm,
  .navbar-expand-lg > .container-md,
  .navbar-expand-lg > .container-lg,
  .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid,
  .navbar-expand-xl > .container-sm,
  .navbar-expand-xl > .container-md,
  .navbar-expand-xl > .container-lg,
  .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(34, 41, 47, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(34, 41, 47, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(34, 41, 47, 0.5);
  border-color: rgba(34, 41, 47, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 41, 47, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(34, 41, 47, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(34, 41, 47, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(34, 41, 47, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(34, 41, 47, 0.125);
  border-radius: 0.5rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.5rem;
}

.card-title {
  margin-bottom: 1.5rem;
}

.card-subtitle {
  margin-top: -0.75rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
  background-color: rgba(34, 41, 47, 0.03);
  border-bottom: 1px solid rgba(34, 41, 47, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0;
}

.card-footer {
  padding: 1.5rem 1.5rem;
  background-color: rgba(34, 41, 47, 0.03);
  border-top: 1px solid rgba(34, 41, 47, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.5rem - 1px) calc(0.5rem - 1px);
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1.5rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.card-deck .card {
  margin-bottom: 14px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -14px;
    margin-left: -14px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 14px;
    margin-bottom: 0;
    margin-left: 14px;
  }
}

.card-group > .card {
  margin-bottom: 14px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #ededed;
  border-radius: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #b8c2cc;
  content: ">>";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #b8c2cc;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.5rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.65rem 0.911rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #313330;
  background-color: #fff;
  border: 1px solid #dae1e7;
}
.page-link:hover {
  z-index: 2;
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%);
  text-decoration: none;
  background-color: #ededed;
  border-color: #dae1e7;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 51, 48, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.page-item.disabled .page-link {
  color: #b8c2cc;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dae1e7;
}

.pagination-lg .page-link {
  padding: 0.5rem 1rem;
  font-size: 2rem;
  line-height: 1.25;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.pagination-sm .page-link {
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.badge {
  display: inline-block;
  padding: 0.4em 0.4em;
  font-size: 80%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #313330;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 51, 48, 0.5);
}

.badge-secondary {
  color: #2a2e30;
  background-color: #b8c2cc;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #2a2e30;
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(184, 194, 204, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28c76f;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #00cfe8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(0%, 63.331643002%, 70.9803921569%);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 207, 232, 0.5);
}

.badge-warning {
  color: #2a2e30;
  background-color: #ff9f43;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #2a2e30;
  background-color: rgb(100%, 52.140175219%, 6.2745098039%);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 159, 67, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #ea5455;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(234, 84, 85, 0.5);
}

.badge-light {
  color: #2a2e30;
  background-color: #babfc7;
}
a.badge-light:hover, a.badge-light:focus {
  color: #2a2e30;
  background-color: rgb(61.9011764706%, 64.6619607843%, 69.0792156863%);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(186, 191, 199, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #1e1e1e;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 30, 30, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #ededed;
  border-radius: 0.6rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.71rem 0.71rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 2.92rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.71rem 0.71rem;
  color: inherit;
}

.alert-primary {
  color: rgb(16.3921568627%, 18.1176470588%, 18.6352941176%);
  background-color: rgb(83.8431372549%, 84%, 83.7647058824%);
  border-color: rgb(77.3803921569%, 77.6%, 77.2705882353%);
}
.alert-primary hr {
  border-top-color: rgb(72.3682267067%, 72.6364963504%, 72.2340918849%);
}
.alert-primary .alert-link {
  color: rgb(7.0325509514%, 7.7728194726%, 7.994900029%);
}

.alert-secondary {
  color: rgb(43.9215686275%, 47.2784313725%, 50.4470588235%);
  background-color: rgb(94.431372549%, 95.2156862745%, 96%);
  border-color: rgb(92.2039215686%, 93.3019607843%, 94.4%);
}
.alert-secondary hr {
  border-top-color: rgb(86.3842494375%, 88.3019607843%, 90.2196721311%);
}
.alert-secondary .alert-link {
  color: rgb(34.6130579892%, 37.258484564%, 39.7555694618%);
}

.alert-success {
  color: rgb(14.5568627451%, 48.2980392157%, 31.4823529412%);
  background-color: rgb(83.137254902%, 95.6078431373%, 88.7058823529%);
  border-color: rgb(76.3921568627%, 93.8509803922%, 84.1882352941%);
}
.alert-success hr {
  border-top-color: rgb(68.458577527%, 91.784559728%, 78.8745821576%);
}
.alert-success .alert-link {
  color: rgb(9.9249685599%, 32.9299334009%, 21.4648835127%);
}

.alert-info {
  color: rgb(6.4%, 49.9294117647%, 56.1568627451%);
  background-color: rgb(80%, 96.2352941176%, 98.1960784314%);
  border-color: rgb(72%, 94.7294117647%, 97.4745098039%);
}
.alert-info hr {
  border-top-color: rgb(62.8273381295%, 93.0027930597%, 96.6471716744%);
}
.alert-info .alert-link {
  color: rgb(4.3538615848%, 33.9665230987%, 38.2030011603%);
}

.alert-warning {
  color: rgb(58.4%, 40.1411764706%, 22.5098039216%);
  background-color: rgb(100%, 92.4705882353%, 85.2549019608%);
  border-color: rgb(100%, 89.4588235294%, 79.3568627451%);
}
.alert-warning hr {
  border-top-color: rgb(100%, 84.3524405507%, 69.3568627451%);
}
.alert-warning .alert-link {
  color: rgb(43.9641721598%, 30.2187259084%, 16.9456317618%);
}

.alert-danger {
  color: rgb(54.1176470588%, 24.8470588235%, 26.1803921569%);
  background-color: rgb(98.3529411765%, 86.5882352941%, 86.6666666667%);
  border-color: rgb(97.6941176471%, 81.2235294118%, 81.3333333333%);
}
.alert-danger hr {
  border-top-color: rgb(96.6003676471%, 72.3172794118%, 72.4791666667%);
}
.alert-danger .alert-link {
  color: rgb(40.4108532567%, 18.5538526257%, 19.5494823436%);
}

.alert-light {
  color: rgb(44.3294117647%, 46.6666666667%, 49.4274509804%);
  background-color: rgb(94.5882352941%, 94.9803921569%, 95.6078431373%);
  border-color: rgb(92.4235294118%, 92.9725490196%, 93.8509803922%);
}
.alert-light hr {
  border-top-color: rgb(86.9035294118%, 87.8525490196%, 89.3709803922%);
}
.alert-light .alert-link {
  color: rgb(34.8731628104%, 36.7118398305%, 38.8836999347%);
}

.alert-dark {
  color: rgb(12.5176470588%, 13.8352941176%, 14.9647058824%);
  background-color: #d2d2d2;
  border-color: silver;
}
.alert-dark hr {
  border-top-color: rgb(70.2941176471%, 70.2941176471%, 70.2941176471%);
}
.alert-dark .alert-link {
  color: rgb(3.4080580177%, 3.766800967%, 4.0742949234%);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.357rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 0.357rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #ededed;
  border-radius: 1.28rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #313330;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 0.357rem 0.357rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.5rem;
}

.list-group-item-action {
  width: 100%;
  color: #4e5154;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #4e5154;
  text-decoration: none;
  background-color: #babfc7;
}
.list-group-item-action:active {
  color: #626262;
  background-color: #ededed;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(34, 41, 47, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #b8c2cc;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #313330;
  border-color: #313330;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.5rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgb(16.3921568627%, 18.1176470588%, 18.6352941176%);
  background-color: rgb(77.3803921569%, 77.6%, 77.2705882353%);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(16.3921568627%, 18.1176470588%, 18.6352941176%);
  background-color: rgb(72.3682267067%, 72.6364963504%, 72.2340918849%);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(16.3921568627%, 18.1176470588%, 18.6352941176%);
  border-color: rgb(16.3921568627%, 18.1176470588%, 18.6352941176%);
}

.list-group-item-secondary {
  color: rgb(43.9215686275%, 47.2784313725%, 50.4470588235%);
  background-color: rgb(92.2039215686%, 93.3019607843%, 94.4%);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(43.9215686275%, 47.2784313725%, 50.4470588235%);
  background-color: rgb(86.3842494375%, 88.3019607843%, 90.2196721311%);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(43.9215686275%, 47.2784313725%, 50.4470588235%);
  border-color: rgb(43.9215686275%, 47.2784313725%, 50.4470588235%);
}

.list-group-item-success {
  color: rgb(14.5568627451%, 48.2980392157%, 31.4823529412%);
  background-color: rgb(76.3921568627%, 93.8509803922%, 84.1882352941%);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(14.5568627451%, 48.2980392157%, 31.4823529412%);
  background-color: rgb(68.458577527%, 91.784559728%, 78.8745821576%);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(14.5568627451%, 48.2980392157%, 31.4823529412%);
  border-color: rgb(14.5568627451%, 48.2980392157%, 31.4823529412%);
}

.list-group-item-info {
  color: rgb(6.4%, 49.9294117647%, 56.1568627451%);
  background-color: rgb(72%, 94.7294117647%, 97.4745098039%);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(6.4%, 49.9294117647%, 56.1568627451%);
  background-color: rgb(62.8273381295%, 93.0027930597%, 96.6471716744%);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(6.4%, 49.9294117647%, 56.1568627451%);
  border-color: rgb(6.4%, 49.9294117647%, 56.1568627451%);
}

.list-group-item-warning {
  color: rgb(58.4%, 40.1411764706%, 22.5098039216%);
  background-color: rgb(100%, 89.4588235294%, 79.3568627451%);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(58.4%, 40.1411764706%, 22.5098039216%);
  background-color: rgb(100%, 84.3524405507%, 69.3568627451%);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(58.4%, 40.1411764706%, 22.5098039216%);
  border-color: rgb(58.4%, 40.1411764706%, 22.5098039216%);
}

.list-group-item-danger {
  color: rgb(54.1176470588%, 24.8470588235%, 26.1803921569%);
  background-color: rgb(97.6941176471%, 81.2235294118%, 81.3333333333%);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(54.1176470588%, 24.8470588235%, 26.1803921569%);
  background-color: rgb(96.6003676471%, 72.3172794118%, 72.4791666667%);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(54.1176470588%, 24.8470588235%, 26.1803921569%);
  border-color: rgb(54.1176470588%, 24.8470588235%, 26.1803921569%);
}

.list-group-item-light {
  color: rgb(44.3294117647%, 46.6666666667%, 49.4274509804%);
  background-color: rgb(92.4235294118%, 92.9725490196%, 93.8509803922%);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(44.3294117647%, 46.6666666667%, 49.4274509804%);
  background-color: rgb(86.9035294118%, 87.8525490196%, 89.3709803922%);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(44.3294117647%, 46.6666666667%, 49.4274509804%);
  border-color: rgb(44.3294117647%, 46.6666666667%, 49.4274509804%);
}

.list-group-item-dark {
  color: rgb(12.5176470588%, 13.8352941176%, 14.9647058824%);
  background-color: silver;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(12.5176470588%, 13.8352941176%, 14.9647058824%);
  background-color: rgb(70.2941176471%, 70.2941176471%, 70.2941176471%);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(12.5176470588%, 13.8352941176%, 14.9647058824%);
  border-color: rgb(12.5176470588%, 13.8352941176%, 14.9647058824%);
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #22292f;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #22292f;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(34, 41, 47, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #b8c2cc;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(34, 41, 47, 0.2);
  border-radius: 0.6rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #22292f;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #ededed;
  border-top-left-radius: calc(0.6rem - 1px);
  border-top-right-radius: calc(0.6rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.45;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #ededed;
  border-bottom-right-radius: calc(0.6rem - 1px);
  border-bottom-left-radius: calc(0.6rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1032;
  display: block;
  margin: 0;
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.857rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #323232;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #323232;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #323232;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #323232;
}

.tooltip-inner {
  max-width: 220px;
  padding: 0.4rem 0.775rem;
  color: #fff;
  text-align: center;
  background-color: #323232;
  border-radius: 0.428rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.45;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.857rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(34, 41, 47, 0.2);
  border-radius: 0.428rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.428rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(34, 41, 47, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.428rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(34, 41, 47, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(34, 41, 47, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #313330;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.428rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(34, 41, 47, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #2c2c2c;
  background-color: #313330;
  border-bottom: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%);
  border-top-left-radius: calc(0.428rem - 1px);
  border-top-right-radius: calc(0.428rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #626262;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentcolor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentcolor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #313330 !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.bg-secondary {
  background-color: #b8c2cc !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.bg-success {
  background-color: #28c76f !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.bg-info {
  background-color: #00cfe8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.bg-warning {
  background-color: #ff9f43 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.bg-danger {
  background-color: #ea5455 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.bg-light {
  background-color: #babfc7 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(61.9011764706%, 64.6619607843%, 69.0792156863%) !important;
}

.bg-dark {
  background-color: #1e1e1e !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(1.7647058824%, 1.7647058824%, 1.7647058824%) !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #ededed !important;
}

.border-top {
  border-top: 1px solid #ededed !important;
}

.border-right {
  border-right: 1px solid #ededed !important;
}

.border-bottom {
  border-bottom: 1px solid #ededed !important;
}

.border-left {
  border-left: 1px solid #ededed !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #313330 !important;
}

.border-secondary {
  border-color: #b8c2cc !important;
}

.border-success {
  border-color: #28c76f !important;
}

.border-info {
  border-color: #00cfe8 !important;
}

.border-warning {
  border-color: #ff9f43 !important;
}

.border-danger {
  border-color: #ea5455 !important;
}

.border-light {
  border-color: #babfc7 !important;
}

.border-dark {
  border-color: #1e1e1e !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.25rem !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.rounded-top {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}

.rounded-right {
  border-top-right-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-left {
  border-top-left-radius: 0.5rem !important;
  border-bottom-left-radius: 0.5rem !important;
}

.rounded-lg {
  border-radius: 0.6rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(34, 41, 47, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(34, 41, 47, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(34, 41, 47, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 1rem !important;
}

.mt-1,
.my-1 {
  margin-top: 1rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 1rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 1rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 1rem !important;
}

.m-2 {
  margin: 1.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 1.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 1.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 1.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 1.5rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.mt-3,
.my-3 {
  margin-top: 3rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 3rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 3rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 3rem !important;
}

.m-4 {
  margin: 3.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 3.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 3.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 3.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 3.5rem !important;
}

.m-5 {
  margin: 4rem !important;
}

.mt-5,
.my-5 {
  margin-top: 4rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 4rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 4rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 4rem !important;
}

.m-25 {
  margin: 0.25rem !important;
}

.mt-25,
.my-25 {
  margin-top: 0.25rem !important;
}

.mr-25,
.mx-25 {
  margin-right: 0.25rem !important;
}

.mb-25,
.my-25 {
  margin-bottom: 0.25rem !important;
}

.ml-25,
.mx-25 {
  margin-left: 0.25rem !important;
}

.m-50 {
  margin: 0.5rem !important;
}

.mt-50,
.my-50 {
  margin-top: 0.5rem !important;
}

.mr-50,
.mx-50 {
  margin-right: 0.5rem !important;
}

.mb-50,
.my-50 {
  margin-bottom: 0.5rem !important;
}

.ml-50,
.mx-50 {
  margin-left: 0.5rem !important;
}

.m-75 {
  margin: 0.75rem !important;
}

.mt-75,
.my-75 {
  margin-top: 0.75rem !important;
}

.mr-75,
.mx-75 {
  margin-right: 0.75rem !important;
}

.mb-75,
.my-75 {
  margin-bottom: 0.75rem !important;
}

.ml-75,
.mx-75 {
  margin-left: 0.75rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 1rem !important;
}

.pt-1,
.py-1 {
  padding-top: 1rem !important;
}

.pr-1,
.px-1 {
  padding-right: 1rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 1rem !important;
}

.pl-1,
.px-1 {
  padding-left: 1rem !important;
}

.p-2 {
  padding: 1.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 1.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 1.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 1.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 1.5rem !important;
}

.p-3 {
  padding: 3rem !important;
}

.pt-3,
.py-3 {
  padding-top: 3rem !important;
}

.pr-3,
.px-3 {
  padding-right: 3rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 3rem !important;
}

.pl-3,
.px-3 {
  padding-left: 3rem !important;
}

.p-4 {
  padding: 3.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 3.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 3.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 3.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 3.5rem !important;
}

.p-5 {
  padding: 4rem !important;
}

.pt-5,
.py-5 {
  padding-top: 4rem !important;
}

.pr-5,
.px-5 {
  padding-right: 4rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 4rem !important;
}

.pl-5,
.px-5 {
  padding-left: 4rem !important;
}

.p-25 {
  padding: 0.25rem !important;
}

.pt-25,
.py-25 {
  padding-top: 0.25rem !important;
}

.pr-25,
.px-25 {
  padding-right: 0.25rem !important;
}

.pb-25,
.py-25 {
  padding-bottom: 0.25rem !important;
}

.pl-25,
.px-25 {
  padding-left: 0.25rem !important;
}

.p-50 {
  padding: 0.5rem !important;
}

.pt-50,
.py-50 {
  padding-top: 0.5rem !important;
}

.pr-50,
.px-50 {
  padding-right: 0.5rem !important;
}

.pb-50,
.py-50 {
  padding-bottom: 0.5rem !important;
}

.pl-50,
.px-50 {
  padding-left: 0.5rem !important;
}

.p-75 {
  padding: 0.75rem !important;
}

.pt-75,
.py-75 {
  padding-top: 0.75rem !important;
}

.pr-75,
.px-75 {
  padding-right: 0.75rem !important;
}

.pb-75,
.py-75 {
  padding-bottom: 0.75rem !important;
}

.pl-75,
.px-75 {
  padding-left: 0.75rem !important;
}

.m-n1 {
  margin: -1rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -1rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -1rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -1rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -1rem !important;
}

.m-n2 {
  margin: -1.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -1.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -1.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -1.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -1.5rem !important;
}

.m-n3 {
  margin: -3rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -3rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -3rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -3rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -3rem !important;
}

.m-n4 {
  margin: -3.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -3.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -3.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -3.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -3.5rem !important;
}

.m-n5 {
  margin: -4rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -4rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -4rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -4rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -4rem !important;
}

.m-n25 {
  margin: -0.25rem !important;
}

.mt-n25,
.my-n25 {
  margin-top: -0.25rem !important;
}

.mr-n25,
.mx-n25 {
  margin-right: -0.25rem !important;
}

.mb-n25,
.my-n25 {
  margin-bottom: -0.25rem !important;
}

.ml-n25,
.mx-n25 {
  margin-left: -0.25rem !important;
}

.m-n50 {
  margin: -0.5rem !important;
}

.mt-n50,
.my-n50 {
  margin-top: -0.5rem !important;
}

.mr-n50,
.mx-n50 {
  margin-right: -0.5rem !important;
}

.mb-n50,
.my-n50 {
  margin-bottom: -0.5rem !important;
}

.ml-n50,
.mx-n50 {
  margin-left: -0.5rem !important;
}

.m-n75 {
  margin: -0.75rem !important;
}

.mt-n75,
.my-n75 {
  margin-top: -0.75rem !important;
}

.mr-n75,
.mx-n75 {
  margin-right: -0.75rem !important;
}

.mb-n75,
.my-n75 {
  margin-bottom: -0.75rem !important;
}

.ml-n75,
.mx-n75 {
  margin-left: -0.75rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 1rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 1rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 1rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 1rem !important;
  }
  .m-sm-2 {
    margin: 1.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 1.5rem !important;
  }
  .m-sm-3 {
    margin: 3rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 3rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 3rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 3rem !important;
  }
  .m-sm-4 {
    margin: 3.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 3.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 3.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 3.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 3.5rem !important;
  }
  .m-sm-5 {
    margin: 4rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 4rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 4rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 4rem !important;
  }
  .m-sm-25 {
    margin: 0.25rem !important;
  }
  .mt-sm-25,
  .my-sm-25 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-25,
  .mx-sm-25 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-25,
  .my-sm-25 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-25,
  .mx-sm-25 {
    margin-left: 0.25rem !important;
  }
  .m-sm-50 {
    margin: 0.5rem !important;
  }
  .mt-sm-50,
  .my-sm-50 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-50,
  .mx-sm-50 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-50,
  .my-sm-50 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-50,
  .mx-sm-50 {
    margin-left: 0.5rem !important;
  }
  .m-sm-75 {
    margin: 0.75rem !important;
  }
  .mt-sm-75,
  .my-sm-75 {
    margin-top: 0.75rem !important;
  }
  .mr-sm-75,
  .mx-sm-75 {
    margin-right: 0.75rem !important;
  }
  .mb-sm-75,
  .my-sm-75 {
    margin-bottom: 0.75rem !important;
  }
  .ml-sm-75,
  .mx-sm-75 {
    margin-left: 0.75rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 1rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 1rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 1rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 1rem !important;
  }
  .p-sm-2 {
    padding: 1.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 1.5rem !important;
  }
  .p-sm-3 {
    padding: 3rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 3rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 3rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 3rem !important;
  }
  .p-sm-4 {
    padding: 3.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 3.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 3.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 3.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 3.5rem !important;
  }
  .p-sm-5 {
    padding: 4rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 4rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 4rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 4rem !important;
  }
  .p-sm-25 {
    padding: 0.25rem !important;
  }
  .pt-sm-25,
  .py-sm-25 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-25,
  .px-sm-25 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-25,
  .py-sm-25 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-25,
  .px-sm-25 {
    padding-left: 0.25rem !important;
  }
  .p-sm-50 {
    padding: 0.5rem !important;
  }
  .pt-sm-50,
  .py-sm-50 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-50,
  .px-sm-50 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-50,
  .py-sm-50 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-50,
  .px-sm-50 {
    padding-left: 0.5rem !important;
  }
  .p-sm-75 {
    padding: 0.75rem !important;
  }
  .pt-sm-75,
  .py-sm-75 {
    padding-top: 0.75rem !important;
  }
  .pr-sm-75,
  .px-sm-75 {
    padding-right: 0.75rem !important;
  }
  .pb-sm-75,
  .py-sm-75 {
    padding-bottom: 0.75rem !important;
  }
  .pl-sm-75,
  .px-sm-75 {
    padding-left: 0.75rem !important;
  }
  .m-sm-n1 {
    margin: -1rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -1rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -1rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -1rem !important;
  }
  .m-sm-n2 {
    margin: -1.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n3 {
    margin: -3rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -3rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -3rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -3rem !important;
  }
  .m-sm-n4 {
    margin: -3.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -3.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -3.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -3.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -3.5rem !important;
  }
  .m-sm-n5 {
    margin: -4rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -4rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -4rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -4rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -4rem !important;
  }
  .m-sm-n25 {
    margin: -0.25rem !important;
  }
  .mt-sm-n25,
  .my-sm-n25 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n25,
  .mx-sm-n25 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n25,
  .my-sm-n25 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n25,
  .mx-sm-n25 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n50 {
    margin: -0.5rem !important;
  }
  .mt-sm-n50,
  .my-sm-n50 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n50,
  .mx-sm-n50 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n50,
  .my-sm-n50 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n50,
  .mx-sm-n50 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n75 {
    margin: -0.75rem !important;
  }
  .mt-sm-n75,
  .my-sm-n75 {
    margin-top: -0.75rem !important;
  }
  .mr-sm-n75,
  .mx-sm-n75 {
    margin-right: -0.75rem !important;
  }
  .mb-sm-n75,
  .my-sm-n75 {
    margin-bottom: -0.75rem !important;
  }
  .ml-sm-n75,
  .mx-sm-n75 {
    margin-left: -0.75rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 1rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 1rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 1rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 1rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 1rem !important;
  }
  .m-md-2 {
    margin: 1.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 1.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 1.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 1.5rem !important;
  }
  .m-md-3 {
    margin: 3rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 3rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 3rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 3rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 3rem !important;
  }
  .m-md-4 {
    margin: 3.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 3.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 3.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 3.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 3.5rem !important;
  }
  .m-md-5 {
    margin: 4rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 4rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 4rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 4rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 4rem !important;
  }
  .m-md-25 {
    margin: 0.25rem !important;
  }
  .mt-md-25,
  .my-md-25 {
    margin-top: 0.25rem !important;
  }
  .mr-md-25,
  .mx-md-25 {
    margin-right: 0.25rem !important;
  }
  .mb-md-25,
  .my-md-25 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-25,
  .mx-md-25 {
    margin-left: 0.25rem !important;
  }
  .m-md-50 {
    margin: 0.5rem !important;
  }
  .mt-md-50,
  .my-md-50 {
    margin-top: 0.5rem !important;
  }
  .mr-md-50,
  .mx-md-50 {
    margin-right: 0.5rem !important;
  }
  .mb-md-50,
  .my-md-50 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-50,
  .mx-md-50 {
    margin-left: 0.5rem !important;
  }
  .m-md-75 {
    margin: 0.75rem !important;
  }
  .mt-md-75,
  .my-md-75 {
    margin-top: 0.75rem !important;
  }
  .mr-md-75,
  .mx-md-75 {
    margin-right: 0.75rem !important;
  }
  .mb-md-75,
  .my-md-75 {
    margin-bottom: 0.75rem !important;
  }
  .ml-md-75,
  .mx-md-75 {
    margin-left: 0.75rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 1rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 1rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 1rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 1rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 1rem !important;
  }
  .p-md-2 {
    padding: 1.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 1.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 1.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 1.5rem !important;
  }
  .p-md-3 {
    padding: 3rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 3rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 3rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 3rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 3rem !important;
  }
  .p-md-4 {
    padding: 3.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 3.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 3.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 3.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 3.5rem !important;
  }
  .p-md-5 {
    padding: 4rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 4rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 4rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 4rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 4rem !important;
  }
  .p-md-25 {
    padding: 0.25rem !important;
  }
  .pt-md-25,
  .py-md-25 {
    padding-top: 0.25rem !important;
  }
  .pr-md-25,
  .px-md-25 {
    padding-right: 0.25rem !important;
  }
  .pb-md-25,
  .py-md-25 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-25,
  .px-md-25 {
    padding-left: 0.25rem !important;
  }
  .p-md-50 {
    padding: 0.5rem !important;
  }
  .pt-md-50,
  .py-md-50 {
    padding-top: 0.5rem !important;
  }
  .pr-md-50,
  .px-md-50 {
    padding-right: 0.5rem !important;
  }
  .pb-md-50,
  .py-md-50 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-50,
  .px-md-50 {
    padding-left: 0.5rem !important;
  }
  .p-md-75 {
    padding: 0.75rem !important;
  }
  .pt-md-75,
  .py-md-75 {
    padding-top: 0.75rem !important;
  }
  .pr-md-75,
  .px-md-75 {
    padding-right: 0.75rem !important;
  }
  .pb-md-75,
  .py-md-75 {
    padding-bottom: 0.75rem !important;
  }
  .pl-md-75,
  .px-md-75 {
    padding-left: 0.75rem !important;
  }
  .m-md-n1 {
    margin: -1rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -1rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -1rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -1rem !important;
  }
  .m-md-n2 {
    margin: -1.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -1.5rem !important;
  }
  .m-md-n3 {
    margin: -3rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -3rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -3rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -3rem !important;
  }
  .m-md-n4 {
    margin: -3.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -3.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -3.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -3.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -3.5rem !important;
  }
  .m-md-n5 {
    margin: -4rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -4rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -4rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -4rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -4rem !important;
  }
  .m-md-n25 {
    margin: -0.25rem !important;
  }
  .mt-md-n25,
  .my-md-n25 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n25,
  .mx-md-n25 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n25,
  .my-md-n25 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n25,
  .mx-md-n25 {
    margin-left: -0.25rem !important;
  }
  .m-md-n50 {
    margin: -0.5rem !important;
  }
  .mt-md-n50,
  .my-md-n50 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n50,
  .mx-md-n50 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n50,
  .my-md-n50 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n50,
  .mx-md-n50 {
    margin-left: -0.5rem !important;
  }
  .m-md-n75 {
    margin: -0.75rem !important;
  }
  .mt-md-n75,
  .my-md-n75 {
    margin-top: -0.75rem !important;
  }
  .mr-md-n75,
  .mx-md-n75 {
    margin-right: -0.75rem !important;
  }
  .mb-md-n75,
  .my-md-n75 {
    margin-bottom: -0.75rem !important;
  }
  .ml-md-n75,
  .mx-md-n75 {
    margin-left: -0.75rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 1rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 1rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 1rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 1rem !important;
  }
  .m-lg-2 {
    margin: 1.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 1.5rem !important;
  }
  .m-lg-3 {
    margin: 3rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 3rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 3rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 3rem !important;
  }
  .m-lg-4 {
    margin: 3.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 3.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 3.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 3.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 3.5rem !important;
  }
  .m-lg-5 {
    margin: 4rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 4rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 4rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 4rem !important;
  }
  .m-lg-25 {
    margin: 0.25rem !important;
  }
  .mt-lg-25,
  .my-lg-25 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-25,
  .mx-lg-25 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-25,
  .my-lg-25 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-25,
  .mx-lg-25 {
    margin-left: 0.25rem !important;
  }
  .m-lg-50 {
    margin: 0.5rem !important;
  }
  .mt-lg-50,
  .my-lg-50 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-50,
  .mx-lg-50 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-50,
  .my-lg-50 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-50,
  .mx-lg-50 {
    margin-left: 0.5rem !important;
  }
  .m-lg-75 {
    margin: 0.75rem !important;
  }
  .mt-lg-75,
  .my-lg-75 {
    margin-top: 0.75rem !important;
  }
  .mr-lg-75,
  .mx-lg-75 {
    margin-right: 0.75rem !important;
  }
  .mb-lg-75,
  .my-lg-75 {
    margin-bottom: 0.75rem !important;
  }
  .ml-lg-75,
  .mx-lg-75 {
    margin-left: 0.75rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 1rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 1rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 1rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 1rem !important;
  }
  .p-lg-2 {
    padding: 1.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 1.5rem !important;
  }
  .p-lg-3 {
    padding: 3rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 3rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 3rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 3rem !important;
  }
  .p-lg-4 {
    padding: 3.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 3.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 3.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 3.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 3.5rem !important;
  }
  .p-lg-5 {
    padding: 4rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 4rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 4rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 4rem !important;
  }
  .p-lg-25 {
    padding: 0.25rem !important;
  }
  .pt-lg-25,
  .py-lg-25 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-25,
  .px-lg-25 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-25,
  .py-lg-25 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-25,
  .px-lg-25 {
    padding-left: 0.25rem !important;
  }
  .p-lg-50 {
    padding: 0.5rem !important;
  }
  .pt-lg-50,
  .py-lg-50 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-50,
  .px-lg-50 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-50,
  .py-lg-50 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-50,
  .px-lg-50 {
    padding-left: 0.5rem !important;
  }
  .p-lg-75 {
    padding: 0.75rem !important;
  }
  .pt-lg-75,
  .py-lg-75 {
    padding-top: 0.75rem !important;
  }
  .pr-lg-75,
  .px-lg-75 {
    padding-right: 0.75rem !important;
  }
  .pb-lg-75,
  .py-lg-75 {
    padding-bottom: 0.75rem !important;
  }
  .pl-lg-75,
  .px-lg-75 {
    padding-left: 0.75rem !important;
  }
  .m-lg-n1 {
    margin: -1rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -1rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -1rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -1rem !important;
  }
  .m-lg-n2 {
    margin: -1.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n3 {
    margin: -3rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -3rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -3rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -3rem !important;
  }
  .m-lg-n4 {
    margin: -3.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -3.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -3.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -3.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -3.5rem !important;
  }
  .m-lg-n5 {
    margin: -4rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -4rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -4rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -4rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -4rem !important;
  }
  .m-lg-n25 {
    margin: -0.25rem !important;
  }
  .mt-lg-n25,
  .my-lg-n25 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n25,
  .mx-lg-n25 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n25,
  .my-lg-n25 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n25,
  .mx-lg-n25 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n50 {
    margin: -0.5rem !important;
  }
  .mt-lg-n50,
  .my-lg-n50 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n50,
  .mx-lg-n50 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n50,
  .my-lg-n50 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n50,
  .mx-lg-n50 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n75 {
    margin: -0.75rem !important;
  }
  .mt-lg-n75,
  .my-lg-n75 {
    margin-top: -0.75rem !important;
  }
  .mr-lg-n75,
  .mx-lg-n75 {
    margin-right: -0.75rem !important;
  }
  .mb-lg-n75,
  .my-lg-n75 {
    margin-bottom: -0.75rem !important;
  }
  .ml-lg-n75,
  .mx-lg-n75 {
    margin-left: -0.75rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 1rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 1rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 1rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 1rem !important;
  }
  .m-xl-2 {
    margin: 1.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 1.5rem !important;
  }
  .m-xl-3 {
    margin: 3rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 3rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 3rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 3rem !important;
  }
  .m-xl-4 {
    margin: 3.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 3.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 3.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 3.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 3.5rem !important;
  }
  .m-xl-5 {
    margin: 4rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 4rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 4rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 4rem !important;
  }
  .m-xl-25 {
    margin: 0.25rem !important;
  }
  .mt-xl-25,
  .my-xl-25 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-25,
  .mx-xl-25 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-25,
  .my-xl-25 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-25,
  .mx-xl-25 {
    margin-left: 0.25rem !important;
  }
  .m-xl-50 {
    margin: 0.5rem !important;
  }
  .mt-xl-50,
  .my-xl-50 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-50,
  .mx-xl-50 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-50,
  .my-xl-50 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-50,
  .mx-xl-50 {
    margin-left: 0.5rem !important;
  }
  .m-xl-75 {
    margin: 0.75rem !important;
  }
  .mt-xl-75,
  .my-xl-75 {
    margin-top: 0.75rem !important;
  }
  .mr-xl-75,
  .mx-xl-75 {
    margin-right: 0.75rem !important;
  }
  .mb-xl-75,
  .my-xl-75 {
    margin-bottom: 0.75rem !important;
  }
  .ml-xl-75,
  .mx-xl-75 {
    margin-left: 0.75rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 1rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 1rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 1rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 1rem !important;
  }
  .p-xl-2 {
    padding: 1.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 1.5rem !important;
  }
  .p-xl-3 {
    padding: 3rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 3rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 3rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 3rem !important;
  }
  .p-xl-4 {
    padding: 3.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 3.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 3.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 3.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 3.5rem !important;
  }
  .p-xl-5 {
    padding: 4rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 4rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 4rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 4rem !important;
  }
  .p-xl-25 {
    padding: 0.25rem !important;
  }
  .pt-xl-25,
  .py-xl-25 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-25,
  .px-xl-25 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-25,
  .py-xl-25 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-25,
  .px-xl-25 {
    padding-left: 0.25rem !important;
  }
  .p-xl-50 {
    padding: 0.5rem !important;
  }
  .pt-xl-50,
  .py-xl-50 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-50,
  .px-xl-50 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-50,
  .py-xl-50 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-50,
  .px-xl-50 {
    padding-left: 0.5rem !important;
  }
  .p-xl-75 {
    padding: 0.75rem !important;
  }
  .pt-xl-75,
  .py-xl-75 {
    padding-top: 0.75rem !important;
  }
  .pr-xl-75,
  .px-xl-75 {
    padding-right: 0.75rem !important;
  }
  .pb-xl-75,
  .py-xl-75 {
    padding-bottom: 0.75rem !important;
  }
  .pl-xl-75,
  .px-xl-75 {
    padding-left: 0.75rem !important;
  }
  .m-xl-n1 {
    margin: -1rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -1rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -1rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -1rem !important;
  }
  .m-xl-n2 {
    margin: -1.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n3 {
    margin: -3rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -3rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -3rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -3rem !important;
  }
  .m-xl-n4 {
    margin: -3.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -3.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -3.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -3.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -3.5rem !important;
  }
  .m-xl-n5 {
    margin: -4rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -4rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -4rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -4rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -4rem !important;
  }
  .m-xl-n25 {
    margin: -0.25rem !important;
  }
  .mt-xl-n25,
  .my-xl-n25 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n25,
  .mx-xl-n25 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n25,
  .my-xl-n25 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n25,
  .mx-xl-n25 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n50 {
    margin: -0.5rem !important;
  }
  .mt-xl-n50,
  .my-xl-n50 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n50,
  .mx-xl-n50 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n50,
  .my-xl-n50 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n50,
  .mx-xl-n50 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n75 {
    margin: -0.75rem !important;
  }
  .mt-xl-n75,
  .my-xl-n75 {
    margin-top: -0.75rem !important;
  }
  .mr-xl-n75,
  .mx-xl-n75 {
    margin-right: -0.75rem !important;
  }
  .mb-xl-n75,
  .my-xl-n75 {
    margin-bottom: -0.75rem !important;
  }
  .ml-xl-n75,
  .mx-xl-n75 {
    margin-left: -0.75rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: "Montserrat", Helvetica, Arial, serif !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #313330 !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.text-secondary {
  color: #b8c2cc !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.text-success {
  color: #28c76f !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.text-info {
  color: #00cfe8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.text-warning {
  color: #ff9f43 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.text-danger {
  color: #ea5455 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.text-light {
  color: #babfc7 !important;
}

a.text-light:hover, a.text-light:focus {
  color: rgb(56.3811764706%, 59.5419607843%, 64.5992156863%) !important;
}

.text-dark {
  color: #1e1e1e !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: black !important;
}

.text-body {
  color: #626262 !important;
}

.text-muted {
  color: #b8c2cc !important;
}

.text-black-50 {
  color: rgba(34, 41, 47, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #22292f;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dae1e7 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #f2f4f7;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #f2f4f7;
  }
}
/*========================================================
        DARK LAYOUT
=========================================================*/
html {
  font-size: 14px;
  height: 100%;
  letter-spacing: 0.01rem;
}
html body {
  height: 100%;
  background-color: #f2f4f7;
  direction: ltr;
}
html body .content {
  padding: 0;
  position: relative;
  transition: 300ms ease all;
  backface-visibility: hidden;
  min-height: calc(100% - 4rem);
  margin-left: 260px;
}
html body .content.app-content {
  overflow: hidden;
}
html body .content.app-content.show-overlay .content-overlay {
  z-index: 10;
  opacity: 1;
}
html body .content.app-content.show-overlay .content-overlay ~ .header-navbar-shadow {
  background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(44, 48, 60, 0));
}
html body .content.app-content .content-overlay {
  position: fixed;
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: all 0.7s;
  z-index: -1;
}
html body .content.app-content .content-overlay.show {
  z-index: 12;
}
html body .content.app-content .content-area-wrapper {
  height: calc(100% - 5rem);
  margin: calc(5rem + 2.7rem) 2.2rem 0;
  display: flex;
  position: relative;
}
html body .content.app-content .content-area-wrapper .content-wrapper {
  margin-top: 0;
  height: calc(100vh - 13rem);
}
html body .content .content-wrapper {
  padding: calc(2.2rem - 0.4rem) 2.2rem 0;
  margin-top: 6rem;
  min-height: calc(100vh - 9.75rem);
}
html body .content .content-wrapper .content-header-title {
  font-weight: 500;
  color: #636363;
  margin-right: 1rem;
}
html body .content .content-wrapper .content-header-right .dropdown-toggle::after {
  display: none;
}
html body .content .content-wrapper .content-header-right .btn-icon {
  padding: 0.8rem;
}
html body .vertical-layout.navbar-hidden .app-content .header-navbar-shadow {
  display: none;
}
html body .vertical-layout.navbar-hidden .app-content .content-wrapper {
  padding: 2.2rem;
  margin-top: 0;
  min-height: calc(100vh - 4rem);
}
html body .vertical-layout.navbar-hidden .app-content .content-area-wrapper {
  padding: 0;
  margin-top: 2.5rem;
}
html body .vertical-layout.navbar-static .app-content .header-navbar-shadow {
  display: none;
}
html body .vertical-layout.navbar-static .app-content .navbar-container {
  padding-left: 2.2rem;
  padding-right: 1.2rem;
}
html body .vertical-layout.navbar-static .app-content .content-wrapper {
  padding: 2.2rem;
  margin-top: 0;
  padding-top: 1rem;
}
html body .vertical-layout.navbar-static .app-content .content-area-wrapper {
  margin-top: 1rem;
}
html body .vertical-layout.menu-collapsed .header-navbar.fixed-top {
  left: 60px;
  width: auto;
}
html body .vertical-layout.navbar-sticky .app-content .header-navbar-shadow {
  display: none;
}
html body .vertical-layout.navbar-sticky .app-content .navbar-container {
  padding-left: 2.2rem;
  padding-right: 1rem;
}
html body .vertical-layout.navbar-sticky .app-content .content-wrapper {
  padding: 2.2rem;
  margin-top: 4.65rem;
}
html body .vertical-layout.navbar-static .navbar-container,
html body .vertical-layout.navbar-sticky .navbar-container {
  padding-left: 2.2rem;
  padding-right: 1rem;
}
html body .vertical-layout.fixed-footer .app-content,
html body .horizontal-layout.fixed-footer .app-content {
  margin-bottom: 3rem;
}
html body .vertical-layout.fixed-footer .footer,
html body .horizontal-layout.fixed-footer .footer {
  position: fixed;
  z-index: 1030;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.15);
}
html body .vertical-layout .menu-swipe-area {
  width: 20px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1032;
  height: 100vh;
}
html body p {
  line-height: 1.5rem;
}
html body .bg-full-screen-image {
  background: rgb(185, 241, 1);
  background: linear-gradient(0deg, rgb(185, 241, 1) 0%, rgb(185, 241, 1) 50%, rgb(255, 255, 255) 50%);
}
html body {
  /*
      * Blank page
      */
}
html body .blank-page .content {
  margin-left: 0;
}
html body .blank-page .content.app-content {
  overflow: overlay;
  overflow-x: hidden;
}
html body .blank-page .content-wrapper {
  padding: 0 !important;
  margin-top: 0;
}
html body .blank-page .content-wrapper .flexbox-container {
  display: flex;
  align-items: center;
  height: 100vh;
  justify-content: center;
  overflow: hidden;
}
html body[data-col="1-column"] .content,
html body[data-col="1-column"] .footer {
  margin-left: 0px !important;
}
html .pace .pace-progress {
  background: #313330;
}

.app-content.center-layout {
  overflow: hidden;
}

/*
* Col 3 layout for detached and general type
*/
@media (min-width: 992px) {
  body .content-right {
    width: calc(100% - 260px);
    float: right;
  }
  body .content-left {
    width: calc(100% - 260px);
    float: left;
  }
  body .content-detached {
    width: 100%;
  }
  body .content-detached.content-right {
    float: right;
    margin-left: -260px;
  }
  body .content-detached.content-right .content-body {
    margin-left: calc(260px + 2.2rem);
  }
  body .content-detached.content-left {
    float: left;
    margin-right: -260px;
  }
  body .content-detached.content-left .content-body {
    margin-right: calc(260px + 2.2rem);
  }
  .sidebar-right.sidebar-sticky {
    float: right !important;
    margin-left: -260px;
    width: 260px !important;
    margin-top: 6rem;
  }
  [data-col=content-left-sidebar] .sticky-wrapper {
    float: left;
  }
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 575.98px) {
  html body .content .content-wrapper {
    padding: calc(2.2rem - 0.4rem) calc(2.2rem - 1rem) 0;
  }
}
@media (max-width: 575.98px) {
  body.navbar-static .app-content .header-navbar .navbar-container, body.navbar-sticky .app-content .header-navbar .navbar-container {
    padding-left: 1rem;
    padding-right: 0.5rem;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  html.full-screen {
    width: 100%;
  }
  html.full-screen .content.app-content {
    height: 100%;
    overflow: scroll;
    overflow-x: hidden;
  }
}
.vertical-layout .main-menu .navigation .menu-content li a svg:first-child {
  margin-right: 1.38rem;
}
.vertical-layout .main-menu .navigation .menu-content li a .menu-toggle-icon {
  right: 9px;
}
.vertical-layout.menu-collapsed .main-menu.collapsed {
  width: 80px;
  transition: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.vertical-layout.menu-collapsed .main-menu.collapsed .badge,
.vertical-layout.menu-collapsed .main-menu.collapsed svg.menu-toggle-icon,
.vertical-layout.menu-collapsed .main-menu.collapsed .brand-text,
.vertical-layout.menu-collapsed .main-menu.collapsed .navigation-header,
.vertical-layout.menu-collapsed .main-menu.collapsed ul.menu-content {
  display: none;
}
.vertical-layout.menu-collapsed .app-content {
  margin-left: 80px;
}
.vertical-layout.menu-collapsed .app-content .header-navbar {
  width: calc(100% - 80px);
}
.vertical-layout.menu-collapsed .footer {
  margin-left: 80px;
}

@media (max-width: 1200px) {
  .vertical-layout .app-content {
    margin-left: 0;
  }
  .vertical-layout .app-content .header-navbar.floating-nav {
    width: 100%;
  }
  .vertical-layout .footer {
    margin-left: 0;
  }
  .vertical-layout .main-menu:not(.hide-sidebar) ~ .sidenav-overlay {
    display: block;
  }
}
/*=========================================================================================
    File Name: sidebar.scss
    Description: content sidebar specific scss.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy React Admin Template
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.sidebar {
  position: relative;
  width: 100%;
}
@media (min-width: 992px) {
  .sidebar {
    vertical-align: top;
  }
}

.sidebar-fixed {
  position: fixed;
  height: 100%;
  overflow: scroll;
}

.sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}

.drag-target {
  height: 100%;
  width: 40px;
  position: fixed;
  top: 0;
  left: -10px;
  z-index: 1036;
}

@media (min-width: 992px) {
  .sidebar-left {
    float: left;
  }
  .sidebar-right {
    float: right;
  }
}
footer.footer {
  padding: 1rem 2.2rem;
}
footer.footer a {
  margin: 0 0.3rem;
}
footer.footer span svg {
  margin-left: 0.5rem;
}
footer.footer .scroll-top {
  padding: 0.81rem 0.83rem;
}
footer.navbar-shadow {
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15);
}
footer.navbar-border {
  border-top: 1px solid #e4e7ed;
}

.fixed-footer.footer-light {
  background: #fff;
  box-shadow: 0px -1px 4px 0px rgba(0, 0, 0, 0.15);
}
.fixed-footer.footer-dark {
  background: #b8c2cc;
  color: #fff;
}

.scroll-top {
  position: fixed;
  bottom: 5%;
  right: 30px;
  z-index: 99;
}

@media (min-width: 992px) {
  .footer {
    margin-left: 260px;
  }
}
/*=========================================================================================
    File Name: navigations.scss
    Description: Common mixin for menus, contain dark and light version scss.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy React  Admin Template
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.main-menu {
  z-index: 1031;
  position: absolute;
  display: table-cell;
  height: 100%;
  overflow: hidden;
  width: 260px;
  transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.main-menu .main-menu-content {
  border-right: 1px solid rgb(232, 235, 240);
}
.main-menu.menu-light {
  color: #626262;
  background: #fff;
}
.main-menu.menu-light .main-menu-header {
  padding: 20px;
}
.main-menu.menu-light .main-menu-header .menu-search {
  background: rgb(90%, 90%, 90%);
  padding: 0.5rem 1rem;
  color: rgb(28.431372549%, 28.431372549%, 28.431372549%);
}
.main-menu.menu-light .main-menu-header .menu-search:focus {
  border-color: rgb(85%, 85%, 85%);
}
.main-menu.menu-light .navigation {
  background: #fff;
}
.main-menu.menu-light .navigation .navigation-header {
  color: rgb(59.931372549%, 59.931372549%, 59.931372549%);
  margin: calc(2.2rem - 0.2rem) 0 0.8rem 2.2rem;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}
.main-menu.menu-light .navigation .navigation-header span {
  font-weight: 500;
}
.main-menu.menu-light .navigation li .menu-text {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-menu.menu-light .navigation li .menu-text:last-child {
  width: 180px;
}
.main-menu.menu-light .navigation li.has-sub ul.menu-content {
  padding: 7px;
  margin: -7px -7px 0 -7px;
  transition: height 0.25s ease;
}
.main-menu.menu-light .navigation li a {
  color: rgb(33.531372549%, 33.531372549%, 33.531372549%);
  padding: 10px 15px;
  line-height: 1.45;
  transition: padding 0.35s ease 0s !important;
}
.main-menu.menu-light .navigation li a span.menu-sub-title {
  color: rgb(68.431372549%, 68.431372549%, 68.431372549%);
}
.main-menu.menu-light .navigation li a .badge {
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
}
.main-menu.menu-light .navigation li.hover > a {
  padding-left: 25px;
  transition: padding 0.35s ease 0s !important;
}
.main-menu.menu-light .navigation > li {
  padding: 0 15px;
}
.main-menu.menu-light .navigation > li > a .label {
  margin-top: 4px;
  margin-right: 5px;
}
.main-menu.menu-light .navigation > li > a i {
  position: relative;
  top: 1px;
}
.main-menu.menu-light .navigation > li.open > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a,
.main-menu.menu-light .navigation > li ul.menu-content .sidebar-group-active > a,
.main-menu.menu-light .navigation > li ul.menu-content .open > a {
  color: rgb(28.431372549%, 28.431372549%, 28.431372549%);
  background: unset !important;
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
  border-radius: 6px;
}
.main-menu.menu-light .navigation > li.open.open > a svg.menu-toggle-icon, .main-menu.menu-light .navigation > li.sidebar-group-active.open > a svg.menu-toggle-icon,
.main-menu.menu-light .navigation > li ul.menu-content .sidebar-group-active.open > a svg.menu-toggle-icon,
.main-menu.menu-light .navigation > li ul.menu-content .open.open > a svg.menu-toggle-icon {
  transform: rotate(90deg);
}
.main-menu.menu-light .navigation > li:not(.open) > ul {
  display: none;
}
.main-menu.menu-light .navigation > li.active > a {
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}
.main-menu.menu-light .navigation > li .active {
  background: rgb(94%, 94%, 94%);
}
.main-menu.menu-light .navigation > li .active > a {
  color: #313330;
  margin-bottom: 0;
}
.main-menu.menu-light .navigation > li .active .hover > a {
  background: rgb(96%, 96%, 96%);
}
.main-menu.menu-light .navigation > li ul {
  padding: 0;
  margin: 0;
}
.main-menu.menu-light .navigation > li ul li {
  color: #626262;
  background: transparent;
}
.main-menu.menu-light .navigation > li ul li > a {
  padding: 10px 15px 10px 20px;
}
.main-menu.menu-light .navigation > li ul .has-sub:not(.open) > ul {
  display: none;
}
.main-menu.menu-light .navigation > li ul .open > a,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > a {
  color: #626262;
}
.main-menu.menu-light .navigation > li ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul {
  display: block;
}
.main-menu.menu-light .navigation > li ul .open > ul .open > ul,
.main-menu.menu-light .navigation > li ul .sidebar-group-active > ul .open > ul {
  display: block;
}
.main-menu.menu-light .navigation > li ul .hover > a, .main-menu.menu-light .navigation > li ul:hover > a {
  color: rgb(42.431372549%, 42.431372549%, 42.431372549%);
}
.main-menu.menu-light .navigation > li ul .active {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0 0 10px 1px rgba(49, 51, 48, 0.7);
  border-radius: 4px;
}
.main-menu.menu-light .navigation > li ul .active > a {
  color: #fff;
}
.main-menu.menu-light .navigation > li > ul {
  background: #fff;
}
.main-menu.menu-light ul.menu-popout {
  background: #fff;
}
.main-menu.menu-light ul.menu-popout li a {
  color: #626262;
}
.main-menu.menu-light ul.menu-popout li a span.menu-sub-title {
  color: rgb(68.431372549%, 68.431372549%, 68.431372549%);
}
.main-menu.menu-light ul.menu-popout li.hover > a, .main-menu.menu-light ul.menu-popout li:hover > a, .main-menu.menu-light ul.menu-popout li.open > a {
  background: rgb(94%, 94%, 94%);
}
.main-menu.menu-light ul.menu-popout .has-sub:not(.open) > ul {
  display: none;
}
.main-menu.menu-light ul.menu-popout .open > a {
  color: #626262;
}
.main-menu.menu-light ul.menu-popout .open > ul {
  display: block;
}
.main-menu.menu-light ul.menu-popout .open > ul .open {
  background: rgb(91%, 91%, 91%);
}
.main-menu.menu-light ul.menu-popout .open > ul .open > ul {
  display: block;
  background: rgb(91%, 91%, 91%);
}
.main-menu.menu-light ul.menu-popout .hover > a, .main-menu.menu-light ul.menu-popout:hover > a {
  color: rgb(42.431372549%, 42.431372549%, 42.431372549%);
  background-color: rgb(96%, 96%, 96%);
}
.main-menu.menu-light ul.menu-popout .active {
  background: rgba(0, 0, 0, 0.06);
}
.main-menu.menu-light ul.menu-popout .active > a {
  color: rgb(48.431372549%, 48.431372549%, 48.431372549%);
  background-color: rgb(96%, 96%, 96%);
}
.main-menu.menu-light ul.menu-popout .active .hover > a,
.main-menu.menu-light ul.menu-popout .active :hover > a {
  background-color: transparent;
}
.main-menu.menu-dark {
  color: #dcdcdc;
  background: #10163a;
}
.main-menu.menu-dark .main-menu-header {
  padding: 20px;
}
.main-menu.menu-dark .main-menu-header .menu-search {
  background: rgb(1.9501854796%, 2.6815050344%, 7.0694223635%);
  padding: 0.5rem 1rem;
  color: rgb(76.2745098039%, 76.2745098039%, 76.2745098039%);
}
.main-menu.menu-dark .main-menu-header .menu-search:focus {
  border-color: black;
}
.main-menu.menu-dark .navigation {
  background: #10163a;
}
.main-menu.menu-dark .navigation .navigation-header {
  color: white;
  margin: calc(2.2rem - 0.2rem) 0 0.8rem 2.2rem;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}
.main-menu.menu-dark .navigation .navigation-header span {
  font-weight: 500;
}
.main-menu.menu-dark .navigation li .menu-text {
  width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-menu.menu-dark .navigation li .menu-text:last-child {
  width: 180px;
}
.main-menu.menu-dark .navigation li.has-sub ul.menu-content {
  padding: 7px;
  margin: -7px -7px 0 -7px;
  transition: height 0.25s ease;
}
.main-menu.menu-dark .navigation li a {
  color: rgb(81.3745098039%, 81.3745098039%, 81.3745098039%);
  padding: 10px 15px;
  line-height: 1.45;
  transition: padding 0.35s ease 0s !important;
}
.main-menu.menu-dark .navigation li a span.menu-sub-title {
  color: white;
}
.main-menu.menu-dark .navigation li a .badge {
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
}
.main-menu.menu-dark .navigation li.hover > a {
  padding-left: 25px;
  transition: padding 0.35s ease 0s !important;
}
.main-menu.menu-dark .navigation > li {
  padding: 0 15px;
}
.main-menu.menu-dark .navigation > li > a .label {
  margin-top: 4px;
  margin-right: 5px;
}
.main-menu.menu-dark .navigation > li > a i {
  position: relative;
  top: 1px;
}
.main-menu.menu-dark .navigation > li.open > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a,
.main-menu.menu-dark .navigation > li ul.menu-content .sidebar-group-active > a,
.main-menu.menu-dark .navigation > li ul.menu-content .open > a {
  color: rgb(76.2745098039%, 76.2745098039%, 76.2745098039%);
  background: unset !important;
  transition: transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s;
  border-radius: 6px;
}
.main-menu.menu-dark .navigation > li.open.open > a svg.menu-toggle-icon, .main-menu.menu-dark .navigation > li.sidebar-group-active.open > a svg.menu-toggle-icon,
.main-menu.menu-dark .navigation > li ul.menu-content .sidebar-group-active.open > a svg.menu-toggle-icon,
.main-menu.menu-dark .navigation > li ul.menu-content .open.open > a svg.menu-toggle-icon {
  transform: rotate(90deg);
}
.main-menu.menu-dark .navigation > li:not(.open) > ul {
  display: none;
}
.main-menu.menu-dark .navigation > li.active > a {
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}
.main-menu.menu-dark .navigation > li .active {
  background: rgb(3.6799152093%, 5.0598834128%, 13.3396926338%);
}
.main-menu.menu-dark .navigation > li .active > a {
  color: #313330;
  margin-bottom: 0;
}
.main-menu.menu-dark .navigation > li .active .hover > a {
  background: rgb(4.5447800742%, 6.249072602%, 16.4748277689%);
}
.main-menu.menu-dark .navigation > li ul {
  padding: 0;
  margin: 0;
}
.main-menu.menu-dark .navigation > li ul li {
  color: #dcdcdc;
  background: transparent;
}
.main-menu.menu-dark .navigation > li ul li > a {
  padding: 10px 15px 10px 20px;
}
.main-menu.menu-dark .navigation > li ul .has-sub:not(.open) > ul {
  display: none;
}
.main-menu.menu-dark .navigation > li ul .open > a,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > a {
  color: #dcdcdc;
}
.main-menu.menu-dark .navigation > li ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul {
  display: block;
}
.main-menu.menu-dark .navigation > li ul .open > ul .open > ul,
.main-menu.menu-dark .navigation > li ul .sidebar-group-active > ul .open > ul {
  display: block;
}
.main-menu.menu-dark .navigation > li ul .hover > a, .main-menu.menu-dark .navigation > li ul:hover > a {
  color: rgb(90.2745098039%, 90.2745098039%, 90.2745098039%);
}
.main-menu.menu-dark .navigation > li ul .active {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0 0 10px 1px rgba(49, 51, 48, 0.7);
  border-radius: 4px;
}
.main-menu.menu-dark .navigation > li ul .active > a {
  color: #fff;
}
.main-menu.menu-dark .navigation > li > ul {
  background: #10163a;
}
.main-menu.menu-dark ul.menu-popout {
  background: #10163a;
}
.main-menu.menu-dark ul.menu-popout li a {
  color: #dcdcdc;
}
.main-menu.menu-dark ul.menu-popout li a span.menu-sub-title {
  color: white;
}
.main-menu.menu-dark ul.menu-popout li.hover > a, .main-menu.menu-dark ul.menu-popout li:hover > a, .main-menu.menu-dark ul.menu-popout li.open > a {
  background: rgb(3.6799152093%, 5.0598834128%, 13.3396926338%);
}
.main-menu.menu-dark ul.menu-popout .has-sub:not(.open) > ul {
  display: none;
}
.main-menu.menu-dark ul.menu-popout .open > a {
  color: #dcdcdc;
}
.main-menu.menu-dark ul.menu-popout .open > ul {
  display: block;
}
.main-menu.menu-dark ul.menu-popout .open > ul .open {
  background: rgb(2.382617912%, 3.276099629%, 8.6369899311%);
}
.main-menu.menu-dark ul.menu-popout .open > ul .open > ul {
  display: block;
  background: rgb(2.382617912%, 3.276099629%, 8.6369899311%);
}
.main-menu.menu-dark ul.menu-popout .hover > a, .main-menu.menu-dark ul.menu-popout:hover > a {
  color: rgb(90.2745098039%, 90.2745098039%, 90.2745098039%);
  background-color: rgb(4.5447800742%, 6.249072602%, 16.4748277689%);
}
.main-menu.menu-dark ul.menu-popout .active {
  background: rgba(0, 0, 0, 0.06);
}
.main-menu.menu-dark ul.menu-popout .active > a {
  color: rgb(96.2745098039%, 96.2745098039%, 96.2745098039%);
  background-color: rgb(4.5447800742%, 6.249072602%, 16.4748277689%);
}
.main-menu.menu-dark ul.menu-popout .active .hover > a,
.main-menu.menu-dark ul.menu-popout .active :hover > a {
  background-color: transparent;
}
.main-menu.menu-fixed {
  position: fixed;
  /* fallback if needed */
}
.main-menu.menu-fixed .main-menu-footer {
  position: fixed;
}
.main-menu.menu-static {
  height: auto;
  padding-bottom: calc(100% - 35rem);
}
.main-menu.menu-static .main-menu-content {
  height: unset !important;
}
.main-menu.menu-border {
  border-right: 1px solid #e4e7ed;
}
.main-menu .shadow-bottom {
  position: absolute;
  z-index: 2;
  height: 60px;
  width: 100%;
  pointer-events: none;
  margin-top: -1.3rem;
  margin-left: -1rem;
  filter: blur(5px);
  background: linear-gradient(#fff 41%, hsla(0, 0%, 100%, 0.11) 95%, hsla(0, 0%, 100%, 0));
}
.main-menu.menu-native-scroll .main-menu-content {
  overflow-y: scroll;
}
.main-menu .navbar-header {
  height: 100%;
  width: 260px;
  height: 100%;
  position: relative;
  padding: 0.35rem 1rem 0.3rem 1.64rem;
  transition: 300ms ease all;
}
.main-menu .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  margin-top: 1.35rem;
}
.main-menu .navbar-header .navbar-brand .brand-logo {
  background: url("/assets/logo-pay42-CtmXlfqK.png") no-repeat;
  background-position: -65px -54px;
  height: 24px;
  width: 35px;
}
.main-menu .navbar-header .navbar-brand .brand-text {
  color: #313330;
  padding-left: 1rem;
  font-weight: 600;
  letter-spacing: 0.01rem;
  font-size: 1.57rem;
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .navbar-header .modern-nav-toggle {
  animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}
.main-menu .main-menu-content {
  height: calc(100% - 6rem) !important;
  position: relative;
  transition: all 0.25s ease;
}
.main-menu .main-menu-content .ps__rail-y:hover, .main-menu .main-menu-content.ps--active-y .ps__rail-y {
  background-color: transparent !important;
}
.main-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-menu ul.navigation-main {
  overflow-x: hidden;
}
.main-menu ul.navigation-main > li:first-child {
  margin-top: 0.5rem;
}
.main-menu ul.navigation-main .nav-item svg:first-child {
  margin-right: 1rem;
  position: relative;
  top: -1px;
}
.main-menu ul.navigation-main .nav-item svg.menu-toggle-icon {
  position: absolute;
  right: 22px;
  top: 15px;
  transition: all 0.25s ease;
}
.main-menu a {
  outline: none;
}
.main-menu a:hover, .main-menu a:focus {
  text-decoration: none;
}
.main-menu.hide-sidebar {
  transform: translateX(-100%);
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.main-menu:not(.hide-sidebar) {
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.navigation {
  font-size: 1.1rem;
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-weight: 400;
  overflow-y: hidden;
  padding-bottom: 20px;
}
.navigation .navigation-header {
  font-family: "Montserrat", Helvetica, Arial, serif;
  font-weight: 500;
  line-height: 1.2;
  padding: 12px 22px;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.navigation li {
  position: relative;
  white-space: nowrap;
}
.navigation li a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.navigation li.disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.navigation .nav-item.active a {
  /* background: linear-gradient(
    118deg,
    rgba($primary, 1),
    rgba($primary, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($primary, 0.7) !important; */
}
.navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0 0 10px 1px rgba(49, 51, 48, 0.7);
}

.menu-popout li.disabled a {
  cursor: not-allowed;
}

.dropdown-notification .nav-link-label {
  position: relative;
}
.dropdown-notification .notification-text {
  margin-bottom: 0.25rem;
  font-size: smaller;
  color: #626262;
}
.dropdown-notification .notification-title {
  color: rgba(255, 255, 255, 0.75);
}
.dropdown-notification .notification-tag {
  position: relative;
  top: -4px;
}
.dropdown-notification .dropdown-menu.dropdown-menu-right {
  right: -2px;
  padding: 0;
}
.dropdown-notification .dropdown-menu.dropdown-menu-right::before {
  background: #313330;
  border-color: #313330;
}
.dropdown-notification .dropdown-menu-header {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background: #313330;
  color: #fff;
  text-align: center;
}
.dropdown-notification .dropdown-menu-header .dropdown-header h3 {
  margin-bottom: 0.25rem;
}

.horizontal-layout.theme-primary .navbar-container .brand-logo,
.horizontal-layout.theme-primary .navbar-header .brand-logo,
.vertical-layout.theme-primary .navbar-container .brand-logo,
.vertical-layout.theme-primary .navbar-header .brand-logo {
  background-position: -65px -54px !important;
}
.horizontal-layout.theme-success .navbar-container .brand-logo,
.horizontal-layout.theme-success .navbar-header .brand-logo,
.vertical-layout.theme-success .navbar-container .brand-logo,
.vertical-layout.theme-success .navbar-header .brand-logo {
  background-position: -120px -10px !important;
}
.horizontal-layout.theme-danger .navbar-container .brand-logo,
.horizontal-layout.theme-danger .navbar-header .brand-logo,
.vertical-layout.theme-danger .navbar-container .brand-logo,
.vertical-layout.theme-danger .navbar-header .brand-logo {
  background-position: -10px -10px !important;
}
.horizontal-layout.theme-info .navbar-container .brand-logo,
.horizontal-layout.theme-info .navbar-header .brand-logo,
.vertical-layout.theme-info .navbar-container .brand-logo,
.vertical-layout.theme-info .navbar-header .brand-logo {
  background-position: -10px -54px !important;
}
.horizontal-layout.theme-warning .navbar-container .brand-logo,
.horizontal-layout.theme-warning .navbar-header .brand-logo,
.vertical-layout.theme-warning .navbar-container .brand-logo,
.vertical-layout.theme-warning .navbar-header .brand-logo {
  background-position: -120px -54px !important;
}
.horizontal-layout.theme-dark .navbar-container .brand-logo,
.horizontal-layout.theme-dark .navbar-header .brand-logo,
.vertical-layout.theme-dark .navbar-container .brand-logo,
.vertical-layout.theme-dark .navbar-header .brand-logo {
  background-position: -65px -10px !important;
}

.main-menu-header .user-content {
  padding: 20px;
}
.main-menu-header .user-content .media {
  overflow: inherit;
}
.main-menu-header .user-content .media-body {
  vertical-align: bottom;
  opacity: 1;
  width: 150px;
  white-space: nowrap;
  transition: all 0.3s ease 0.15s;
}

.main-menu-footer {
  position: relative;
  overflow: hidden;
  bottom: 0;
  display: block;
  z-index: 1000;
  color: white;
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%);
}
.main-menu-footer.footer-open {
  max-height: 500px;
  transition: max-height 0.2s ease-in-out;
}
.main-menu-footer a {
  color: white;
}
.main-menu-footer a:hover, .main-menu-footer a:focus {
  color: #fff;
}
.main-menu-footer .header {
  height: 19px;
  border-bottom: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%);
}
.main-menu-footer .toggle {
  transform: rotate(0deg);
  transition: -webkit-transform 0.2s ease-in-out;
}
.main-menu-footer .content {
  padding: 0;
}
.main-menu-footer .content .actions > a {
  display: block;
  float: left;
  width: 33.3333333333%;
  padding: 1rem 0;
  color: white;
  text-align: center;
  border-top: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%);
  border-left: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%);
}
.main-menu-footer .content .actions > a > span {
  font-size: 1.35rem;
}
.main-menu-footer .content .actions > a:hover, .main-menu-footer .content .actions > a:focus {
  color: #fff;
}

body .main-menu-footer .content {
  margin-left: 0;
}

body.menu-collapsed .menu-static {
  padding-bottom: calc(100% - 14rem);
}

@media (max-width: 767.98px) {
  .menu-hide .main-menu,
  .menu-open .main-menu {
    transition: transform 0.25s, top 0.35s, height 0.35s;
  }
  .main-menu {
    backface-visibility: hidden;
    perspective: 1000;
  }
  .main-menu:not(.hide-sidebar) {
    transform: translate3d(0);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  }
  .menu-open .main-menu {
    transform: translate3d(0, 0, 0);
  }
}
@media (min-width: 768px) {
  .drag-target {
    z-index: 0;
  }
}
body .vertical-layout.fixed-footer .main-menu.menu-fixed {
  height: 100%;
}

@media (max-width: 768px) {
  body .main-menu.menu-static {
    padding-bottom: 100%;
  }
}
/*=========================================================================================
	File Name: horizontal-menu.scss
	Description: A classic horizontal menu for easy navingation & support all devices.
	It support light & dark version, filpped layout, right side icons, borders menu for
	item seperation.
	----------------------------------------------------------------------------------------
	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard TemplateTheme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
/*========================================================
        DARK LAYOUT
=========================================================*/
.horizontal-layout.navbar-floating .app-content {
  padding-top: 9.75rem;
}
.horizontal-layout .content {
  margin-left: 0;
}
.horizontal-layout .content .content-wrapper {
  margin-top: 0 !important;
  min-height: calc(100vh - 13.75rem);
}
.horizontal-layout footer {
  position: static;
  margin-left: 0;
}
.horizontal-layout .header-navbar.fixed-top {
  left: 0;
}
.horizontal-layout .header-navbar .brand-logo {
  background: url("/assets/logo-pay42-CtmXlfqK.png") no-repeat;
  background-position: -65px -54px;
  height: 24px;
  width: 35px;
}
.horizontal-layout .header-navbar .navbar-nav.float-right .nav-item:not(:last-child) a.nav-link {
  margin-right: 4px;
}
.horizontal-layout .header-navbar .navbar-nav.float-right .nav-item:not(:last-child) .dropdown-notification .nav-link {
  margin-right: 10px;
}
.horizontal-layout ul#main-menu-navigation > li {
  line-height: 1;
}
.horizontal-layout ul#main-menu-navigation > li.active .nav-link {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0px 0px 6px 1px rgba(49, 51, 48, 0.6);
  color: #fff !important;
  border-radius: 4px;
}
.horizontal-layout ul#main-menu-navigation > li.active .nav-link .dropdown-menu .active {
  background-color: #f2f4f7;
}
.horizontal-layout ul#main-menu-navigation > li.nav-item:not(:last-child) .nav-link.dropdown {
  margin-right: 4px;
}
.horizontal-layout ul#main-menu-navigation > li .single-item {
  padding-left: 11px !important;
  padding-right: 11px !important;
}
.horizontal-layout ul#main-menu-navigation > li .single-item .nav-link {
  color: #626262;
  padding: 0.75rem 1.25rem !important;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown:not(.sub-menu) {
  padding-top: 0.965rem;
  padding-bottom: 0.965rem;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown:not(.sub-menu).nav-link {
  padding: 0.75rem 1.25rem;
}
.horizontal-layout ul#main-menu-navigation > li .item-content {
  color: #626262;
}
.horizontal-layout ul#main-menu-navigation > li .item-content span {
  vertical-align: middle;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-text span:not(.menu-icon) {
  vertical-align: bottom;
}
.horizontal-layout ul#main-menu-navigation > li .has-sub-arrow {
  position: absolute;
  right: 1rem;
  top: 15px;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu {
  margin-left: 0;
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-name: slideIn;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu li:focus {
  outline: none;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item {
  transition: padding 0.35s ease 0s !important;
  line-height: 1;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item:focus {
  outline: 0;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.hover {
  padding-left: 25px !important;
  transition: padding 0.35s ease 0s !important;
  background-color: transparent;
  color: #626262;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.has-sub:focus {
  outline: 0;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.has-sub.hover {
  padding-left: 10px !important;
  background-color: #f2f4f7;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.active {
  background: #f2f4f7;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.active span,
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.active svg {
  color: #313330 !important;
  font-weight: 500;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .open.active > a {
  color: #626262;
  font-weight: normal;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item {
  font-size: 1rem;
  display: flex;
  align-items: center;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item:not(.has-sub) {
  padding: 0.95rem 1.428rem;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item:hover span,
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item:hover svg {
  color: #626262;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.has-sub {
  padding: 0;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu .dropdown-item.has-sub .dropdown {
  padding: 0.95rem 1.4rem;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu::-webkit-scrollbar-thumb {
  background: #dae1e7;
  border-radius: 20px;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu::-webkit-scrollbar-track {
  background: #f2f4f7;
  border-radius: 30px;
}
.horizontal-layout ul#main-menu-navigation > li > .dropdown a {
  display: flex;
  margin-right: 0.5rem;
  align-items: center;
}
.horizontal-layout ul#main-menu-navigation > li.hover .nav-link {
  background: #f2f4f7;
  border-radius: 4px;
}
.horizontal-layout ul#main-menu-navigation > li .nav-item-wrapper {
  padding: 11px 0;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown.has-active-child {
  background-color: #f2f4f7;
}
.horizontal-layout ul#main-menu-navigation > li .dropdown-menu[x-placement=left-start], .horizontal-layout ul#main-menu-navigation > li .dropdown-menu[x-placement=left-start] .dropdown-menu {
  left: -100%;
  right: 100%;
}
.horizontal-layout.navbar-floating:not(.blank-page) .app-content {
  padding-top: 9.75rem;
}
.horizontal-layout.navbar-floating .horizontal-menu-wrapper {
  background: linear-gradient(to bottom, rgba(248, 248, 248, 0.95) 44%, rgba(248, 248, 248, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
  background-repeat: repeat-x;
}
.horizontal-layout.navbar-floating .horizontal-menu-wrapper .navbar-horizontal.floating-nav {
  margin: 1.3rem 2.2rem 0;
}
.horizontal-layout.dark-layout .header-navbar {
  background: inherit !important;
}
.horizontal-layout.dark-layout .horizontal-menu-wrapper {
  background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
}
.horizontal-layout.dark-layout .horizontal-menu-wrapper .header-navbar {
  background: #10163a !important;
}
.horizontal-layout.dark-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation > li:hover:not(.active) > a {
  background: #262c49;
}
.horizontal-layout.navbar-sticky .app-content {
  padding-top: 8.5rem;
}
.horizontal-layout.navbar-sticky .header-navbar {
  background-color: #f2f4f7;
  box-shadow: none;
}
.horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
  left: 0;
  top: 62px;
  background-color: #fff;
}
.horizontal-layout.navbar-static .app-content {
  padding-top: 2.5rem;
}
.horizontal-layout.navbar-static .header-navbar:not(.scrolling) {
  background-color: #f2f4f7;
  box-shadow: none;
}
.horizontal-layout.navbar-static .header-navbar:not(.scrolling) .navbar-wrapper {
  width: 100%;
}
.horizontal-layout.navbar-static .horizontal-menu-wrapper {
  position: relative;
}
.horizontal-layout.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar {
  background: #fff;
}
.horizontal-layout.navbar-static .horizontal-menu-wrapper .navbar-horizontal.header-navbar.navbar-static-top {
  position: static;
  background: #fff;
  left: 0;
}
.horizontal-layout .horizontal-menu-wrapper {
  position: fixed;
  top: 62px;
  z-index: 990;
  width: 100%;
  height: 99px;
}
.horizontal-layout .horizontal-menu-wrapper .header-navbar .navbar-container {
  padding-left: 1rem;
  padding-right: 1rem;
  width: 100%;
}
.horizontal-layout .horizontal-menu-wrapper .header-navbar .navbar-header {
  display: none;
}
.horizontal-layout .header-navbar {
  background: #fff;
  z-index: 999 !important;
  line-height: 1;
}
.horizontal-layout .header-navbar.navbar-horizontal.floating-nav {
  width: calc(100vw - (100vw - 100%) - 2.2rem * 2);
  background: #fff;
}
.horizontal-layout .header-navbar .navbar-container {
  padding-left: 2.2rem;
  padding-right: calc(2.2rem - 1rem);
  border-radius: 0.5rem;
}
.horizontal-layout .header-navbar.navbar-fixed {
  position: fixed;
  width: 100%;
}
.horizontal-layout .header-navbar.navbar-brand-center .navbar-header {
  position: absolute;
  left: 50%;
  margin-left: -65px;
  padding: 0;
  z-index: 1000;
}
.horizontal-layout .header-navbar.navbar-brand-center .navbar-header .navbar-brand {
  display: flex;
  align-items: center;
  margin-right: 0;
}
.horizontal-layout .header-navbar.navbar-brand-center .navbar-header .navbar-brand .brand-text {
  color: #fff;
  padding-left: 1rem;
  letter-spacing: 0.01rem;
  font-size: 1.57rem;
}
.horizontal-layout .header-navbar.navbar-horizontal .nav-link.dropdown-toggle::after {
  left: 0.4rem;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu::before {
  display: none;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu {
  min-width: 215px;
  border: none;
  min-height: 52px;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .disabled {
  pointer-events: none !important;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .disabled a {
  color: #b8c2cc;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-toggle::after {
  left: auto;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 1rem;
  content: "\e844" !important;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu {
  position: relative;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.openLeft .dropdown-menu {
  left: auto;
  right: 100%;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu.show {
  background: #f2f4f7;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu {
  position: absolute;
  top: 0 !important;
  left: 100% !important;
}
.horizontal-layout .header-navbar.navbar-horizontal .dropdown-menu .dropdown-submenu > .dropdown-menu i {
  font-size: 0.75rem !important;
}
.horizontal-layout.menu-collapsed #main-menu-navigation .nav-item > a span {
  display: none;
}
.horizontal-layout .navigation-header {
  font-family: inherit;
  color: #929292;
  padding: 8px 20px;
  font-size: 1rem;
  text-transform: uppercase;
}
.horizontal-layout .navbar-dark .nav-item.active > a {
  border-bottom: 2px solid #313330;
  background-color: #313c50;
}
.horizontal-layout .content.app-content .content-area-wrapper {
  margin-top: 2.2rem;
}
.horizontal-layout .content.app-content .content-area-wrapper .content-wrapper {
  height: calc(100vh - 16rem);
  height: calc(var(--vh, 1vh) * 100 - 16rem);
}
.horizontal-layout.chat-application .sidebar-content, .horizontal-layout.email-application .content-area-wrapper .sidebar .email-app-sidebar, .horizontal-layout.todo-application .content-area-wrapper .sidebar .todo-sidebar {
  height: calc(100vh - 16rem);
  height: calc(var(--vh, 1vh) * 100 - 16rem);
}
.horizontal-layout.todo-application .content-area-wrapper .content-right .todo-task-list {
  height: calc(100vh - 19.5rem);
  height: calc(var(--vh, 1vh) * 100 - 19.5rem);
}
.horizontal-layout.email-application .app-content .content-area-wrapper .email-user-list {
  height: calc(100vh - 23.3rem);
  height: calc(var(--vh, 1vh) * 100 - 23.3rem);
}
.horizontal-layout.chat-application .user-profile-sidebar {
  height: calc(100vh - 16.1rem);
  height: calc(var(--vh, 1vh) * 100 - 16.1rem);
  bottom: 4.1rem;
}
.horizontal-layout.chat-application .chat-profile-sidebar {
  height: calc(100vh - 16rem);
  height: calc(var(--vh, 1vh) * 100 - 16rem);
}
.horizontal-layout.chat-application .chat-app-window .user-chats {
  height: calc(100vh - 26.5rem);
  height: calc(var(--vh, 1vh) * 100 - 26.5rem);
}

@media (max-width: 1199.98px) {
  body.horizontal-layout.horizontal-menu .horizontal-menu-wrapper .header-navbar {
    display: none;
  }
  body.horizontal-layout .header-navbar {
    background: #fff;
  }
  body.horizontal-layout .content .content-wrapper {
    margin-top: 5rem;
  }
}
@media (max-width: 1230px) and (min-width: 1200px) {
  .horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .nav-item .nav-link a {
    margin-right: 0;
  }
}
@keyframes slideIn {
  100% {
    transform: translateY(0);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
.display-inline {
  display: inline !important;
}

.display-block {
  display: block !important;
}

.display-inline-block {
  display: inline-block !important;
}

.display-hidden {
  display: none !important;
}

.display-table-cell {
  display: table-cell !important;
}

.position-top-0 {
  top: 0;
}

.position-right-0 {
  right: 0;
}

.position-bottom-0 {
  bottom: 0;
}

.position-left-0 {
  left: 0;
}

.zindex-1 {
  z-index: 1 !important;
}

.zindex-2 {
  z-index: 2 !important;
}

.zindex-3 {
  z-index: 3 !important;
}

.zindex-4 {
  z-index: 4 !important;
}

.zindex-0 {
  z-index: 0 !important;
}

.zindex-minus-1 {
  z-index: -1 !important;
}

.zindex-minus-2 {
  z-index: -2 !important;
}

.zindex-minus-3 {
  z-index: -3 !important;
}

.zindex-minus-4 {
  z-index: -4 !important;
}

.no-edge-top {
  top: 0 !important;
}

.no-edge-bottom {
  bottom: 0 !important;
}

.no-edge-left {
  left: 0 !important;
}

.no-edge-right {
  right: 0 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-move {
  cursor: move;
}

.cursor-default {
  cursor: default;
}

.cursor-progress {
  cursor: progress;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-auto {
  overflow: auto;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-scroll {
  overflow: scroll;
}

.overflow-y-scroll {
  overflow: scroll;
}

.bullets-inside {
  list-style: inside;
}

.list-style-circle {
  list-style: circle;
}

.list-style-square {
  list-style: square;
}

.list-style-icons {
  padding-left: 10px;
  margin-left: 0;
  list-style: none;
}
.list-style-icons > li svg {
  width: 1em;
  margin: 0 6px 0 0;
}

.border {
  border: 1px solid;
}

.border-top {
  border-top: 1px solid;
}

.border-bottom {
  border-bottom: 1px solid;
}

.border-left {
  border-left: 1px solid;
}

.border-right {
  border-right: 1px solid;
}

.border-2 {
  border-width: 2px !important;
}

.border-top-2 {
  border-top-width: 2px !important;
}

.border-bottom-2 {
  border-bottom-width: 2px !important;
}

.border-left-2 {
  border-left-width: 2px !important;
}

.border-right-2 {
  border-right-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-top-3 {
  border-top-width: 3px !important;
}

.border-bottom-3 {
  border-bottom-width: 3px !important;
}

.border-left-3 {
  border-left-width: 3px !important;
}

.border-right-3 {
  border-right-width: 3px !important;
}

.no-border-top-radius {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.no-border-bottom-radius {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.no-border-top-left-radius {
  border-top-left-radius: 0 !important;
}

.no-border-top-right-radius {
  border-top-right-radius: 0 !important;
}

.no-border-bottom-left-radius {
  border-bottom-left-radius: 0 !important;
}

.no-border-bottom-right-radius {
  border-bottom-right-radius: 0 !important;
}

.box-shadow-0 {
  box-shadow: none !important;
}

.box-shadow-1 {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.box-shadow-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.box-shadow-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.box-shadow-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.box-shadow-6 {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.fit {
  max-width: 100% !important;
}

.half-width {
  width: 50% !important;
}

.full-width {
  width: 100% !important;
}

.full-height {
  height: 100% !important;
}

.width-50 {
  width: 50px !important;
}

.width-100 {
  width: 100px !important;
}

.width-150 {
  width: 150px !important;
}

.width-200 {
  width: 200px !important;
}

.width-250 {
  width: 250px !important;
}

.width-300 {
  width: 300px !important;
}

.width-350 {
  width: 350px !important;
}

.width-400 {
  width: 400px !important;
}

.width-450 {
  width: 450px !important;
}

.width-500 {
  width: 500px !important;
}

.width-550 {
  width: 550px !important;
}

.width-600 {
  width: 600px !important;
}

.width-650 {
  width: 650px !important;
}

.width-700 {
  width: 700px !important;
}

.width-750 {
  width: 750px !important;
}

.width-800 {
  width: 800px !important;
}

.width-5-per {
  width: 5% !important;
}

.width-10-per {
  width: 10% !important;
}

.width-15-per {
  width: 15% !important;
}

.width-20-per {
  width: 20% !important;
}

.width-25-per {
  width: 25% !important;
}

.width-30-per {
  width: 30% !important;
}

.width-35-per {
  width: 35% !important;
}

.width-40-per {
  width: 40% !important;
}

.width-45-per {
  width: 45% !important;
}

.width-50-per {
  width: 50% !important;
}

.width-55-per {
  width: 55% !important;
}

.width-60-per {
  width: 60% !important;
}

.width-65-per {
  width: 65% !important;
}

.width-70-per {
  width: 70% !important;
}

.width-75-per {
  width: 75% !important;
}

.width-80-per {
  width: 80% !important;
}

.width-90-per {
  width: 90% !important;
}

.width-95-per {
  width: 95% !important;
}

.height-50 {
  height: 50px !important;
}

.height-75 {
  height: 75px !important;
}

.height-100 {
  height: 100px !important;
}

.height-150 {
  height: 150px !important;
}

.height-200 {
  height: 200px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-350 {
  height: 350px !important;
}

.height-400 {
  height: 400px !important;
}

.height-450 {
  height: 450px !important;
}

.height-500 {
  height: 500px !important;
}

.height-550 {
  height: 550px !important;
}

.height-600 {
  height: 600px !important;
}

.height-650 {
  height: 650px !important;
}

.height-700 {
  height: 700px !important;
}

.height-750 {
  height: 750px !important;
}

.height-800 {
  height: 800px !important;
}

.height-5-per {
  height: 5% !important;
}

.height-10-per {
  height: 10% !important;
}

.height-15-per {
  height: 15% !important;
}

.height-20-per {
  height: 20% !important;
}

.height-25-per {
  height: 25% !important;
}

.height-30-per {
  height: 30% !important;
}

.height-35-per {
  height: 35% !important;
}

.height-40-per {
  height: 40% !important;
}

.height-45-per {
  height: 45% !important;
}

.height-50-per {
  height: 50% !important;
}

.height-55-per {
  height: 55% !important;
}

.height-60-per {
  height: 60% !important;
}

.height-65-per {
  height: 65% !important;
}

.height-70-per {
  height: 70% !important;
}

.height-75-per {
  height: 75% !important;
}

.height-80-per {
  height: 80% !important;
}

.full-height-vh {
  height: 100vh;
}

.line-height-1 {
  line-height: 1 !important;
}

.line-height-2 {
  line-height: 2 !important;
}

.rotate-45 {
  transform: rotate(45deg);
}

.rotate-45-inverse {
  transform: rotate(-45deg);
}

.rotate-90 {
  transform: rotate(45deg);
}

.rotate-90-inverse {
  transform: rotate(-45deg);
}

.rotate-180 {
  transform: rotate(45deg);
}

.rotate-180-inverse {
  transform: rotate(-45deg);
}

.pull-up {
  transition: all 0.25s ease;
}
.pull-up:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);
  z-index: 30;
}

.spinner {
  display: inline-block;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner-reverse {
  display: inline-block;
  animation: spin-reverse 1s linear infinite;
}

@keyframes spin-reverse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.bg-cover {
  background-size: cover !important;
}

.background-repeat {
  background-repeat: repeat !important;
}

.background-no-repeat {
  background-repeat: no-repeat !important;
}

.img-xl {
  width: 64px !important;
  height: 64px !important;
}

.img-lg {
  width: 44px !important;
  height: 44px !important;
}

.img-sm {
  width: 36px !important;
  height: 36px !important;
}

.img-xs {
  width: 32px !important;
  height: 32px !important;
}

.bullet {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.bullet.bullet-xs {
  width: 0.5rem;
  height: 0.5rem;
}
.bullet.bullet-sm {
  width: 0.714rem;
  height: 0.714rem;
}
.bullet.bullet-lg {
  width: 1.25rem;
  height: 1.25rem;
}

.color-radio {
  position: relative;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.color-radio .radio-content {
  height: 20px;
  width: 20px;
  display: block;
  border-radius: 50%;
}

.match-height .card {
  height: calc(100% - 2.2rem);
}

.avatar {
  white-space: nowrap;
  background-color: #c3c3c3;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  font-size: 0.75rem;
  text-align: center;
  vertical-align: middle;
  -webkit-box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 6px #b0f001;
  -moz-box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 6px #b0f001;
  box-shadow: 0px 0px 0px 3px #fff, 0px 0px 0px 6px #b0f001;
}
.avatar .avatar-content {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.avatar .avatar-content .avatar-icon svg {
  width: 1.2rem;
  height: 1.2rem;
}
.avatar:not(.avatar-stats) svg {
  height: 12px;
  width: 12px;
}
.avatar [class*=avatar-status-] {
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  bottom: 0;
  border: 1px solid #fff;
}
.avatar [class*=avatar-status-].avatar-status-lg {
  width: 17px;
  height: 17px;
  border-width: 2px;
}
.avatar .avatar-status-online {
  background-color: #28c76f;
}
.avatar .avatar-status-busy {
  background-color: #ea5455;
}
.avatar .avatar-status-away {
  background-color: #ff9f43;
}
.avatar .avatar-status-offline {
  background-color: #b8c2cc;
}
.avatar img {
  border-radius: 50%;
}
.avatar.avatar-xl {
  font-size: 1.5rem;
}
.avatar.avatar-xl img {
  width: 40px;
  height: 40px;
}
.avatar.avatar-xl .avatar-content {
  height: 40px;
  width: 40px;
}
.avatar.avatar-xl .avatar-content .avatar-icon svg {
  width: 3rem;
  height: 3rem;
}
.avatar.avatar-lg {
  font-size: 1.2rem;
}
.avatar.avatar-lg img {
  width: 40px;
  height: 40px;
}
.avatar.avatar-lg .avatar-content {
  width: 40px;
  height: 40px;
}
.avatar.avatar-lg .avatar-content .avatar-icon svg {
  width: 2rem;
  height: 2rem;
}
.avatar.avatar-sm .avatar-content {
  width: 24px;
  height: 24px;
}
.avatar.avatar-sm .avatar-content .avatar-icon svg {
  width: 1rem;
  height: 1rem;
}
.avatar.avatar-sm img {
  width: 24px;
  height: 24px;
}

/*=========================================================================================
	File Name: search.scss
	Description: Search  functionality.
	----------------------------------------------------------------------------------------
	Item Name: Vuexy React Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.navbar-container a.nav-link-search {
  float: left;
}
.navbar-container .search-input {
  float: left;
  width: 0;
}
.navbar-container .search-input input {
  width: 0;
  border: none;
  transition: all 0.2s ease-out;
  line-height: 16px;
  padding: 1.75rem 3.6rem;
}
.navbar-container .search-input input:focus {
  outline: 0 !important;
  outline-offset: 0 !important;
}
.navbar-container .search-input.open {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
  border-radius: 0.5rem;
}
.navbar-container .search-input.open .search-input-close,
.navbar-container .search-input.open .search-input-icon {
  display: block;
}
.navbar-container .search-input.open input {
  width: 100%;
  outline: none;
  transition: all 0.3s ease-out;
}
.navbar-container .search-input .search-input-icon {
  z-index: 2;
  display: none;
  position: absolute;
  left: 1.5rem;
  top: 1.75rem;
  cursor: pointer;
}
.navbar-container .search-input .search-input-close {
  z-index: 1;
  display: none;
  position: absolute;
  right: 2rem;
  top: 20px;
  cursor: pointer;
}
.navbar-container .search-input .search-header {
  padding: 1.2rem 1.5rem;
  padding-bottom: 0.5rem;
}
.navbar-container .search-input .other-results {
  overflow: hidden;
}
.navbar-container .search-input .other-results .permanent-result {
  width: 100%;
  cursor: pointer;
  padding: 0.5rem;
  padding-left: 1rem;
}
.navbar-container .search-input .other-results .permanent-result:hover {
  background-color: #f1f1f1;
}
.navbar-container .bookmark-input {
  position: absolute;
  top: 102%;
  width: 25%;
  display: none;
}
.navbar-container .bookmark-input.show {
  display: block;
}
.navbar-container .bookmark-input .bookmark-input-icon {
  position: absolute;
  z-index: 1;
  top: 0.75rem;
  left: 1rem;
}
.navbar-container .bookmark-input input {
  padding: 0.7rem 0.7rem 0.7rem 2.5rem;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.navbar-container .bookmark-input input:focus {
  border: 1px solid #313330;
}
.navbar-container .bookmark-icon {
  cursor: pointer;
}
.navbar-container .dropdown.bookmark-dropdown {
  padding: 1.4rem 0.5rem 1.35rem;
}
.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
  display: none;
}

/* .navbar-light, .navbar-semi-dark{
	.search-input{
		.input{
			color: $gray-600;
		}
		&.open{
			.input{
				color: $gray-600;
				// border-bottom: 1px solid $gray-600;

			}
		}
	}
} */
.navbar-dark .search-input .input,
.navbar-semi-light .search-input .input {
  color: #f5f7fa;
  border-radius: 0.5rem;
}
.navbar-dark .search-input.open .input,
.navbar-semi-light .search-input.open .input {
  color: #f5f7fa;
  border: 1px solid #f5f7fa;
}

@media (max-width: 767.98px) {
  #navbar-mobile .search-input.open .input {
    color: #b8c2cc;
  }
}
@media (max-width: 1300px) {
  .navbar-container .bookmark-input {
    width: 35%;
  }
}
.apexcharts-canvas .apexcharts-tooltip {
  color: #626262 !important;
}
.apexcharts-canvas .apexcharts-tooltip.dark {
  color: #fff !important;
}
.apexcharts-canvas .apexcharts-toolbar .apexcharts-menu .apexcharts-menu-item {
  color: #626262;
}

.apexcharts-xaxistooltip {
  color: #626262 !important;
}

#client-retention-chart .apexcharts-canvas .apexcharts-legend {
  left: -14px !important;
}

.btn-social, .btn-social-icon {
  position: relative;
  padding-left: 4.95rem;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btn-social > :first-child, .btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 0;
  width: 2.95rem;
  line-height: 2.7rem;
  font-size: 1rem;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.btn-social-icon {
  height: 2.95rem;
  width: 2.95rem;
  padding: 0;
}
.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important;
}

.btn-adn {
  background-color: #d87a68;
  color: #fff;
  background-color: #d87a68;
  border-color: #fff;
}
.btn-adn:hover {
  color: #fff;
  background-color: #d87a68;
  border-color: #d87a68;
}
.btn-adn:focus, .btn-adn.focus {
  color: #fff;
  background-color: #d87a68;
  border-color: #d87a68;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-adn.disabled, .btn-adn:disabled {
  color: #fff;
  background-color: #d87a68;
  border-color: #fff;
}
.btn-adn:not(:disabled):not(.disabled):active, .btn-adn:not(:disabled):not(.disabled).active, .show > .btn-adn.dropdown-toggle {
  color: #fff;
  background-color: rgb(80.600619195%, 33.8431372549%, 24.8895768834%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-adn:not(:disabled):not(.disabled):active:focus, .btn-adn:not(:disabled):not(.disabled).active:focus, .show > .btn-adn.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-bitbucket {
  background-color: #205081;
  color: #fff;
  background-color: #205081;
  border-color: #fff;
}
.btn-bitbucket:hover {
  color: #fff;
  background-color: #205081;
  border-color: #205081;
}
.btn-bitbucket:focus, .btn-bitbucket.focus {
  color: #fff;
  background-color: #205081;
  border-color: #205081;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-bitbucket.disabled, .btn-bitbucket:disabled {
  color: #fff;
  background-color: #205081;
  border-color: #fff;
}
.btn-bitbucket:not(:disabled):not(.disabled):active, .btn-bitbucket:not(:disabled):not(.disabled).active, .show > .btn-bitbucket.dropdown-toggle {
  color: #fff;
  background-color: rgb(8.5738643283%, 21.4346608209%, 34.5633905736%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-bitbucket:not(:disabled):not(.disabled):active:focus, .btn-bitbucket:not(:disabled):not(.disabled).active:focus, .show > .btn-bitbucket.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-dropbox {
  background-color: #1087dd;
  color: #fff;
  background-color: #1087dd;
  border-color: #fff;
}
.btn-dropbox:hover {
  color: #fff;
  background-color: #1087dd;
  border-color: #1087dd;
}
.btn-dropbox:focus, .btn-dropbox.focus {
  color: #fff;
  background-color: #1087dd;
  border-color: #1087dd;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-dropbox.disabled, .btn-dropbox:disabled {
  color: #fff;
  background-color: #1087dd;
  border-color: #fff;
}
.btn-dropbox:not(:disabled):not(.disabled):active, .btn-dropbox:not(:disabled):not(.disabled).active, .show > .btn-dropbox.dropdown-toggle {
  color: #fff;
  background-color: rgb(4.9242988335%, 41.5487714073%, 68.0168776371%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-dropbox:not(:disabled):not(.disabled):active:focus, .btn-dropbox:not(:disabled):not(.disabled).active:focus, .show > .btn-dropbox.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-facebook {
  background-color: #3b5998;
  color: #fff;
  background-color: #3b5998;
  border-color: #fff;
}
.btn-facebook:hover {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
}
.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #3b5998;
  border-color: #3b5998;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-facebook.disabled, .btn-facebook:disabled {
  color: #fff;
  background-color: #3b5998;
  border-color: #fff;
}
.btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle {
  color: #fff;
  background-color: rgb(17.5448378403%, 26.465941827%, 45.2002601989%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-flickr {
  background-color: #ff0084;
  color: #fff;
  background-color: #ff0084;
  border-color: #fff;
}
.btn-flickr:hover {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
}
.btn-flickr:focus, .btn-flickr.focus {
  color: #fff;
  background-color: #ff0084;
  border-color: #ff0084;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-flickr.disabled, .btn-flickr:disabled {
  color: #fff;
  background-color: #ff0084;
  border-color: #fff;
}
.btn-flickr:not(:disabled):not(.disabled):active, .btn-flickr:not(:disabled):not(.disabled).active, .show > .btn-flickr.dropdown-toggle {
  color: #fff;
  background-color: rgb(80%, 0%, 41.4117647059%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-flickr:not(:disabled):not(.disabled):active:focus, .btn-flickr:not(:disabled):not(.disabled).active:focus, .show > .btn-flickr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-foursquare {
  background-color: #f94877;
  color: #fff;
  background-color: #f94877;
  border-color: #fff;
}
.btn-foursquare:hover {
  color: #fff;
  background-color: #f94877;
  border-color: #f94877;
}
.btn-foursquare:focus, .btn-foursquare.focus {
  color: #fff;
  background-color: #f94877;
  border-color: #f94877;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-foursquare.disabled, .btn-foursquare:disabled {
  color: #fff;
  background-color: #f94877;
  border-color: #fff;
}
.btn-foursquare:not(:disabled):not(.disabled):active, .btn-foursquare:not(:disabled):not(.disabled).active, .show > .btn-foursquare.dropdown-toggle {
  color: #fff;
  background-color: rgb(97.0121381886%, 8.8702147526%, 32.2751322751%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-foursquare:not(:disabled):not(.disabled):active:focus, .btn-foursquare:not(:disabled):not(.disabled).active:focus, .show > .btn-foursquare.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-github {
  background-color: #444444;
  color: #fff;
  background-color: #444444;
  border-color: #fff;
}
.btn-github:hover {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
}
.btn-github:focus, .btn-github.focus {
  color: #fff;
  background-color: #444444;
  border-color: #444444;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-github.disabled, .btn-github:disabled {
  color: #fff;
  background-color: #444444;
  border-color: #fff;
}
.btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle {
  color: #fff;
  background-color: rgb(16.6666666667%, 16.6666666667%, 16.6666666667%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-google {
  background-color: #dd4b39;
  color: #fff;
  background-color: #dd4b39;
  border-color: #fff;
}
.btn-google:hover {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
}
.btn-google:focus, .btn-google.focus {
  color: #fff;
  background-color: #dd4b39;
  border-color: #dd4b39;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-google.disabled, .btn-google:disabled {
  color: #fff;
  background-color: #dd4b39;
  border-color: #fff;
}
.btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show > .btn-google.dropdown-toggle {
  color: #fff;
  background-color: rgb(75.9736308316%, 19.9526707235%, 13.0459770115%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show > .btn-google.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-instagram {
  background-color: #3f729b;
  color: #fff;
  background-color: #3f729b;
  border-color: #fff;
}
.btn-instagram:hover {
  color: #fff;
  background-color: #3f729b;
  border-color: #3f729b;
}
.btn-instagram:focus, .btn-instagram.focus {
  color: #fff;
  background-color: #3f729b;
  border-color: #3f729b;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-instagram.disabled, .btn-instagram:disabled {
  color: #fff;
  background-color: #3f729b;
  border-color: #fff;
}
.btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle {
  color: #fff;
  background-color: rgb(18.9260658392%, 34.2471667566%, 46.5641302393%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-linkedin {
  background-color: #007bb6;
  color: #fff;
  background-color: #007bb6;
  border-color: #fff;
}
.btn-linkedin:hover {
  color: #fff;
  background-color: #007bb6;
  border-color: #007bb6;
}
.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background-color: #007bb6;
  border-color: #007bb6;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-linkedin.disabled, .btn-linkedin:disabled {
  color: #fff;
  background-color: #007bb6;
  border-color: #fff;
}
.btn-linkedin:not(:disabled):not(.disabled):active, .btn-linkedin:not(:disabled):not(.disabled).active, .show > .btn-linkedin.dropdown-toggle {
  color: #fff;
  background-color: rgb(0%, 34.7188106012%, 51.3725490196%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-linkedin:not(:disabled):not(.disabled):active:focus, .btn-linkedin:not(:disabled):not(.disabled).active:focus, .show > .btn-linkedin.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-microsoft {
  background-color: #2672ec;
  color: #fff;
  background-color: #2672ec;
  border-color: #fff;
}
.btn-microsoft:hover {
  color: #fff;
  background-color: #2672ec;
  border-color: #2672ec;
}
.btn-microsoft:focus, .btn-microsoft.focus {
  color: #fff;
  background-color: #2672ec;
  border-color: #2672ec;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-microsoft.disabled, .btn-microsoft:disabled {
  color: #fff;
  background-color: #2672ec;
  border-color: #fff;
}
.btn-microsoft:not(:disabled):not(.disabled):active, .btn-microsoft:not(:disabled):not(.disabled).active, .show > .btn-microsoft.dropdown-toggle {
  color: #fff;
  background-color: rgb(7.0405450316%, 35.2027251579%, 80.4104353606%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-microsoft:not(:disabled):not(.disabled):active:focus, .btn-microsoft:not(:disabled):not(.disabled).active:focus, .show > .btn-microsoft.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-odnoklassniki {
  background-color: #f4731c;
  color: #fff;
  background-color: #f4731c;
  border-color: #fff;
}
.btn-odnoklassniki:hover {
  color: #fff;
  background-color: #f4731c;
  border-color: #f4731c;
}
.btn-odnoklassniki:focus, .btn-odnoklassniki.focus {
  color: #fff;
  background-color: #f4731c;
  border-color: #f4731c;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-odnoklassniki.disabled, .btn-odnoklassniki:disabled {
  color: #fff;
  background-color: #f4731c;
  border-color: #fff;
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active, .btn-odnoklassniki:not(:disabled):not(.disabled).active, .show > .btn-odnoklassniki.dropdown-toggle {
  color: #fff;
  background-color: rgb(82.6610644258%, 35.6862745098%, 4.0056022409%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-odnoklassniki:not(:disabled):not(.disabled):active:focus, .btn-odnoklassniki:not(:disabled):not(.disabled).active:focus, .show > .btn-odnoklassniki.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-openid {
  background-color: #f7931e;
  color: #2a2e30;
  background-color: #f7931e;
  border-color: #fff;
}
.btn-openid:hover {
  color: #2a2e30;
  background-color: #f7931e;
  border-color: #f7931e;
}
.btn-openid:focus, .btn-openid.focus {
  color: #2a2e30;
  background-color: #f7931e;
  border-color: #f7931e;
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 87.7058823529%, 87.8235294118%, 0.5);
}
.btn-openid.disabled, .btn-openid:disabled {
  color: #2a2e30;
  background-color: #f7931e;
  border-color: #fff;
}
.btn-openid:not(:disabled):not(.disabled):active, .btn-openid:not(:disabled):not(.disabled).active, .show > .btn-openid.dropdown-toggle {
  color: #fff;
  background-color: rgb(85.5844483716%, 47.546915762%, 3.0430026088%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-openid:not(:disabled):not(.disabled):active:focus, .btn-openid:not(:disabled):not(.disabled).active:focus, .show > .btn-openid.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 87.7058823529%, 87.8235294118%, 0.5);
}

.btn-pinterest {
  background-color: #cb2027;
  color: #fff;
  background-color: #cb2027;
  border-color: #fff;
}
.btn-pinterest:hover {
  color: #fff;
  background-color: #cb2027;
  border-color: #cb2027;
}
.btn-pinterest:focus, .btn-pinterest.focus {
  color: #fff;
  background-color: #cb2027;
  border-color: #cb2027;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-pinterest.disabled, .btn-pinterest:disabled {
  color: #fff;
  background-color: #cb2027;
  border-color: #fff;
}
.btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active, .show > .btn-pinterest.dropdown-toggle {
  color: #fff;
  background-color: rgb(62.3312473926%, 9.8256153525%, 11.9749687109%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-pinterest.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-reddit {
  background-color: #eff7ff;
  color: #2a2e30;
  background-color: #eff7ff;
  border-color: #000;
}
.btn-reddit:hover {
  color: #fff;
  background-color: #000;
  border-color: #000;
}
.btn-reddit:focus, .btn-reddit.focus {
  color: #fff;
  background-color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0.2rem rgba(2.4705882353%, 2.7058823529%, 2.8235294118%, 0.5);
}
.btn-reddit.disabled, .btn-reddit:disabled {
  color: #2a2e30;
  background-color: #eff7ff;
  border-color: #000;
}
.btn-reddit:not(:disabled):not(.disabled):active, .btn-reddit:not(:disabled):not(.disabled).active, .show > .btn-reddit.dropdown-toggle {
  color: #2a2e30;
  background-color: rgb(73.7254901961%, 86.862745098%, 100%);
  border-color: black;
}
.btn-reddit:not(:disabled):not(.disabled):active:focus, .btn-reddit:not(:disabled):not(.disabled).active:focus, .show > .btn-reddit.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(2.4705882353%, 2.7058823529%, 2.8235294118%, 0.5);
}

.btn-soundcloud {
  background-color: #ff5500;
  color: #fff;
  background-color: #ff5500;
  border-color: #fff;
}
.btn-soundcloud:hover {
  color: #fff;
  background-color: #ff5500;
  border-color: #ff5500;
}
.btn-soundcloud:focus, .btn-soundcloud.focus {
  color: #fff;
  background-color: #ff5500;
  border-color: #ff5500;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-soundcloud.disabled, .btn-soundcloud:disabled {
  color: #fff;
  background-color: #ff5500;
  border-color: #fff;
}
.btn-soundcloud:not(:disabled):not(.disabled):active, .btn-soundcloud:not(:disabled):not(.disabled).active, .show > .btn-soundcloud.dropdown-toggle {
  color: #fff;
  background-color: #cc4400;
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-soundcloud:not(:disabled):not(.disabled):active:focus, .btn-soundcloud:not(:disabled):not(.disabled).active:focus, .show > .btn-soundcloud.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-tumblr {
  background-color: #2c4762;
  color: #fff;
  background-color: #2c4762;
  border-color: #fff;
}
.btn-tumblr:hover {
  color: #fff;
  background-color: #2c4762;
  border-color: #2c4762;
}
.btn-tumblr:focus, .btn-tumblr.focus {
  color: #fff;
  background-color: #2c4762;
  border-color: #2c4762;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-tumblr.disabled, .btn-tumblr:disabled {
  color: #fff;
  background-color: #2c4762;
  border-color: #fff;
}
.btn-tumblr:not(:disabled):not(.disabled):active, .btn-tumblr:not(:disabled):not(.disabled).active, .show > .btn-tumblr.dropdown-toggle {
  color: #fff;
  background-color: rgb(11.0577188622%, 17.8431372549%, 24.6285556476%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-tumblr:not(:disabled):not(.disabled):active:focus, .btn-tumblr:not(:disabled):not(.disabled).active:focus, .show > .btn-tumblr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-twitter {
  background-color: #55acee;
  color: #2a2e30;
  background-color: #55acee;
  border-color: #fff;
}
.btn-twitter:hover {
  color: #2a2e30;
  background-color: #55acee;
  border-color: #55acee;
}
.btn-twitter:focus, .btn-twitter.focus {
  color: #2a2e30;
  background-color: #55acee;
  border-color: #55acee;
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 87.7058823529%, 87.8235294118%, 0.5);
}
.btn-twitter.disabled, .btn-twitter:disabled {
  color: #2a2e30;
  background-color: #55acee;
  border-color: #fff;
}
.btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle {
  color: #fff;
  background-color: rgb(15.1515151515%, 58.5739750446%, 91.5151515152%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(87.4705882353%, 87.7058823529%, 87.8235294118%, 0.5);
}

.btn-vimeo {
  background-color: #1ab7ea;
  color: #fff;
  background-color: #1ab7ea;
  border-color: #fff;
}
.btn-vimeo:hover {
  color: #fff;
  background-color: #1ab7ea;
  border-color: #1ab7ea;
}
.btn-vimeo:focus, .btn-vimeo.focus {
  color: #fff;
  background-color: #1ab7ea;
  border-color: #1ab7ea;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vimeo.disabled, .btn-vimeo:disabled {
  color: #fff;
  background-color: #1ab7ea;
  border-color: #fff;
}
.btn-vimeo:not(:disabled):not(.disabled):active, .btn-vimeo:not(:disabled):not(.disabled).active, .show > .btn-vimeo.dropdown-toggle {
  color: #fff;
  background-color: rgb(6.8847058824%, 58.3560784314%, 75.0760784314%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus, .btn-vimeo:not(:disabled):not(.disabled).active:focus, .show > .btn-vimeo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-vk {
  background-color: #587ea3;
  color: #fff;
  background-color: #587ea3;
  border-color: #fff;
}
.btn-vk:hover {
  color: #fff;
  background-color: #587ea3;
  border-color: #587ea3;
}
.btn-vk:focus, .btn-vk.focus {
  color: #fff;
  background-color: #587ea3;
  border-color: #587ea3;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-vk.disabled, .btn-vk:disabled {
  color: #fff;
  background-color: #587ea3;
  border-color: #fff;
}
.btn-vk:not(:disabled):not(.disabled):active, .btn-vk:not(:disabled):not(.disabled).active, .show > .btn-vk.dropdown-toggle {
  color: #fff;
  background-color: rgb(27.4978517303%, 39.3719240684%, 50.9335208187%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-vk:not(:disabled):not(.disabled):active:focus, .btn-vk:not(:disabled):not(.disabled).active:focus, .show > .btn-vk.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-yahoo {
  background-color: #720e9e;
  color: #fff;
  background-color: #720e9e;
  border-color: #fff;
}
.btn-yahoo:hover {
  color: #fff;
  background-color: #720e9e;
  border-color: #720e9e;
}
.btn-yahoo:focus, .btn-yahoo.focus {
  color: #fff;
  background-color: #720e9e;
  border-color: #720e9e;
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
.btn-yahoo.disabled, .btn-yahoo:disabled {
  color: #fff;
  background-color: #720e9e;
  border-color: #fff;
}
.btn-yahoo:not(:disabled):not(.disabled):active, .btn-yahoo:not(:disabled):not(.disabled).active, .show > .btn-yahoo.dropdown-toggle {
  color: #fff;
  background-color: rgb(31.4500683995%, 3.8622891017%, 43.5886912905%);
  border-color: rgb(87.5%, 87.5%, 87.5%);
}
.btn-yahoo:not(:disabled):not(.disabled):active:focus, .btn-yahoo:not(:disabled):not(.disabled).active:focus, .show > .btn-yahoo.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}

.btn-outline-adn {
  border: 1px solid #d87a68 !important;
  color: #d87a68;
}

.btn-outline-bitbucket {
  border: 1px solid #205081 !important;
  color: #205081;
}

.btn-outline-dropbox {
  border: 1px solid #1087dd !important;
  color: #1087dd;
}

.btn-outline-facebook {
  border: 1px solid #3b5998 !important;
  color: #3b5998;
}

.btn-outline-flickr {
  border: 1px solid #ff0084 !important;
  color: #ff0084;
}

.btn-outline-foursquare {
  border: 1px solid #f94877 !important;
  color: #f94877;
}

.btn-outline-github {
  border: 1px solid #444444 !important;
  color: #444444;
}

.btn-outline-google {
  border: 1px solid #dd4b39 !important;
  color: #dd4b39;
}

.btn-outline-instagram {
  border: 1px solid #3f729b !important;
  color: #3f729b;
}

.btn-outline-linkedin {
  border: 1px solid #007bb6 !important;
  color: #007bb6;
}

.btn-outline-microsoft {
  border: 1px solid #2672ec !important;
  color: #2672ec;
}

.btn-outline-odnoklassniki {
  border: 1px solid #f4731c !important;
  color: #f4731c;
}

.btn-outline-openid {
  border: 1px solid #f7931e !important;
  color: #f7931e;
}

.btn-outline-pinterest {
  border: 1px solid #cb2027 !important;
  color: #cb2027;
}

.btn-outline-reddit {
  border: 1px solid #ff4500 !important;
  color: #ff4500;
}

.btn-outline-soundcloud {
  border: 1px solid #ff5500 !important;
  color: #ff5500;
}

.btn-outline-tumblr {
  border: 1px solid #2c4762 !important;
  color: #2c4762;
}

.btn-outline-twitter {
  border: 1px solid #55acee !important;
  color: #55acee;
}

.btn-outline-vimeo {
  border: 1px solid #1ab7ea !important;
  color: #1ab7ea;
}

.btn-outline-vk {
  border: 1px solid #587ea3 !important;
  color: #587ea3;
}

.btn-outline-yahoo {
  border: 1px solid #720e9e !important;
  color: #720e9e;
}

.btn-outline-adn:hover {
  color: rgb(67.9422084623%, 25.6470588235%, 17.5479876161%);
  border: 1px solid rgb(67.9422084623%, 25.6470588235%, 17.5479876161%) !important;
}

.btn-outline-bitbucket:hover {
  color: rgb(4.5987090488%, 11.4967726221%, 18.5385458531%);
  border: 1px solid rgb(4.5987090488%, 11.4967726221%, 18.5385458531%) !important;
}

.btn-outline-dropbox:hover {
  color: rgb(3.574087863%, 30.156366344%, 49.3670886076%);
  border: 1px solid rgb(3.574087863%, 30.156366344%, 49.3670886076%) !important;
}

.btn-outline-facebook:hover {
  color: rgb(11.9524207787%, 18.0299228696%, 30.7926772605%);
  border: 1px solid rgb(11.9524207787%, 18.0299228696%, 30.7926772605%) !important;
}

.btn-outline-flickr:hover {
  color: rgb(60%, 0%, 31.0588235294%);
  border: 1px solid rgb(60%, 0%, 31.0588235294%) !important;
}

.btn-outline-foursquare:hover {
  color: rgb(83.1559290383%, 2.7264239029%, 24.0834111422%);
  border: 1px solid rgb(83.1559290383%, 2.7264239029%, 24.0834111422%) !important;
}

.btn-outline-github:hover {
  color: #111111;
  border: 1px solid #111111 !important;
}

.btn-outline-google:hover {
  color: rgb(58.9046653144%, 15.4699121028%, 10.1149425287%);
  border: 1px solid rgb(58.9046653144%, 15.4699121028%, 10.1149425287%) !important;
}

.btn-outline-instagram:hover {
  color: rgb(13.1462493254%, 23.7884511603%, 32.343946753%);
  border: 1px solid rgb(13.1462493254%, 23.7884511603%, 32.343946753%) !important;
}

.btn-outline-linkedin:hover {
  color: rgb(0%, 21.2023270847%, 31.3725490196%);
  border: 1px solid rgb(0%, 21.2023270847%, 31.3725490196%) !important;
}

.btn-outline-microsoft:hover {
  color: rgb(5.43037554%, 27.1518777002%, 62.0206048521%);
  border: 1px solid rgb(5.43037554%, 27.1518777002%, 62.0206048521%) !important;
}

.btn-outline-odnoklassniki:hover {
  color: rgb(63.5854341737%, 27.4509803922%, 3.081232493%);
  border: 1px solid rgb(63.5854341737%, 27.4509803922%, 3.081232493%) !important;
}

.btn-outline-openid:hover {
  color: rgb(66.2711436506%, 36.8173020281%, 2.3563073298%);
  border: 1px solid rgb(66.2711436506%, 36.8173020281%, 2.3563073298%) !important;
}

.btn-outline-pinterest:hover {
  color: rgb(45.0546516479%, 7.1022110972%, 8.6558197747%);
  border: 1px solid rgb(45.0546516479%, 7.1022110972%, 8.6558197747%) !important;
}

.btn-outline-reddit:hover {
  color: rgb(60%, 16.2352941176%, 0%);
  border: 1px solid rgb(60%, 16.2352941176%, 0%) !important;
}

.btn-outline-soundcloud:hover {
  color: #993300;
  border: 1px solid #993300 !important;
}

.btn-outline-tumblr:hover {
  color: rgb(4.8605357636%, 7.8431372549%, 10.8257387462%);
  border: 1px solid rgb(4.8605357636%, 7.8431372549%, 10.8257387462%) !important;
}

.btn-outline-twitter:hover {
  color: rgb(7.8787878788%, 48.1996434938%, 78.7878787879%);
  border: 1px solid rgb(7.8787878788%, 48.1996434938%, 78.7878787879%) !important;
}

.btn-outline-vimeo:hover {
  color: rgb(5.2047058824%, 44.1160784314%, 56.7560784314%);
  border: 1px solid rgb(5.2047058824%, 44.1160784314%, 56.7560784314%) !important;
}

.btn-outline-vk:hover {
  color: rgb(20.4858995391%, 29.332083431%, 37.9454730099%);
  border: 1px solid rgb(20.4858995391%, 29.332083431%, 37.9454730099%) !important;
}

.btn-outline-yahoo:hover {
  color: rgb(18.194254446%, 2.2343821249%, 25.2165982672%);
  border: 1px solid rgb(18.194254446%, 2.2343821249%, 25.2165982672%) !important;
}

.bg-adn {
  background-color: #d87a68;
}

.bg-bitbucket {
  background-color: #205081;
}

.bg-dropbox {
  background-color: #1087dd;
}

.bg-facebook {
  background-color: #3b5998;
}

.bg-flickr {
  background-color: #ff0084;
}

.bg-foursquare {
  background-color: #f94877;
}

.bg-github {
  background-color: #444444;
}

.bg-google {
  background-color: #dd4b39;
}

.bg-instagram {
  background-color: #3f729b;
}

.bg-linkedin {
  background-color: #007bb6;
}

.bg-microsoft {
  background-color: #2672ec;
}

.bg-odnoklassniki {
  background-color: #f4731c;
}

.bg-openid {
  background-color: #f7931e;
}

.bg-pinterest {
  background-color: #cb2027;
}

.bg-reddit {
  background-color: #ff4500;
}

.bg-soundcloud {
  background-color: #ff5500;
}

.bg-tumblr {
  background-color: #2c4762;
}

.bg-twitter {
  background-color: #55acee;
}

.bg-vimeo {
  background-color: #1ab7ea;
}

.bg-vk {
  background-color: #587ea3;
}

.bg-yahoo {
  background-color: #720e9e;
}

/*=========================================================================================
    File Name: demo.scss
    Description: CSS used for demo purpose only. Remove this css from your project.
    ----------------------------------------------------------------------------------------
    Item Name: Vuexy React Admin Template
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.fonticon-container > .fonticon-wrap {
  float: left;
  width: 60px;
  height: 60px;
  line-height: 1rem;
  text-align: center;
  border-radius: 0.1875rem;
  margin-right: 0;
  margin-bottom: 1.5rem;
  cursor: pointer;
}
.fonticon-container > .fonticon-wrap > svg {
  transition: all 0.2s ease-in-out;
}
.fonticon-container > .fonticon-wrap > svg:hover {
  stroke: #313330;
  transform: scale(1.3);
}
.fonticon-container > .fonticon-wrap.youtube {
  width: 100px;
}
.fonticon-container:hover svg {
  color: #313330;
  transform: scale(1.3);
}
.fonticon-container > .fonticon-classname,
.fonticon-container > .fonticon-unit {
  display: block;
  font-size: 1.5rem;
  line-height: 1.2;
}
.fonticon-container > .fonticon-unit {
  font-size: 1rem;
  font-style: italic;
}

.scroll-example {
  padding: 0.5rem;
  position: relative;
  border: 2px solid rgb(82.5210084034%, 85.2100840336%, 89.243697479%);
  overflow: auto;
}
.scroll-example .horz-scroll-content {
  width: 1200px;
}

.browser {
  background: #e0e0e0;
  border: 4px solid #e0e0e0;
  width: 100%;
  height: 12rem;
  padding-top: 20px;
  margin: 0 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.browser iframe {
  border: 0;
  background: #fff;
  height: 100%;
  width: 100%;
}

.loader-wrapper {
  height: 8em;
}

.maintenance-icon {
  font-size: 4rem;
}

.animationIcon {
  right: 30px;
  bottom: 10px;
}

/*=========================================================================================
	File Name: customizer.scss
	Description: CSS used for demo purpose only. Remove this css from your project.
	----------------------------------------------------------------------------------------
	Item Name: Vuexy React Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
  ==========================================================================================*/
.customizer {
  width: 400px;
  right: -400px;
  padding: 0;
  background-color: #fff;
  z-index: 1051;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100vh;
  transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  backface-visibility: hidden;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.customizer .open-icon {
  animation: Spin 2s infinite linear;
  position: relative;
  top: -2px;
}
.customizer.open {
  right: 0;
}
.customizer .customizer-content {
  position: relative;
  height: calc(100% - 7rem);
}
.customizer .customizer-content .bg-default {
  background-color: #fff;
}
.customizer .customizer-close {
  position: absolute;
  right: 30px;
  top: 20px;
  padding: 7px;
  width: auto;
  z-index: 10;
  color: #626262;
}
.customizer .customizer-close i {
  font-size: 1.71rem;
}
.customizer .customizer-toggle {
  background: #7367f0;
  color: #fff;
  display: block;
  box-shadow: -3px 0px 8px rgba(0, 0, 0, 0.1);
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  position: absolute;
  top: 50%;
  width: 38px;
  height: 38px;
  left: -39px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.customizer .color-box {
  height: 35px;
  width: 35px;
  margin: 0.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
}
.customizer .color-box.selected {
  box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.5);
  transition: all 0.2s ease-in-out;
}
.customizer .color-box.disabled {
  pointer-events: none;
  cursor: not-allowed;
}

body.dark-layout .hide-scroll-top-switch .custom-switch .custom-control-label:before,
body.dark-layout .collapse-sidebar .custom-switch .custom-control-label:before {
  background-color: #10163a;
}

.buy-now {
  position: fixed;
  bottom: 5%;
  right: 79px;
  z-index: 1031;
}
.buy-now .btn {
  box-shadow: 0 1px 20px 1px #EA5455 !important;
}
.buy-now .btn:hover {
  box-shadow: none !important;
}

@keyframes Spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.chip {
  background-color: #f0f0f0;
  font-size: 0.8rem;
  border-radius: 1.428rem;
  display: inline-flex;
  padding: 0 10px;
  margin-bottom: 5px;
  vertical-align: middle;
  justify-content: center;
}
.chip .chip-body {
  color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: space-between;
  min-height: 1.857rem;
  min-width: 1.857rem;
}
.chip .chip-body .avatar {
  background-color: #c3c3c3;
  display: flex;
  width: 24px;
  height: 24px;
  margin: 2px 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  color: #fff;
  transform: translate(-8px);
}
.chip .chip-body .avatar .avatar-content {
  font-size: 0.8rem;
}
.chip .chip-body .avatar img {
  border-radius: 50%;
  height: 24px;
  width: 24px;
}
.chip .chip-body .chip-text {
  vertical-align: middle;
  align-self: center;
}
.chip .chip-body .chip-closable {
  min-height: 1.428rem;
  min-width: 1.428rem;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
  transform: translate(10px);
  cursor: pointer;
}
.chip .chip-body .chip-closable svg {
  height: 12px;
  width: 12px;
}

.divider {
  display: block;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  margin: 1rem 0;
}
.divider .divider-text {
  position: relative;
  display: inline-block;
  font-size: 0.9375rem;
  padding: 0 1rem;
  background-color: #fff;
}
.divider .divider-text svg {
  height: 1rem;
  width: 1rem;
}
.divider .divider-text:before, .divider .divider-text:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 9999px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.divider .divider-text:before {
  right: 100%;
}
.divider .divider-text:after {
  left: 100%;
}
.divider.divider-left .divider-text {
  float: left;
  padding-left: 0;
}
.divider.divider-left .divider-text:before {
  display: none;
}
.divider.divider-left-center .divider-text {
  left: -25%;
}
.divider.divider-right .divider-text {
  float: right;
  padding-right: 0;
}
.divider.divider-right .divider-text:after {
  display: none;
}
.divider.divider-right-center .divider-text {
  right: -25%;
}
.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after {
  border-style: dotted;
  border-width: 1px;
  border-top-width: 0;
  border-color: black;
}
.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after {
  border-style: dashed;
  border-width: 1px;
  border-top-width: 0;
  border-color: black;
}

/***** Vuexy Wizard *****/
.vx-wizard {
  box-shadow: none !important;
  display: table;
  width: 100%;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item {
  display: table-cell;
  width: auto;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link {
  transform: translateY(0) !important;
  text-align: center !important;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link .step-text {
  border-radius: 50%;
  font-size: 1.5rem;
  z-index: 2;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  background: #fff;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.active .step-text {
  background-color: #313330;
  color: #fff;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.active:after {
  background: #313330 !important;
  box-shadow: none !important;
  height: 3px;
  top: 50% !important;
  z-index: -1;
  width: 50%;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.done .step-text {
  border-color: #313330 !important;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.done:before, .vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.done:after {
  background: #313330 !important;
  box-shadow: none !important;
  height: 3px;
  top: 50% !important;
  z-index: -1;
  width: 50%;
  content: "";
  position: absolute;
  top: 50%;
  width: 45.5%;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.done:before {
  left: 0;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link.done:after {
  right: 0;
}
.vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link:not(.active) .step-text {
  border: 3px solid #b8c2cc;
  color: #b8c2cc;
}

.vx-autocomplete-container {
  position: relative;
}
.vx-autocomplete-container .vx-autocomplete-search {
  height: 100%;
  width: 100%;
  background-color: #fff;
}
.vx-autocomplete-container .vx-autocomplete-search:focus {
  box-shadow: none;
}
.vx-autocomplete-container .suggestions-list {
  z-index: 998;
  list-style: none;
  padding-left: 0;
  border-radius: 0.5rem;
  max-height: 450px;
  height: auto;
  width: 100%;
  position: absolute;
  margin-top: 0.5rem;
  background-color: #fff;
  box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
}
.vx-autocomplete-container .suggestions-list .suggestion-item {
  padding: 0.85rem 1rem;
  color: #626262;
}
.vx-autocomplete-container .suggestions-list .suggestion-item a {
  color: #626262;
}
.vx-autocomplete-container .suggestions-list .suggestion-item.active, .vx-autocomplete-container .suggestions-list .suggestion-item:hover:not(.suggestion-title):not(.no-result) {
  background-color: #f2f4f7;
  color: #626262;
}
.vx-autocomplete-container .suggestions-list .suggestion-item:hover:not(.suggestion-title):not(.no-result) {
  cursor: pointer;
}

.loading {
  position: absolute;
  left: calc(50% - 35px);
  top: 50%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid transparent;
}
.loading.component-loader {
  margin-top: -60px;
}
.loading .effect-1,
.loading .effect-2 {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgb(185, 241, 1);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.loading .effect-1 {
  animation: rotate 1s ease infinite;
}
.loading .effect-2 {
  animation: rotateOpacity 1s ease infinite 0.1s;
}
.loading .effect-3 {
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-left: 3px solid rgb(185, 241, 1);
  -webkit-animation: rotateOpacity 1s ease infinite 0.2s;
  animation: rotateOpacity 1s ease infinite 0.2s;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.loading .loading .effects {
  transition: all 0.3s ease;
}

.fallback-logo {
  width: 300px;
  position: absolute;
  left: calc(50% - 150px);
  top: 40%;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes rotateOpacity {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.1;
  }
  100% {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    opacity: 1;
  }
}
.chat-widget .chat-app-window .user-chats {
  padding: 10px 20px;
  position: relative;
  text-align: center;
  height: 415px;
}
.chat-widget .chat-app-window .user-chats .chats {
  padding: 0;
}
.chat-widget .chat-app-window .user-chats .chats .chat-body {
  display: block;
  margin: 10px 30px 0 0;
  overflow: hidden;
}
.chat-widget .chat-app-window .user-chats .chats .chat-body .chat-content {
  text-align: left;
  display: block;
  float: right;
  padding: 0.75rem 1rem;
  margin: 0 20px 10px 0;
  clear: both;
  color: #fff;
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  border-radius: 0.5rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.chat-widget .chat-app-window .user-chats .chats .chat-body .chat-content p {
  margin: 0;
}
.chat-widget .chat-app-window .user-chats .chats .chat-avatar {
  float: right;
}
.chat-widget .chat-app-window .user-chats .chats .chat-left .chat-avatar {
  float: left;
}
.chat-widget .chat-app-window .user-chats .chats .chat-left .chat-body {
  margin: 0;
}
.chat-widget .chat-app-window .user-chats .chats .chat-left .chat-content {
  text-align: left;
  float: left;
  margin: 10px 10px 10px 20px;
  color: #626262;
  background: none;
  background-color: white;
  border: 1px solid #dae1e7;
}

.image-viewer-container {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.image-viewer-container .image-viewer-img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
.image-viewer-container .image-viewer-img:hover {
  transform: scale(1.02);
}
.image-viewer-container .image-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  background-color: #f9fafb;
  border: 2px dashed #d0d5dd;
  border-radius: 8px;
  color: #667085;
  font-size: 14px;
  gap: 8px;
}
.image-viewer-container .image-placeholder svg {
  color: #667085;
}

.image-viewer-modal .modal-dialog {
  margin: 0;
  max-width: none;
  width: 100vw;
  height: 100vh;
}
.image-viewer-modal .modal-content {
  border-radius: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  border-radius: 0 !important;
}
.image-viewer-modal .modal-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: auto;
  border-radius: 0 !important;
  width: 100vw;
  height: 100%;
}
.image-viewer-modal .modal-body .modal-image .image-viewer-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: grab;
}
.image-viewer-modal .modal-body .modal-image .image-viewer-img:active {
  cursor: grabbing;
}
.image-viewer-modal .modal-footer {
  background-color: #f9fafb;
  border-top: 1px solid #eaecf0;
}
.image-viewer-modal .modal-footer .btn {
  border-radius: 8px;
  font-weight: 500;
}
.image-viewer-modal .modal-footer .btn.btn-primary {
  background-color: #a0da01;
  border-color: #a0da01;
}
.image-viewer-modal .modal-footer .btn.btn-primary:hover {
  background-color: #6a9001;
  border-color: #6a9001;
}
.image-viewer-modal .modal-footer .btn.btn-light {
  background-color: #fff;
  border-color: #d0d5dd;
  color: #344054;
}
.image-viewer-modal .modal-footer .btn.btn-light:hover {
  background-color: #f9fafb;
  border-color: #98a2b3;
}
.image-viewer-modal.fullscreen .modal-dialog {
  max-width: 100vw;
  max-height: 100vh;
  margin: 0;
}
.image-viewer-modal.fullscreen .modal-content {
  height: 100vh;
  border-radius: 0;
}
.image-viewer-modal.fullscreen .modal-body {
  max-height: calc(100vh - 120px);
}

.zoom-controls {
  position: absolute;
  top: 16px;
  right: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 10;
}
.zoom-controls .btn {
  padding: 4px 8px;
  border-radius: 6px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zoom-controls .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.zoom-controls .zoom-level {
  font-size: 12px;
  font-weight: 600;
  color: #344054;
  min-width: 40px;
  text-align: center;
}

progress {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  height: 8px;
  background-color: #eaecf0;
}
progress::-webkit-progress-bar {
  background-color: #eaecf0;
  border-radius: 100px;
}
progress::-webkit-progress-value {
  background-color: #b0f001;
  border-radius: 100px;
}
progress::-moz-progress-bar {
  background-color: #b0f001;
  border-radius: 100px;
}

.image-viewer-modal .modal-content {
  background-color: rgba(31, 41, 55, 0.5);
  backdrop-filter: blur(5px);
  border: none;
  border-radius: 12px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.image-viewer-modal .modal-header {
  background-color: #374151;
  border-bottom: 1px solid #4b5563;
  border-radius: 12px 12px 0 0;
}
.image-viewer-modal .modal-header .modal-title {
  color: #f9fafb;
  font-weight: 600;
}
.image-viewer-modal .modal-header .btn-close {
  filter: invert(1);
}
.image-viewer-modal .modal-body {
  padding: 24px;
}
.image-viewer-modal .modal-footer {
  background-color: #374151;
  border-top: 1px solid #4b5563;
  border-radius: 0 0 12px 12px;
}
.image-viewer-modal .modal-footer .btn {
  border-radius: 8px;
  font-weight: 500;
}
.image-viewer-modal .modal-footer .btn.btn-secondary {
  background-color: #6b7280;
  border-color: #6b7280;
  color: #f9fafb;
}
.image-viewer-modal .modal-footer .btn.btn-secondary:hover {
  background-color: #4b5563;
  border-color: #4b5563;
}
.image-viewer-modal .modal-footer .btn.btn-primary {
  background-color: #a0da01;
  border-color: #a0da01;
  color: #fff;
}
.image-viewer-modal .modal-footer .btn.btn-primary:hover {
  background-color: #6a9001;
  border-color: #6a9001;
}

.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

@media (max-width: 768px) {
  .image-viewer-modal .modal-body {
    min-height: 300px;
  }
  .image-viewer-modal .zoom-controls {
    top: 8px;
    right: 8px;
    padding: 6px 8px;
    gap: 6px;
  }
  .image-viewer-modal .zoom-controls .btn {
    min-width: 28px;
    height: 28px;
    padding: 2px 6px;
  }
  .image-viewer-modal .zoom-controls .zoom-level {
    font-size: 11px;
    min-width: 35px;
  }
}
@media (max-width: 480px) {
  .image-viewer-modal .modal-footer .btn {
    font-size: 12px;
    padding: 6px 12px;
  }
}
@media screen and (min-width: 0px) {
  head {
    font-family: "xs 0px";
  }
  body:after {
    content: "xs - min-width: 0px";
  }
}
@media screen and (min-width: 544px) {
  head {
    font-family: "sm 544px";
  }
  body:after {
    content: "sm - min-width: 544px";
  }
}
@media screen and (min-width: 768px) {
  head {
    font-family: "md 768px";
  }
  body:after {
    content: "md - min-width: 768px";
  }
}
@media screen and (min-width: 992px) {
  head {
    font-family: "lg 992px";
  }
  body:after {
    content: "lg - min-width: 992px";
  }
}
@media screen and (min-width: 1200px) {
  head {
    font-family: "xl 1200px";
  }
  body:after {
    content: "xl - min-width: 1200px";
  }
}
head {
  clear: both;
}
head title {
  font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px";
}

body:after {
  display: none;
}

*[data-usn-if] {
  display: none;
}

.group-area {
  margin-bottom: 3rem;
}

.block {
  display: block;
  width: 100%;
}

/* Input with icon */
.form-control-position {
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 2;
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
}

/*---------------------------------
Input Icon
---------------------------------*/
.position-relative .form-control {
  padding-right: calc(1.25em + 1.4rem + 1px);
}
.position-relative .form-control.form-control-lg {
  padding-left: 2.5rem;
}
.position-relative .form-control.form-control-lg ~ .form-control-position {
  top: 9px;
}
.position-relative .form-control.form-control-sm ~ .form-control-position {
  top: -3px;
}

/* Input Icon left */
.has-icon-left .form-control {
  padding-right: 2rem;
  padding-left: 3rem;
}
.has-icon-left .form-control-position {
  right: auto;
  left: inherit;
}
.has-icon-left .form-control-position svg {
  position: relative;
  left: 5px;
  color: rgba(34, 41, 47, 0.4);
}

input[type=color] {
  height: calc(1.25em + 1.4rem + 1px);
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  line-height: 1.45;
}

.font-size-large {
  font-size: 2rem;
}

.font-size-base {
  font-size: 1rem;
}

.font-size-small {
  font-size: 1rem;
}

.font-size-xsmall {
  font-size: 0.75rem;
}

.input-group-xs .form-control,
.input-group-xs .input-group-addon,
.input-group-xs .input-group-btn > button {
  padding: 0.175rem 0.5rem;
  font-size: 0.725rem;
  line-height: 1.677777;
  border-bottom-left-radius: 0.175rem;
  border-top-left-radius: 0.175rem;
}
.input-group-xs .input-group-btn > button {
  border-radius: 0.175rem;
}

.input-group-addon {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.floating-label-form-group-with-focus label,
.floating-label-form-group-with-value label {
  color: #313330 !important;
  text-transform: uppercase;
  font-weight: 400;
}

table.dataTable {
  border: 2px solid #f8f8f8;
}
table.dataTable th, table.dataTable td {
  border-bottom: 1px solid #f8f8f8;
  border-top: 0;
}
table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  font-size: 0.85rem;
  border: 0;
}
table.dataTable thead tr {
  background-color: #f8f8f8;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
  padding-right: inherit;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
  font-family: "feather";
  content: "\e845";
  padding-right: 0.3rem;
  font-size: 0.7rem;
  left: 0;
  top: 0.9rem;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
  font-family: "feather";
  content: "\e842";
  font-size: 0.7rem;
  left: 0;
  top: 1.3rem;
}
table.dataTable.table-striped tbody tr:nth-of-type(even) {
  background-color: #f8f8f8;
}
table.dataTable.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
}
table.dataTable.complex-headers {
  border: 1px solid #dae1e7;
}
table.dataTable.complex-headers thead th, table.dataTable.complex-headers thead td, table.dataTable.complex-headers tfoot th, table.dataTable.complex-headers tfoot td {
  border-bottom: 1px solid #dae1e7;
  border-right: 1px solid #dae1e7;
}
table.dataTable tbody tr.selected {
  background-color: rgba(49, 51, 48, 0.05) !important;
  color: #313330 !important;
  box-shadow: 0 0 1px 0 #313330 !important;
  border-radius: 5px;
}
table.dataTable tbody tr.selected td, table.dataTable tbody tr.selected th {
  border-bottom: 0;
}

div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label {
  margin-top: 1rem;
}
div.dataTables_wrapper div.dataTables_filter select, div.dataTables_wrapper div.dataTables_length select {
  background-position: calc(100% - 3px) 5px, calc(100% - 20px) 13px, 100% 0;
  padding: 0 0.8rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  margin-top: 1rem;
  padding-bottom: 7px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
  font-size: 0.8rem;
}

tr.group {
  background-color: #ededed;
}

@media only screen and (max-width: 768px) {
  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
  }
}
/*========================================================
        DARK LAYOUT
=========================================================*/
.sweet-alert p {
  color: #626262 !important;
}

.swal2-popup {
  border-radius: 8px !important;
}

.swal2-title {
  font-size: 21px !important;
  font-weight: 600 !important;
  color: #1d2939 !important;
}

.swal2-html-container {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
}

/*========================================================
        DARK LAYOUT
=========================================================*/
body.dark-layout {
  background-color: #262c49;
}
body.dark-layout h1,
body.dark-layout h2,
body.dark-layout h3,
body.dark-layout h4,
body.dark-layout h5,
body.dark-layout h6 {
  color: #ebeefd;
}
body.dark-layout [class*=border-]:not(.bullet):not(.spinner-border) {
  border-color: #414561 !important;
}
body.dark-layout a:hover {
  color: #313330;
}
body.dark-layout p,
body.dark-layout small,
body.dark-layout span,
body.dark-layout label {
  color: #c2c6dc;
}
body.dark-layout hr {
  border-color: #414561;
}
body.dark-layout pre {
  background-color: #262c49;
  border: 0;
}
body.dark-layout pre code {
  background-color: inherit;
  text-shadow: none;
}
body.dark-layout pre code .operator,
body.dark-layout pre code .url {
  background-color: #262c49;
}
body.dark-layout code {
  background-color: #262c49;
  color: #b8c2cc;
}
body.dark-layout kbd {
  background-color: #262c49;
}
body.dark-layout .component-code pre::-webkit-scrollbar-thumb {
  background: #c2c6dc;
}
body.dark-layout .component-code pre::-webkit-scrollbar-track {
  background: #343661;
}
body.dark-layout .text-dark {
  color: #b8c2cc !important;
}
body.dark-layout .header-navbar-shadow {
  background: linear-gradient(180deg, rgba(44, 48, 60, 0.9) 44%, rgba(44, 48, 60, 0.43) 73%, rgba(17, 30, 70, 0));
}
body.dark-layout .header-navbar {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item .nav-link {
  color: #c2c6dc;
  background-color: transparent;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item .nav-link svg {
  stroke: #c2c6dc;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item.nav-search .search-input.open {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item.nav-search .search-input.open .input {
  border-color: #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,
body.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item.nav-search .search-input.open .input,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item.nav-search .search-input.open .input::placeholder,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item.nav-search .search-input.open .search-input-close {
  color: #c2c6dc;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item .bookmark-input .form-control {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item .search-list {
  background-color: #262c49;
}
body.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .current_item,
body.dark-layout .header-navbar .navbar-container .navbar-nav .nav-item .search-list .current_item {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
  overflow: hidden;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media:before,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media:before {
  display: none;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media {
  border-color: #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-body .notification-text {
  color: #c2c6dc;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media .media-meta {
  color: #c2c6dc;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .media:hover {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
  color: #fff;
  border-color: #414561;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
  background-color: #10163a;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart.empty-cart:before,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart.empty-cart:before {
  background-color: #262c49;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart li,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart li {
  color: #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart .dropdown-header span,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart .dropdown-header span {
  color: #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart .media-list .media,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart .media-list .media {
  background-color: #fff;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart .media-list .media .media-body,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart .media-list .media .media-body {
  background-color: #262c49;
  padding-left: 1rem !important;
}
body.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-cart .media-list .media:hover,
body.dark-layout .header-navbar .navbar-container .navbar-nav .dropdown-notification .dropdown-cart .media-list .media:hover {
  background-color: #fff !important;
}
body.dark-layout .header-navbar.navbar-static-top {
  background-color: transparent;
}
body.dark-layout .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link {
  background-color: inherit;
}
body.dark-layout .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link svg {
  stroke: #fff;
}
body.dark-layout .header-navbar.bg-dark {
  background-color: #adb5bd !important;
}
body.dark-layout .main-menu {
  background-color: #10163a;
}
body.dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0));
}
body.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active a {
  background-color: #262c49;
}
body.dark-layout .main-menu.theme-dark .navbar-header .brand-text {
  color: #adb5bd !important;
}
body.dark-layout .main-menu.theme-dark .navigation .nav-item.active a {
  background: linear-gradient(118deg, #adb5bd, rgba(173, 181, 189, 0.7));
  box-shadow: 0 0 10px 1px rgba(173, 181, 189, 0.7);
}
body.dark-layout .main-menu.theme-dark .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #adb5bd, rgba(173, 181, 189, 0.7));
  box-shadow: 0 0 10px 1px rgba(173, 181, 189, 0.7);
}
body.dark-layout .main-menu-content .navigation-main {
  background-color: #10163a;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-text {
  color: #c2c6dc;
}
body.dark-layout .main-menu-content .navigation-main .nav-item svg {
  stroke: #c2c6dc;
}
body.dark-layout .main-menu-content .navigation-main .nav-item.open a {
  background-color: #262c49;
}
body.dark-layout .main-menu-content .navigation-main .nav-item a:after {
  color: #c2c6dc;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #10163a;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff;
}
body.dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color: #10163a;
  color: #c2c6dc;
}
body.dark-layout .main-menu-content .navigation-main .active .menu-text,
body.dark-layout .main-menu-content .navigation-main .active svg,
body.dark-layout .main-menu-content .navigation-main .active span {
  color: #fff;
  stroke: #fff;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  background: #10163a;
  border-radius: 4px;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  background-color: #10163a;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  z-index: 1;
}
body.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  background-color: transparent;
}
body.dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a {
  background: #262c49 !important;
}
body.dark-layout {
  /********* UI ELEMENTS *********/
}
body.dark-layout .bd-example .row,
body.dark-layout .bd-example .d-flex {
  background-color: #262c49;
}
body.dark-layout .bd-example .row .col,
body.dark-layout .bd-example .row [class*=col-],
body.dark-layout .bd-example .row .bd-highlight,
body.dark-layout .bd-example .d-flex .col,
body.dark-layout .bd-example .d-flex [class*=col-],
body.dark-layout .bd-example .d-flex .bd-highlight {
  background-color: #262c49;
  border-color: #808080;
}
body.dark-layout .bd-example .height-example-wrapper {
  background-color: #343661 !important;
}
body.dark-layout .bd-example .width-example,
body.dark-layout .bd-example .height-example {
  background-color: #262c49 !important;
}
body.dark-layout .bd-example-row-flex-cols .row {
  background-color: #262c49;
}
body.dark-layout .colors-container span {
  color: #fff;
}
body.dark-layout {
  /********* COMPONENTS *********/
}
body.dark-layout .alert .alert-heading,
body.dark-layout .alert p {
  color: inherit;
}
body.dark-layout .alert.alert-dark {
  color: #b8c2cc !important;
}
body.dark-layout .alert.alert-dark .alert-heading,
body.dark-layout .alert.alert-dark p {
  color: #b8c2cc;
}
body.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
  color: #ebeefd;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  color: #c2c6dc;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:before {
  color: #c2c6dc;
}
body.dark-layout .content-header-left .breadcrumbs-top .breadcrumb-wrapper .breadcrumb .breadcrumb-item:not(.active) a:hover {
  color: #313330;
}
body.dark-layout #breadcrumb-slash .breadcrumb .breadcrumb-item,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item {
  color: #c2c6dc;
}
body.dark-layout #breadcrumb-slash .breadcrumb .breadcrumb-item:before,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:before {
  color: #c2c6dc;
}
body.dark-layout #breadcrumb-slash .breadcrumb .breadcrumb-item:not(.active) a:hover,
body.dark-layout #breadcrumb-alignment .breadcrumb .breadcrumb-item:not(.active) a:hover {
  color: #313330;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:not(.active) a {
  color: #c2c6dc;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item:before {
  color: #c2c6dc;
}
body.dark-layout #component-breadcrumbs .breadcrumb .breadcrumb-item.active span {
  color: #313330;
}
body.dark-layout .collapse-bordered .collapse-header {
  border-color: rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-bordered.accordion-shadow {
  box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.1);
}
body.dark-layout .collapse-bordered .card {
  border-color: #414561;
}
body.dark-layout .accordion .collapse-border-item {
  border-color: rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-margin {
  box-shadow: 0 2px 15px 0 rgba(255, 255, 255, 0.1);
}
body.dark-layout .accordion[data-toggle-hover=true] .card,
body.dark-layout .collapse[data-toggle-hover=true] .card {
  border-color: rgba(255, 255, 255, 0.04);
}
body.dark-layout .collapse-icon .card-header a {
  color: #c2c6dc;
}
body.dark-layout .btn span {
  color: #fff;
}
body.dark-layout .btn.btn-white span {
  color: #22292f;
}
body.dark-layout .btn.btn-icon i {
  color: #fff;
}
body.dark-layout .btn.btn-dark, body.dark-layout .btn.btn-outline-dark, body.dark-layout .btn.btn-flat-dark {
  color: #b8c2cc;
}
body.dark-layout .btn.btn-dark {
  background-color: #4e5154 !important;
}
body.dark-layout .btn.btn-outline-dark {
  border-color: #4e5154;
  color: #b8c2cc;
}
body.dark-layout .btn.btn-flat-dark:active, body.dark-layout .btn.btn-flat-dark:focus {
  background: #4e5154;
}
body.dark-layout .btn.btn-white {
  color: #626262;
}
body.dark-layout .dropdown-toggle {
  color: #fff;
}
body.dark-layout .dropdown-toggle:hover i, body.dark-layout .dropdown-toggle:hover:after {
  color: #fff;
}
body.dark-layout .dropdown-menu {
  background-color: #262c49;
}
body.dark-layout .dropdown-menu:before,
body.dark-layout .dropdown-menu .dropdown-item:hover,
body.dark-layout .dropdown-menu .dropdown-item:focus {
  background: #262c49;
}
body.dark-layout .dropdown-menu .dropdown-item {
  color: #c2c6dc;
}
body.dark-layout .dropdown-menu .form-control {
  background-color: #10163a;
}
body.dark-layout .dropdown-menu .dropdown-divider {
  border-color: #414561;
}
body.dark-layout .btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
  color: #313330 !important;
}
body.dark-layout .btn-dark ~ .dropdown-menu .dropdown-item:hover,
body.dark-layout .btn-outline-dark ~ .dropdown-menu .dropdown-item:hover,
body.dark-layout .btn-flat-dark ~ .dropdown-menu .dropdown-item:hover {
  color: #c2c6dc;
}
body.dark-layout .dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i {
  color: #c2c6dc;
}
body.dark-layout .modal .modal-header,
body.dark-layout .modal .modal-header[class*=bg-] {
  background-color: #10163a !important;
}
body.dark-layout .modal .modal-header .close,
body.dark-layout .modal .modal-header[class*=bg-] .close {
  background-color: #262c49;
  text-shadow: none;
}
body.dark-layout .modal .modal-header .close span,
body.dark-layout .modal .modal-header[class*=bg-] .close span {
  color: #fff;
}
body.dark-layout .modal .modal-content,
body.dark-layout .modal .modal-body,
body.dark-layout .modal .modal-footer {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .modal .modal-content .form-control,
body.dark-layout .modal .modal-content .picker__input,
body.dark-layout .modal .modal-content .custom-file-label,
body.dark-layout .modal .modal-content .custom-file-label:after,
body.dark-layout .modal .modal-body .form-control,
body.dark-layout .modal .modal-body .picker__input,
body.dark-layout .modal .modal-body .custom-file-label,
body.dark-layout .modal .modal-body .custom-file-label:after,
body.dark-layout .modal .modal-footer .form-control,
body.dark-layout .modal .modal-footer .picker__input,
body.dark-layout .modal .modal-footer .custom-file-label,
body.dark-layout .modal .modal-footer .custom-file-label:after {
  background-color: #10163a !important;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item.active {
  background-color: #262c49;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link {
  background-color: #313330;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link:hover {
  color: #fff;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link {
  background-color: #262c49;
  color: #fff;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link:hover {
  color: #313330;
}
body.dark-layout .pagination:not([class*=pagination-]) .page-item.prev-item .page-link:hover, body.dark-layout .pagination:not([class*=pagination-]) .page-item.next-item .page-link:hover {
  color: #fff;
}
body.dark-layout .pagination[class*=pagination-] .page-item:not(.active):not(:hover) .page-link {
  background-color: #262c49;
  color: #fff;
}
body.dark-layout .pagination[class*=pagination-] .page-item:not(.active) .page-link:hover {
  background-color: #262c49;
}
body.dark-layout .pagination[class*=pagination-] .page-item.active {
  background-color: #262c49;
}
body.dark-layout .nav .nav-item .nav-link {
  color: #c2c6dc;
}
body.dark-layout .nav .nav-item .nav-link.active, body.dark-layout .nav .nav-item .nav-link:hover {
  color: #313330;
}
body.dark-layout .nav.wrap-border {
  border-color: #414561;
}
body.dark-layout #navbar-component .basic-navbar .navbar {
  background-color: #262c49;
}
body.dark-layout #navbar-component .navbar .nav .nav-item a,
body.dark-layout #navbar-component .navbar .navbar-nav .nav-item a {
  color: #fff !important;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link,
body.dark-layout #navbar-component .navbar .navbar-nav .nav-item .nav-link {
  background-color: inherit;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link span,
body.dark-layout #navbar-component .navbar .navbar-nav .nav-item .nav-link span {
  color: #fff;
}
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link .badge,
body.dark-layout #navbar-component .navbar .nav .nav-item .nav-link svg,
body.dark-layout #navbar-component .navbar .navbar-nav .nav-item .nav-link .badge,
body.dark-layout #navbar-component .navbar .navbar-nav .nav-item .nav-link svg {
  color: #fff !important;
  stroke: #fff !important;
}
body.dark-layout .nav-tabs .nav-item .nav-link,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link,
body.dark-layout .nav:not(.nav-pills) .nav-item .nav-link {
  background-color: #10163a;
}
body.dark-layout .nav-tabs .nav-item .nav-link.active,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active,
body.dark-layout .nav:not(.nav-pills) .nav-item .nav-link.active {
  background-color: #10163a;
}
body.dark-layout .nav-tabs .nav-item .nav-link.disabled,
body.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled,
body.dark-layout .nav:not(.nav-pills) .nav-item .nav-link.disabled {
  opacity: 0.5;
}
body.dark-layout .nav-tabs ~ .tab-content .tab-pane,
body.dark-layout .nav-tabs.nav-justified ~ .tab-content .tab-pane,
body.dark-layout .nav:not(.nav-pills) ~ .tab-content .tab-pane {
  background-color: #10163a;
}
body.dark-layout .nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane, body.dark-layout .nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
  background-color: #10163a;
}
body.dark-layout .nav-pills .nav-item .nav-link.active {
  color: #fff;
}
body.dark-layout .nav-pills.nav-active-bordered-pill .nav-item .nav-link.active {
  background-color: transparent !important;
}
body.dark-layout .nav-justified.nav.nav-tabs .nav-item .nav-link.active {
  background-color: transparent;
}
body.dark-layout .card {
  background-color: #10163a;
}
body.dark-layout .card.border {
  border-color: #414561 !important;
}
body.dark-layout .card .card-title {
  color: #fff;
}
body.dark-layout .card .card-header,
body.dark-layout .card .card-footer {
  color: #c2c6dc;
  background-color: #10163a !important;
}
body.dark-layout .card .card-body,
body.dark-layout .card .card-footer {
  color: #c2c6dc;
  border-color: #414561;
}
body.dark-layout .card.overlay-img-card .card-img-overlay span,
body.dark-layout .card.overlay-img-card .card-img-overlay p {
  color: #fff;
}
body.dark-layout .media-bordered .media {
  border-color: #414561;
}
body.dark-layout .activity-timeline {
  border-color: #414561;
}
body.dark-layout #dashboard-analytics .bg-analytics {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
}
body.dark-layout #dashboard-analytics .bg-analytics p {
  color: #fff;
}
body.dark-layout #dashboard-analytics .bg-analytics .card-body {
  background-color: transparent;
}
body.dark-layout .chat-widget.chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
  color: #fff;
}
body.dark-layout .chat-widget.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
  background-color: #171e49;
  border: 1px solid #414561;
}
body.dark-layout .chat-widget.chat-application .chat-app-window .user-chats .chats .chat-left .chat-content p {
  color: #c2c6dc;
}
body.dark-layout .chat-widget.chat-application .chat-app-window .chat-footer {
  border-top: 1px solid #414561;
}
body.dark-layout .chat-widget.chat-application .chat-app-window .chat-footer .card-body {
  padding-top: 1.5rem !important;
}
body.dark-layout .badge {
  color: #fff;
}
body.dark-layout .badge span {
  color: #fff;
}
body.dark-layout .badge:hover i {
  color: #fff;
}
body.dark-layout .popover[x-placement=top] .arrow:after {
  border-top-color: #262c49;
}
body.dark-layout .popover[x-placement=bottom] .arrow:after {
  border-bottom-color: #313330;
}
body.dark-layout .popover[x-placement=left] .arrow:after {
  border-left-color: #262c49;
}
body.dark-layout .popover[x-placement=right] .arrow:after {
  border-right-color: #262c49;
}
body.dark-layout .popover .popover-body {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .toast {
  background-color: #262c49;
  box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.3);
}
body.dark-layout .toast .toast-header {
  background-color: #262c49;
  color: #c2c6dc;
  border-color: #414561;
}
body.dark-layout .toast .toast-header .close {
  text-shadow: none;
  opacity: 1;
}
body.dark-layout .toast .toast-body {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .progress {
  background-color: #262c49;
}
body.dark-layout .avatar {
  background-color: #262c49;
}
body.dark-layout .avatar .avatar-content {
  color: #fff;
}
body.dark-layout .chip {
  background-color: #262c49;
}
body.dark-layout .chip .avatar {
  background-color: #10163a;
}
body.dark-layout .chip .chip-body .chip-text,
body.dark-layout .chip .chip-body span {
  color: #fff;
}
body.dark-layout .divider .divider-text {
  background-color: transparent;
  color: #c2c6dc;
}
body.dark-layout .divider .divider-text::before, body.dark-layout .divider .divider-text::after {
  border-color: #414561;
}
body.dark-layout .divider.divider-dark .divider-text::before, body.dark-layout .divider.divider-dark .divider-text::after {
  border-color: #4e5154 !important;
}
body.dark-layout .vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link:not(.active) .step-text {
  background-color: #262c49;
}
body.dark-layout .vx-wizard.nav.nav-tabs .step-wrapper.nav-item .step.nav-link:not(.active) .step-text svg {
  color: #c2c6dc;
}
body.dark-layout .list-group .list-group-item:not([class*=list-group-item-]), body.dark-layout .list-group .list-group-item.list-group-item-action {
  background-color: #10163a;
  border-color: #414561;
  color: #c2c6dc;
}
body.dark-layout .list-group .list-group-item:not([class*=list-group-item-]):hover, body.dark-layout .list-group .list-group-item.list-group-item-action:hover {
  background-color: #262c49;
}
body.dark-layout .list-group .list-group-item.active {
  background-color: #313330;
  color: #fff;
}
body.dark-layout .list-group .list-group-item.active p,
body.dark-layout .list-group .list-group-item.active small {
  color: #fff;
}
body.dark-layout .list-group .list-group-item.disabled {
  background-color: #262c49;
}
body.dark-layout {
  /********** FORMS **********/
}
body.dark-layout input.form-control,
body.dark-layout .custom-file-label,
body.dark-layout textarea.form-control {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout input.form-control:not(:focus),
body.dark-layout .custom-file-label:not(:focus),
body.dark-layout textarea.form-control:not(:focus) {
  border: 0;
}
body.dark-layout input.form-control::placeholder,
body.dark-layout .custom-file-label::placeholder,
body.dark-layout textarea.form-control::placeholder {
  color: #c2c6dc;
}
body.dark-layout input.form-control ~ .form-control-position svg,
body.dark-layout .custom-file-label ~ .form-control-position svg,
body.dark-layout textarea.form-control ~ .form-control-position svg {
  color: #c2c6dc;
}
body.dark-layout input.form-control:focus ~ .form-control-position i,
body.dark-layout .custom-file-label:focus ~ .form-control-position i,
body.dark-layout textarea.form-control:focus ~ .form-control-position i {
  color: #313330;
}
body.dark-layout input.form-control:disabled, body.dark-layout input.form-control[readonly],
body.dark-layout .custom-file-label:disabled,
body.dark-layout .custom-file-label[readonly],
body.dark-layout textarea.form-control:disabled,
body.dark-layout textarea.form-control[readonly] {
  opacity: 0.5;
}
body.dark-layout .char-textarea.active {
  color: #c2c6dc !important;
}
body.dark-layout .char-textarea.max-limit {
  color: #ea5455 !important;
}
body.dark-layout .custom-file-label:after {
  background-color: #262c49;
  border-left: 1px solid #414561;
  color: #c2c6dc;
}
body.dark-layout .has-icon-left.input-divider-left .form-control-position i {
  border-right-color: #414561;
}
body.dark-layout .has-icon-left.input-divider-right .form-control-position i {
  border-left-color: #414561;
}
body.dark-layout select.form-control,
body.dark-layout .custom-select {
  background-color: #262c49;
  color: #c2c6dc;
  border: 0;
}
body.dark-layout select.form-control option:checked,
body.dark-layout .custom-select option:checked {
  background-color: #10163a;
}
body.dark-layout .custom-control.custom-radio input[disabled] ~ label:before, body.dark-layout .custom-control.custom-radio input[disabled] ~ label:after, body.dark-layout .custom-control.custom-checkbox input[disabled] ~ label:before, body.dark-layout .custom-control.custom-checkbox input[disabled] ~ label:after {
  opacity: 0.5;
}
body.dark-layout .select__control,
body.dark-layout .React__control {
  background-color: #262c49;
  border-color: #414561;
}
body.dark-layout .select__control .select__value-container .select__single-value,
body.dark-layout .select__control .select__value-container .React__single-value,
body.dark-layout .select__control .React__value-container .select__single-value,
body.dark-layout .select__control .React__value-container .React__single-value,
body.dark-layout .React__control .select__value-container .select__single-value,
body.dark-layout .React__control .select__value-container .React__single-value,
body.dark-layout .React__control .React__value-container .select__single-value,
body.dark-layout .React__control .React__value-container .React__single-value {
  color: #c2c6dc;
}
body.dark-layout .select__control .select__value-container .select__multi-value,
body.dark-layout .select__control .React__value-container .select__multi-value,
body.dark-layout .React__control .select__value-container .select__multi-value,
body.dark-layout .React__control .React__value-container .select__multi-value {
  background-color: #10163a;
}
body.dark-layout .select__control .select__value-container .select__multi-value .select__multi-value__label,
body.dark-layout .select__control .React__value-container .select__multi-value .select__multi-value__label,
body.dark-layout .React__control .select__value-container .select__multi-value .select__multi-value__label,
body.dark-layout .React__control .React__value-container .select__multi-value .select__multi-value__label {
  color: #c2c6dc;
}
body.dark-layout .select__control ~ .select__menu,
body.dark-layout .select__control ~ .React__menu,
body.dark-layout .React__control ~ .select__menu,
body.dark-layout .React__control ~ .React__menu {
  background-color: #262c49;
}
body.dark-layout .select__control ~ .select__menu .select__menu-list.select__option--is-selected, body.dark-layout .select__control ~ .select__menu .select__menu-list.React__option--is-selected,
body.dark-layout .select__control ~ .select__menu .React__menu-list.select__option--is-selected,
body.dark-layout .select__control ~ .select__menu .React__menu-list.React__option--is-selected,
body.dark-layout .select__control ~ .React__menu .select__menu-list.select__option--is-selected,
body.dark-layout .select__control ~ .React__menu .select__menu-list.React__option--is-selected,
body.dark-layout .select__control ~ .React__menu .React__menu-list.select__option--is-selected,
body.dark-layout .select__control ~ .React__menu .React__menu-list.React__option--is-selected,
body.dark-layout .React__control ~ .select__menu .select__menu-list.select__option--is-selected,
body.dark-layout .React__control ~ .select__menu .select__menu-list.React__option--is-selected,
body.dark-layout .React__control ~ .select__menu .React__menu-list.select__option--is-selected,
body.dark-layout .React__control ~ .select__menu .React__menu-list.React__option--is-selected,
body.dark-layout .React__control ~ .React__menu .select__menu-list.select__option--is-selected,
body.dark-layout .React__control ~ .React__menu .select__menu-list.React__option--is-selected,
body.dark-layout .React__control ~ .React__menu .React__menu-list.select__option--is-selected,
body.dark-layout .React__control ~ .React__menu .React__menu-list.React__option--is-selected {
  background-color: #10163a;
}
body.dark-layout .select__control.select__control--is-focused .select__loading-indicator,
body.dark-layout .React__control.select__control--is-focused .select__loading-indicator {
  color: #c2c6dc;
}
body.dark-layout .select__control.select__control--is-focused .select__loading-indicator span,
body.dark-layout .React__control.select__control--is-focused .select__loading-indicator span {
  background-color: #c2c6dc;
}
body.dark-layout .react-numeric-input {
  background-color: #262c49 !important;
}
body.dark-layout .react-numeric-input input {
  background-color: #262c49 !important;
  color: #c2c6dc !important;
}
body.dark-layout .react-toggle-wrapper .react-toggle:not(.react-toggle--checked):not([class*=switch-]) .react-toggle-track {
  background-color: #262c49;
}
body.dark-layout .react-toggle-wrapper .react-toggle .react-toggle-track .react-toggle-track-x svg,
body.dark-layout .react-toggle-wrapper .react-toggle .react-toggle-track .react-toggle-track-check svg {
  stroke: #fff;
  fill: #fff;
}
body.dark-layout .custom-switch .custom-control-input[disabled] ~ .custom-control-label {
  opacity: 0.5;
}
body.dark-layout .custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #313330;
}
body.dark-layout .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #313330;
}
body.dark-layout .custom-switch .custom-control-label:before {
  background-color: #262c49;
}
body.dark-layout .input-group .input-group-prepend .input-group-text,
body.dark-layout .input-group .input-group-append .input-group-text {
  background-color: #10163a;
  border: 1px solid #414561;
}
body.dark-layout .input-group .input-group-prepend ~ .form-control {
  border-left: 1px solid #414561;
}
body.dark-layout .input-group .form-control ~ .input-group-append {
  border-left: 1px solid #414561;
}
body.dark-layout .form-label-group > input:not(:focus):not(:placeholder-shown) ~ label, body.dark-layout .form-label-group > textarea:not(:focus):not(:placeholder-shown) ~ label {
  color: #c2c6dc !important;
}
body.dark-layout .form-control.flatpickr-input {
  background-color: #262c49;
}
body.dark-layout .form-control.flatpickr-input ~ input {
  background-color: #262c49;
}
body.dark-layout .flatpickr-calendar:not(.inline):after, body.dark-layout .flatpickr-calendar:not(.inline):before {
  border-bottom-color: #313330;
}
body.dark-layout .flatpickr-calendar .flatpickr-innerContainer {
  background: #262c49;
  border-color: #262c49;
}
body.dark-layout .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
body.dark-layout .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  fill: #fff;
  color: #fff;
}
body.dark-layout .flatpickr-calendar .flatpickr-months .flatpickr-month select:hover {
  background: #fff;
}
body.dark-layout .flatpickr-calendar .flatpickr-months .numInputWrapper .numInput {
  color: #fff;
}
body.dark-layout .flatpickr-calendar .flatpickr-days {
  border-color: #262c49;
}
body.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover, body.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:focus {
  background-color: #10163a;
  border-color: #10163a;
}
body.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay, body.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay, body.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled {
  color: #636363;
}
body.dark-layout .flatpickr-calendar .flatpickr-weekdays,
body.dark-layout .flatpickr-calendar .flatpickr-weekday {
  color: #fff;
}
body.dark-layout {
  /********** TABLE **********/
}
body.dark-layout .table:not(.table-inverse) {
  background-color: #212744;
}
body.dark-layout .table:not(.table-inverse) .thead tr:not([class*=table-]) th,
body.dark-layout .table:not(.table-inverse) .thead tr:not([class*=table-]) td,
body.dark-layout .table:not(.table-inverse) tbody tr:not([class*=table-]) th,
body.dark-layout .table:not(.table-inverse) tbody tr:not([class*=table-]) td {
  border-color: #414561;
  color: #c2c6dc;
}
body.dark-layout .table:not(.table-inverse) .thead tr:not([class*=table-]) th code,
body.dark-layout .table:not(.table-inverse) .thead tr:not([class*=table-]) td code,
body.dark-layout .table:not(.table-inverse) tbody tr:not([class*=table-]) th code,
body.dark-layout .table:not(.table-inverse) tbody tr:not([class*=table-]) td code {
  background-color: #10163a;
}
body.dark-layout .table:not(.table-inverse) thead tr th {
  border: 0;
  background-color: #212744;
  color: #c2c6dc;
}
body.dark-layout .table:not(.table-inverse) tbody tr[class*=table-] td,
body.dark-layout .table:not(.table-inverse) tbody tr[class*=table-] th {
  background-color: unset;
  color: #22292f;
  border-color: #414561;
}
body.dark-layout .table:not(.table-inverse) tbody tr.table-dark td,
body.dark-layout .table:not(.table-inverse) tbody tr.table-dark th {
  color: #fff;
}
body.dark-layout .table:not(.table-inverse) tbody tr.table-active td,
body.dark-layout .table:not(.table-inverse) tbody tr.table-active th {
  color: #c2c6dc;
}
body.dark-layout .table:not(.table-inverse) tbody tr th {
  background-color: #262c49;
}
body.dark-layout .table:not(.table-inverse) tbody tr td {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .table:not(.table-inverse).table-bordered {
  border: 1px solid #414561;
}
body.dark-layout .table:not(.table-inverse).table-bordered thead tr th,
body.dark-layout .table:not(.table-inverse).table-bordered thead tr td,
body.dark-layout .table:not(.table-inverse).table-bordered tbody tr th,
body.dark-layout .table:not(.table-inverse).table-bordered tbody tr td {
  border: 1px solid #414561;
}
body.dark-layout .table:not(.table-inverse).table-hover tbody tr:hover {
  background-color: #10163a;
}
body.dark-layout .table:not(.table-inverse).table-hover tbody tr th,
body.dark-layout .table:not(.table-inverse).table-hover tbody tr td {
  background-color: unset;
}
body.dark-layout .table:not(.table-inverse).table-striped tbody tr:nth-of-type(odd) {
  background-color: #10163a;
}
body.dark-layout .table:not(.table-inverse).table-striped tbody tr td,
body.dark-layout .table:not(.table-inverse).table-striped tbody tr th {
  background-color: unset;
}
body.dark-layout .table:not(.table-inverse).table-mx-0 {
  background-color: #10163a;
}
body.dark-layout .table:not(.table-inverse).table-mx-0 thead tr th,
body.dark-layout .table:not(.table-inverse).table-mx-0 thead tr td,
body.dark-layout .table:not(.table-inverse).table-mx-0 tbody tr th,
body.dark-layout .table:not(.table-inverse).table-mx-0 tbody tr td {
  background-color: #10163a;
}
body.dark-layout .ReactTable .rt-table .rt-thead {
  border-color: #414561;
}
body.dark-layout .ReactTable .rt-table .rt-thead .rt-th {
  background-color: #262c49;
  border-color: #414561;
}
body.dark-layout .ReactTable .rt-table .rt-thead .rt-th input,
body.dark-layout .ReactTable .rt-table .rt-thead .rt-th select {
  background-color: #10163a;
  color: #c2c6dc;
}
body.dark-layout .ReactTable .rt-table .rt-tbody .rt-tr .rt-td {
  background-color: #262c49;
  border-color: #414561;
}
body.dark-layout .ReactTable .rt-table .rt-tbody .rt-tr .rt-td div:not(.rt-expander) {
  background-color: #262c49 !important;
}
body.dark-layout .ReactTable .rt-table .rt-tbody .rt-tr .rt-td.rt-expandable {
  background-color: #262c49 !important;
}
body.dark-layout .ReactTable .rt-table .rt-tbody .rt-tr .rt-td.rt-expandable .rt-expander:after {
  border-top-color: #c2c6dc;
}
body.dark-layout .ReactTable .rt-table .rt-tbody .rt-tr-group {
  border-color: #414561;
}
body.dark-layout .ReactTable .pagination-bottom .-pageJump input {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .ReactTable .pagination-bottom .select-wrap select {
  background-color: #262c49;
  color: #c2c6dc;
}
body.dark-layout .ReactTable.nested-table .rt-tbody .rt-tr-group .rt-td:first-child {
  background-color: #262c49 !important;
}
body.dark-layout .ag-grid-table {
  background-color: #10163a;
}
body.dark-layout .ag-grid-table .ag-dropdown {
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-dropdown div {
  color: #c2c6dc;
}
body.dark-layout .ag-grid-table .ag-pinned-left-header {
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-header {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-header .ag-header-cell {
  border-color: #414561;
  background-color: #10163a;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-header .ag-header-cell-label,
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-header .ag-floating-filter-input {
  color: #c2c6dc;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-header .ag-floating-filter-input {
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-body-viewport .ag-cell {
  color: #c2c6dc;
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-root-wrapper .ag-root-wrapper-body .ag-body-viewport .ag-row {
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-row-hover,
body.dark-layout .ag-grid-table .ag-header-cell:hover,
body.dark-layout .ag-grid-table .ag-row-selected {
  background-color: #262c49 !important;
}
body.dark-layout .ag-grid-table .ag-icon {
  color: #c2c6dc;
}
body.dark-layout .ag-grid-table .ag-icon.ag-icon-checkbox-checked {
  color: #313330;
}
body.dark-layout .ag-grid-table .ag-paging-panel {
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-paging-panel .ag-paging-button.ag-disabled {
  background-color: #373f6d;
}
body.dark-layout .ag-grid-table .ag-paging-panel .ag-paging-button.ag-disabled span {
  color: #fff !important;
}
body.dark-layout .ag-grid-table .ag-paging-panel span[ref=lbTotal] {
  background-color: #373f6d;
  color: #c2c6dc !important;
}
body.dark-layout .ag-grid-table .ag-menu {
  background-color: #262c49;
}
body.dark-layout .ag-grid-table .ag-menu .ag-filter-select {
  border-color: #414561;
  color: #c2c6dc;
}
body.dark-layout .ag-grid-table .ag-menu .ag-filter-select option {
  color: #c2c6dc;
  background-color: #262c49;
}
body.dark-layout .ag-grid-table .ag-menu .ag-input-wrapper .ag-filter-filter {
  color: #c2c6dc;
  border-color: #414561;
}
body.dark-layout .ag-grid-table .ag-menu .ag-input-wrapper .ag-filter-filter::placeholder {
  color: #c2c6dc;
}
body.dark-layout .ag-grid-table ::-webkit-scrollbar-thumb {
  background: #313330;
}
body.dark-layout .ag-grid-table ::-webkit-scrollbar-track {
  background: #262c49;
}
body.dark-layout .sweet-alert {
  background-color: #10163a !important;
}
body.dark-layout .sweet-alert h2,
body.dark-layout .sweet-alert p {
  color: #c2c6dc !important;
}
body.dark-layout {
  /********** PAGES **********/
}
body.dark-layout .bg-authentication {
  background-color: #eff2f7;
}
body.dark-layout .bg-authentication .auth-title {
  color: #c2c6dc;
}
body.dark-layout .bg-authentication .form-group.row,
body.dark-layout .bg-authentication .card-footer {
  background-color: #10163a;
}
body.dark-layout .bg-authentication .form-group.row .btn-facebook span,
body.dark-layout .bg-authentication .form-group.row .btn-twitter span,
body.dark-layout .bg-authentication .card-footer .btn-facebook span,
body.dark-layout .bg-authentication .card-footer .btn-twitter span {
  color: #fff;
}
body.dark-layout .bg-authentication .form-group .vx-checkbox-con span {
  color: #c2c6dc;
}
body.dark-layout .getting-started .clockCard p {
  color: #c2c6dc !important;
}
body.dark-layout .auth-card h1 {
  color: #2c2c2c;
}
body.dark-layout .auth-card p {
  color: #fff;
}
body.dark-layout #user-profile .profile-header img {
  border-color: #fff !important;
}
body.dark-layout #user-profile .profile-header .profile-header-nav {
  background-color: #10163a;
}
body.dark-layout #user-profile .profile-header .navbar svg {
  color: #c2c6dc;
}
body.dark-layout #user-profile .btn-load.loading {
  background-color: rgba(255, 255, 255, 0.75) !important;
}
body.dark-layout .account-settings-tab .nav-link {
  background: transparent !important;
}
body.dark-layout #search-website .search-bar .form-control {
  background-color: #10163a;
}
body.dark-layout #search-website .search-menu .search-filter {
  background-color: #10163a;
  color: #c2c6dc;
}
body.dark-layout #search-website .search-result-info .dropdown-toggle {
  color: #c2c6dc;
}
body.dark-layout #search-website .search-pagination .pagination .page-item {
  background-color: #10163a;
}
body.dark-layout #search-website .search-pagination .pagination .page-item.active .page-link {
  background-color: #313330;
}
body.dark-layout #search-website .search-pagination .pagination .page-item .page-link {
  background-color: #10163a;
}
body.dark-layout .faq .accordion .collapse-margin {
  background-color: #10163a;
}
body.dark-layout .faq-bg .card-body .card-text,
body.dark-layout .knowledge-base-bg .card-body .card-text {
  color: #fff;
}
body.dark-layout .search-content .card .card-body .text-dark {
  color: #c2c6dc !important;
}
body.dark-layout .knowledge-base-category .list-group .list-group-item,
body.dark-layout .knowledge-base-question .list-group .list-group-item {
  color: #313330;
}
body.dark-layout .invoice-items-table .table-borderless,
body.dark-layout .invoice-total-table .table-borderless {
  border: 0;
}
body.dark-layout .invoice-header .input-group .form-control {
  background-color: #10163a;
}
body.dark-layout {
  /********** CHARTS **********/
}
body.dark-layout .apexcharts-canvas .apexcharts-gridlines-horizontal .apexcharts-gridline {
  stroke: #414561;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip {
  background-color: #212744;
  border-color: #262c49;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.light .apexcharts-tooltip-text,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-tooltip-text,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-tooltip-text,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text {
  background-color: #212744;
  color: #c2c6dc;
}
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-label,
body.dark-layout .apexcharts-canvas .apexcharts-tooltip.dark .apexcharts-tooltip-text .apexcharts-tooltip-text-value {
  color: #fff;
}
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: transparent;
}
body.dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:after {
  border-bottom-color: #262c49;
}
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  border-left-color: transparent;
}
body.dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  border-left-color: #262c49;
}
body.dark-layout .apexcharts-canvas text {
  fill: #fff !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  color: #c2c6dc !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-radialbar-track path {
  stroke: #262c49;
}
body.dark-layout .apexcharts-canvas .apexcharts-inner polygon {
  stroke: #212744 !important;
  fill: #262c49 !important;
}
body.dark-layout .apexcharts-canvas .apexcharts-inner rect {
  fill: #10163a;
}
body.dark-layout .apexcharts-canvas .apexcharts-pie-series path {
  stroke: #262c49;
}
body.dark-layout .apexcharts-canvas .apexcharts-menu {
  background-color: #262c49;
  border: 0;
}
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-zoom-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-icon:hover svg,
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg {
  fill: #c2c6dc;
}
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-item {
  color: #c2c6dc;
}
body.dark-layout .apexcharts-canvas .apexcharts-toolbar .apexcharts-menu-item:hover {
  background-color: #10163a;
}
body.dark-layout .recharts-wrapper line {
  stroke: #c2c6dc;
}
body.dark-layout .recharts-wrapper text {
  fill: #fff;
}
body.dark-layout .recharts-wrapper .recharts-default-tooltip {
  background-color: #10163a !important;
  border-color: #414561 !important;
  color: #c2c6dc;
}
body.dark-layout .recharts-wrapper .recharts-rectangle.recharts-tooltip-cursor {
  fill: #262c49 !important;
}
body.dark-layout .recharts-wrapper .recharts-pie-sector .recharts-sector {
  stroke: #414561;
}
body.dark-layout .recharts-wrapper .recharts-radial-bar-background .recharts-radial-bar-background-sector {
  fill: #262c49;
}
body.dark-layout .dropdown-divider {
  border-color: #414561;
}
body.dark-layout {
  /********** APPLICATIONS **********/
}
body.dark-layout .email-application .email-app-sidebar {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .email-application .app-fixed-search {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .email-application .app-fixed-search svg {
  color: #c2c6dc;
}
body.dark-layout .email-application .app-fixed-search .form-control {
  color: #c2c6dc;
}
body.dark-layout .email-application .app-fixed-search .form-control::placeholder {
  color: #c2c6dc;
}
body.dark-layout .email-application .app-fixed-search .form-control:focus ~ .form-control-position svg {
  color: #313330;
}
body.dark-layout .email-application .app-fixed-search .form-control-position svg {
  color: #c2c6dc;
}
body.dark-layout .email-application .email-app-list-wrapper {
  border-color: #414561;
}
body.dark-layout .email-application .email-app-list-wrapper .app-action {
  border-color: #414561;
}
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item,
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item {
  background: #10163a;
}
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active, body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item.active:hover,
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active,
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item.active:hover {
  color: #313330;
}
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-messages .list-group-item:hover,
body.dark-layout .email-application .email-app-menu .sidebar-menu-list .list-group-labels .list-group-item:hover {
  color: #c2c6dc;
}
body.dark-layout .email-application .content-right {
  border-color: #414561;
}
body.dark-layout .email-application .content-right .email-app-list .app-action .action-right .list-inline-item svg {
  color: #c2c6dc;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media {
  border-color: #414561;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media:hover {
  box-shadow: 0 0 0 0 #1e1e1e;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media {
  background-color: #262c49;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .user-details p,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .user-details .list-group-item-text,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .mail-message p,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .mail-message .list-group-item-text,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .user-details p,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .user-details .list-group-item-text,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .mail-message p,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .mail-message .list-group-item-text {
  color: #c2c6dc;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .user-details .mail-meta .mail-date,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-read .mail-message .mail-meta .mail-date,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .user-details .mail-meta .mail-date,
body.dark-layout .email-application .content-right .email-app-list .email-user-list .media .mail-message .mail-meta .mail-date {
  color: #c2c6dc;
}
body.dark-layout .email-application .content-right .email-app-list .email-user-list .mail-unread {
  background-color: #10163a;
}
body.dark-layout .email-application .email-app-details {
  border-color: #414561;
}
body.dark-layout .email-application .email-app-details.show {
  background-color: #212744;
}
body.dark-layout .email-application .email-app-details .email-detail-header {
  border-color: #414561;
  background-color: #10163a;
}
body.dark-layout .email-application .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle {
  color: #c2c6dc;
}
body.dark-layout .email-application .email-app-details .email-detail-header svg {
  color: #c2c6dc;
}
body.dark-layout .email-application .email-app-details .mail-message-wrapper,
body.dark-layout .email-application .email-app-details .email-detail-head {
  border-color: #414561 !important;
}
body.dark-layout .chat-application .chat-profile-sidebar {
  background-color: #262c49;
}
body.dark-layout .chat-application .sidebar-content {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .chat-application .sidebar-content .chat-fixed-search {
  border-color: #414561;
}
body.dark-layout .chat-application .sidebar-content .chat-fixed-search .form-control {
  background-color: #10163a;
}
body.dark-layout .chat-application .sidebar-content .chat-fixed-search .form-control:not(:focus) {
  border: 1px solid #414561;
}
body.dark-layout .chat-application .sidebar-content .chat-fixed-search svg {
  color: #c2c6dc;
}
body.dark-layout .chat-application .sidebar-content .chat-user-list .chat-users-list-wrapper li {
  border-color: #414561;
}
body.dark-layout .chat-application .sidebar-content .chat-user-list .chat-users-list-wrapper li:not(.active):hover {
  background: #10163a;
}
body.dark-layout .chat-application .sidebar-content .chat-user-list .chat-users-list-wrapper li.active .contact-info p {
  color: #fff;
}
body.dark-layout .chat-application .content-right {
  border-color: #414561;
}
body.dark-layout .chat-application .content-right .avatar {
  border: 2px solid #fff;
}
body.dark-layout .chat-application .content-right .chat-app-window .start-chat-area {
  background-color: #171e49;
}
body.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,
body.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
  background: #262c49;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat_navbar .chat_header {
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.5);
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat_navbar .chat_header svg {
  color: #c2c6dc;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .user-chats {
  background-color: #171e49;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content {
  color: #c2c6dc;
  background-color: #10163a;
  border: 1px solid #c2c6dc;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .user-chats .chat-left .chat-content p {
  color: #c2c6dc;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content p {
  color: #fff;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .user-chats .chat-content {
  background-color: #262c49;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form {
  background-color: #10163a;
}
body.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form .form-control {
  background-color: #10163a;
  border: 1px solid #414561;
}
body.dark-layout .chat-application .chat-profile-sidebar {
  border: 1px solid !important;
}
body.dark-layout .chat-application .user-profile-sidebar,
body.dark-layout .chat-application .chat-profile-sidebar {
  background-color: #10163a;
  border-color: #414561 !important;
}
body.dark-layout .chat-application .user-profile-sidebar .user-profile-header,
body.dark-layout .chat-application .user-profile-sidebar .chat-profile-header,
body.dark-layout .chat-application .chat-profile-sidebar .user-profile-header,
body.dark-layout .chat-application .chat-profile-sidebar .chat-profile-header {
  border-color: #414561;
}
body.dark-layout .chat-application .user-profile-sidebar .user-profile-header .avatar,
body.dark-layout .chat-application .user-profile-sidebar .chat-profile-header .avatar,
body.dark-layout .chat-application .chat-profile-sidebar .user-profile-header .avatar,
body.dark-layout .chat-application .chat-profile-sidebar .chat-profile-header .avatar {
  border: 2px solid #fff;
}
body.dark-layout .chat-application .user-profile-sidebar .user-profile-header .close-icon,
body.dark-layout .chat-application .user-profile-sidebar .chat-profile-header .close-icon,
body.dark-layout .chat-application .chat-profile-sidebar .user-profile-header .close-icon,
body.dark-layout .chat-application .chat-profile-sidebar .chat-profile-header .close-icon {
  color: #c2c6dc;
}
body.dark-layout .todo-application {
  border-color: #414561;
}
body.dark-layout .todo-application .todo-sidebar {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .todo-application .todo-sidebar .list-group .list-group-item:hover {
  color: #c2c6dc;
}
body.dark-layout .todo-application .todo-sidebar .list-group .list-group-item:hover svg {
  color: #c2c6dc;
}
body.dark-layout .todo-application .todo-app-area .todo-app-list-wrapper {
  border-color: #414561;
}
body.dark-layout .todo-application .todo-app-area .app-fixed-search {
  background-color: #10163a;
  border-color: #414561 !important;
}
body.dark-layout .todo-application .todo-app-area .app-fixed-search svg {
  color: #c2c6dc;
}
body.dark-layout .todo-application .todo-app-area .app-fixed-search .form-control-position svg {
  color: #c2c6dc;
}
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item {
  border-color: #414561;
}
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item:hover {
  box-shadow: none;
}
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item .chip {
  background-color: #10163a;
}
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-favorite svg,
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-delete svg,
body.dark-layout .todo-application .todo-app-area .todo-task-list .todo-item .todo-item-action .todo-item-info svg {
  color: #c2c6dc;
}
body.dark-layout .todo-application .task-sidebar {
  background-color: #10163a;
}
body.dark-layout .todo-application .task-header {
  background-color: #10163a;
}
body.dark-layout .todo-application .task-header .close-icon {
  color: #c2c6dc;
}
body.dark-layout .todo-application .task-body svg {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .sidebar-shop .filter-heading {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .sidebar-shop .price-slider .range-slider {
  background-color: #262c49;
}
body.dark-layout .ecommerce-application .sidebar-shop .ratings-list li, body.dark-layout .ecommerce-application .sidebar-shop .ratings-list ~ .stars-received {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .result-toggler .search-results {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .React-Select .select__control {
  background-color: #10163a;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .React-Select .select__control .select__single-value {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .select__menu .select__option {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .select__menu .select__option:hover {
  color: #fff;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .select__menu .select__option.select__option--is-selected {
  background-color: #313330;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .view-btn {
  background-color: #10163a !important;
}
body.dark-layout .ecommerce-application .ecommerce-header-items .view-options .view-btn-option .view-btn:not(.active) svg {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .search-product {
  background-color: #10163a;
}
body.dark-layout .ecommerce-application .search-product ~ .form-control-position svg {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .grid-view .ecommerce-card .card-body,
body.dark-layout .ecommerce-application .list-view .ecommerce-card .card-body {
  border-color: #414561;
}
body.dark-layout .ecommerce-application .grid-view .ecommerce-card .item-img,
body.dark-layout .ecommerce-application .list-view .ecommerce-card .item-img {
  background-color: #fff;
}
body.dark-layout .ecommerce-application .grid-view .ecommerce-card .item-name,
body.dark-layout .ecommerce-application .list-view .ecommerce-card .item-name {
  color: #fff;
}
body.dark-layout .ecommerce-application .grid-view .ecommerce-card .item-options .wishlist span,
body.dark-layout .ecommerce-application .list-view .ecommerce-card .item-options .wishlist span {
  color: #2c2c2c;
}
body.dark-layout .ecommerce-application .grid-view .ecommerce-card .item-options .cart span,
body.dark-layout .ecommerce-application .list-view .ecommerce-card .item-options .cart span {
  color: #fff;
}
body.dark-layout .ecommerce-application .pagination .page-item {
  background-color: #10163a;
}
body.dark-layout .ecommerce-application .pagination .page-item.active {
  background-color: #10163a;
}
body.dark-layout .ecommerce-application .pagination .page-item.active .page-link {
  background-color: #313330;
}
body.dark-layout .ecommerce-application .pagination .page-item .page-link {
  background-color: #10163a;
}
body.dark-layout .ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
  color: #fff;
}
body.dark-layout .ecommerce-application .product-checkout .checkout-options .detail-total {
  color: #c2c6dc;
}
body.dark-layout .ecommerce-application .product-checkout.list-view {
  background: #262c49;
}
body.dark-layout .app-ecommerce-details .item-features {
  background-color: #171e49;
}
body.dark-layout .app-ecommerce-details .swiper-slide {
  background-color: #262c49;
}
body.dark-layout .app-ecommerce-details .swiper-button-next,
body.dark-layout .app-ecommerce-details .swiper-button-prev {
  color: #313330;
}
body.dark-layout .app-calendar .rbc-calendar .rbc-month-view,
body.dark-layout .app-calendar .rbc-calendar .rbc-month-row,
body.dark-layout .app-calendar .rbc-calendar .rbc-day-bg,
body.dark-layout .app-calendar .rbc-calendar .rbc-header,
body.dark-layout .app-calendar .rbc-calendar .rbc-time-view,
body.dark-layout .app-calendar .rbc-calendar .rbc-time-content,
body.dark-layout .app-calendar .rbc-calendar .rbc-time-header-content,
body.dark-layout .app-calendar .rbc-calendar .rbc-events-container,
body.dark-layout .app-calendar .rbc-calendar .rbc-timeslot-group,
body.dark-layout .app-calendar .rbc-calendar .rbc-time-slot {
  border-color: #414561 !important;
}
body.dark-layout .app-calendar .rbc-calendar .rbc-date-cell.rbc-off-range {
  color: #c2c6dc;
}
body.dark-layout .app-calendar .rbc-calendar .rbc-today {
  background-color: transparent;
}
body.dark-layout .app-calendar .add-event-sidebar,
body.dark-layout .app-calendar .add-event-sidebar .header {
  background-color: #10163a;
}
body.dark-layout .app-calendar .add-event-sidebar svg,
body.dark-layout .app-calendar .add-event-sidebar .header svg {
  color: #c2c6dc;
}
body.dark-layout .app-user-list .ag-grid-table .ag-header .ag-header-cell {
  background-color: transparent;
}
body.dark-layout {
  /********** EXTENSIONS **********/
}
body.dark-layout .rc-slider .rc-slider-rail {
  background-color: #262c49 !important;
}
body.dark-layout .rc-slider.rc-slider-disabled {
  background-color: #262c49;
  opacity: 0.7;
}
body.dark-layout .dropzone {
  background-color: #262c49;
}
body.dark-layout .dropzone ~ .thumb-container .dz-thumb {
  border-color: #414561 !important;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar {
  background-color: #262c49;
  border-color: #414561;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper {
  background-color: #10163a;
  border-color: #414561;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper:hover {
  background-color: #10163a;
  box-shadow: none;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-carettoopen {
  border-top-color: #c2c6dc;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-carettoclose {
  border-bottom-color: #c2c6dc;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper {
  border-color: #414561;
  background-color: #10163a;
}
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper .rdw-dropdownoption-active,
body.dark-layout .rdw-editor-wrapper .rdw-editor-toolbar .rdw-dropdown-wrapper .rdw-dropdown-optionwrapper .rdw-dropdownoption-highlighted {
  background-color: #262c49;
}
body.dark-layout .vx-pagination li {
  background-color: #262c49;
}
body.dark-layout .vx-pagination li a {
  color: #c2c6dc;
}
body.dark-layout .react-contexify {
  background-color: #262c49;
  box-shadow: none;
}
body.dark-layout .react-contexify .react-contexify__item {
  border-color: #414561;
}
body.dark-layout .react-contexify .react-contexify__item .react-contexify__item__content {
  color: #c2c6dc;
}
body.dark-layout .swiper-container .swiper-slide.swiper-slide-active span,
body.dark-layout .swiper-container .swiper-slide.swiper-slide-active svg {
  color: #fff;
}
body.dark-layout .swiper-container.centered-style-1 .swiper-slide {
  background-color: #171e49;
}
body.dark-layout .swiper-container.centered-style-2 .swiper-slide:not(.swiper-slide-active) {
  background-color: #171e49;
}
body.dark-layout .swiper-container.swiper-parallax .swiper-slide,
body.dark-layout .swiper-container.swiper-parallax .swiper-slide p {
  color: #22292f;
}
body.dark-layout .vx-autocomplete-container .suggestions-list {
  background-color: #262c49;
}
body.dark-layout .vx-autocomplete-container .suggestions-list .suggestion-item.active, body.dark-layout .vx-autocomplete-container .suggestions-list .suggestion-item.active:hover {
  background-color: #10163a;
}
body.dark-layout .vx-autocomplete-container .suggestions-list .suggestion-item:hover {
  background-color: #10163a !important;
}
body.dark-layout .vx-autocomplete-container .suggestions-list .suggestion-item svg:not([class*=text-]) {
  stroke: #c2c6dc;
}
body.dark-layout {
  /********** CUSTOMIZER **********/
}
body.dark-layout .customizer {
  background-color: #262c49;
}
body.dark-layout .customizer .close-icon svg {
  color: #c2c6dc;
}
body.dark-layout .customizer .bg-default {
  background-color: #10163a;
  border-color: #10163a !important;
}
body.dark-layout .vertical-layout.fixed-footer .footer {
  background-color: #10163a;
}
body.dark-layout {
  /********** HORIZONTAL Layout **********/
}
body.dark-layout .horizontal-layout .horizontal-menu-wrapper {
  background: linear-gradient(to bottom, rgba(37, 43, 71, 0.76) 44%, rgba(56, 53, 53, 0.46) 73%, rgba(255, 255, 255, 0) 100%);
}
body.dark-layout .horizontal-layout .header-navbar {
  background-color: #10163a !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-item .item-content {
  color: #c2c6dc !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-item.active {
  background-color: #10163a !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-item:not(.active):hover span {
  color: #c2c6dc;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-item.has-sub.hover, body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-item.has-sub.hover .dropdown {
  background-color: transparent !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.hover:not(.active) .dropdown,
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.hover:not(.active) a.nav-link {
  background-color: #262c49 !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.active .menu-icon svg {
  stroke: #fff;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.active .dropdown-menu li.active,
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.active .dropdown-menu li.active:hover {
  background: #10163a !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .nav-item.active .dropdown-menu .dropdown-item:hover {
  background: #10163a !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-menu::-webkit-scrollbar-thumb {
  background: #10163a !important;
}
body.dark-layout .horizontal-layout .header-navbar #main-menu-navigation .dropdown-menu::-webkit-scrollbar-track {
  background: #262c49 !important;
}
body.dark-layout .horizontal-layout.fixed-footer .footer {
  background: #10163a;
}

/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
  /************ Main Menu **************/
}
body.semi-dark-layout .main-menu {
  background-color: #10163a;
}
body.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, 0.51) 73%, rgba(44, 48, 60, 0));
}
body.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active a {
  background-color: #262c49;
}
body.semi-dark-layout .main-menu.theme-dark .navbar-header .brand-text {
  color: #adb5bd !important;
}
body.semi-dark-layout .main-menu.theme-dark .navbar-header .modern-nav-toggle svg {
  color: #adb5bd !important;
}
body.semi-dark-layout .main-menu.theme-dark .navigation .nav-item.active a {
  background: linear-gradient(118deg, #adb5bd, rgba(173, 181, 189, 0.7));
  box-shadow: 0 0 10px 1px rgba(173, 181, 189, 0.7);
}
body.semi-dark-layout .main-menu.theme-dark .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #adb5bd, rgba(173, 181, 189, 0.7));
  box-shadow: 0 0 10px 1px rgba(173, 181, 189, 0.7);
}
body.semi-dark-layout .main-menu-content .navigation-main {
  background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item svg {
  color: #c2c6dc;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a {
  background-color: #262c49;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #c2c6dc;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
  background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
  color: #fff;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
  background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li.hover a,
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li.hover svg {
  color: #c2c6dc;
}
body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
body.semi-dark-layout .main-menu-content .navigation-main .active svg {
  color: #fff;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  background: #10163a;
  border-radius: 4px;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
  z-index: 1;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  background-color: transparent;
}
body.semi-dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a {
  background: #262c49 !important;
}

/*========================================================
        DARK LAYOUT
=========================================================*/
a:focus {
  outline: none;
}

.component-code pre {
  max-height: 300px;
  overflow-y: scroll;
}
.component-code pre::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.component-code pre::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 20px;
}
.component-code pre::-webkit-scrollbar-track {
  background: #f2f4f7;
}

.font-small-1 {
  font-size: 0.7rem !important;
}

.font-small-2 {
  font-size: 0.8rem !important;
}

.font-small-3 {
  font-size: 0.9rem !important;
}

.font-medium-1 {
  font-size: 1.1rem !important;
}

.font-medium-2 {
  font-size: 1.2rem !important;
}

.font-medium-3 {
  font-size: 1.3rem !important;
}

.font-medium-4 {
  font-size: 1.4rem !important;
}

.font-medium-5 {
  font-size: 1.5rem !important;
}

.font-large-1 {
  font-size: 2rem !important;
}

.font-large-2 {
  font-size: 3rem !important;
}

.font-large-3 {
  font-size: 4rem !important;
}

.font-large-4 {
  font-size: 5rem !important;
}

.font-large-5 {
  font-size: 6rem !important;
}

.text-bold-300 {
  font-weight: 300;
}

.text-bold-400 {
  font-weight: 400;
}

.text-bold-500 {
  font-weight: 500;
}

.text-bold-600 {
  font-weight: 600;
}

.text-bold-700 {
  font-weight: 700;
}

.text-italic {
  font-style: italic;
}

.text-highlight {
  padding: 4px 6px;
}

code {
  padding: 0.1rem 0.4rem;
  font-size: 90%;
  color: #e83e8c;
  background-color: #eee;
  border-radius: 0.25rem;
}

pre {
  border-radius: 0.5rem;
}
pre code {
  background-color: transparent !important;
}

.bd-example-row .row + .row {
  margin-top: 1rem;
}
.bd-example-row .row > .col,
.bd-example-row .row > [class^=col-] {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.2);
}
.bd-example-row .flex-items-top,
.bd-example-row .flex-items-middle,
.bd-example-row .flex-items-bottom {
  min-height: 6rem;
  background-color: rgba(255, 0, 0, 0.1);
}

.bd-example-row-flex-cols .row {
  min-height: 10rem;
  background-color: rgba(255, 0, 0, 0.1);
}

.bd-highlight {
  background-color: rgba(86, 61, 124, 0.15);
  border: 1px solid rgba(86, 61, 124, 0.15);
}

.example-container {
  width: 800px;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
  margin-right: auto;
  margin-left: auto;
}

.example-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -14px;
  margin-left: -14px;
}

.example-content-main {
  position: relative;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
}
@media (min-width: 576px) {
  .example-content-main {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .example-content-main {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
}

.example-content-secondary {
  position: relative;
  width: 100%;
  padding-right: 14px;
  padding-left: 14px;
}
@media (min-width: 576px) {
  .example-content-secondary {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 992px) {
  .example-content-secondary {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
}

.table-white-space th,
.table-white-space td {
  white-space: nowrap;
}

.table thead th {
  vertical-align: top;
}
.table th,
.table td {
  padding: 1rem;
  vertical-align: middle;
}
.table th {
  font-size: 0.85rem;
}

.table-inverse {
  color: #fff;
  background-color: #00cfe8;
}

.table-hover-animation {
  background-color: #f2f4f7;
}
.table-hover-animation thead th {
  border-top: 2px solid #f2f4f7;
  border-bottom: 0;
  background-color: #fff;
}
.table-hover-animation th,
.table-hover-animation td {
  border: 0;
}
.table-hover-animation tbody tr {
  transition: all 0.25s ease;
  background-color: #fff;
}
.table-hover-animation tbody tr:hover {
  transform: translateY(-4px);
}

.form-control::placeholder {
  font-size: 0.85rem;
  color: rgba(34, 41, 47, 0.4);
  transition: all 0.2s ease;
}
.form-control:-ms-input-placeholder {
  color: rgb(70.1400560224%, 74.7338935574%, 81.6246498599%);
}
.form-control:focus::placeholder {
  transform: translate(5px);
  transition: all 0.2s ease;
}
.form-control:focus ~ .form-control-position svg {
  stroke: #313330;
}

/* Form specific Scss */
label {
  color: rgb(19.7198879552%, 24.649859944%, 32.0448179272%);
  font-size: 0.85rem;
  margin-bottom: 0;
  padding-left: 0.2rem;
}

textarea.form-control {
  line-height: 1.6rem;
  font-size: 1rem;
}

.form-group {
  margin-bottom: 1.5rem;
}
.form-group .valid-tooltip,
.form-group .invalid-tooltip {
  top: auto;
}

.form-control {
  border: 1px solid rgb(80.0448179272%, 83.1148459384%, 87.7198879552%);
  color: rgb(27.3389355742%, 34.1736694678%, 44.4257703081%);
}

.form-section {
  color: #b8c2cc;
  line-height: 3rem;
  margin-bottom: 20px;
  border-bottom: 1px solid #b8c2cc;
}

/* .form-body{
    overflow: hidden;
} */
.form-actions {
  border-top: 1px solid rgb(82.5210084034%, 85.2100840336%, 89.243697479%);
  padding: 20px 0;
  margin-top: 20px;
}
.form-actions.filled {
  background-color: #f2f4f7;
}
.form-actions.center {
  text-align: center;
}
.form-actions.right {
  text-align: right;
}
.form-actions.top {
  border-top: 0;
  border-bottom: 1px solid rgb(82.5210084034%, 85.2100840336%, 89.243697479%);
  margin-top: 0;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .form-actions .buttons-group {
    float: left !important;
    margin-bottom: 10px;
  }
}

@media (min-width: 576px) {
  .form-horizontal .form-group .label-control {
    text-align: right;
  }
}

.form-control.form-control-lg {
  padding: 1rem;
}
.form-control.form-control-lg::placeholder {
  font-size: 1.25rem;
}

.form-control.form-control-sm {
  padding: 0.6rem;
}
.form-control.form-control-sm::placeholder {
  font-size: 0.7rem;
}

.custom-file-label {
  padding: 0.4rem 0.7rem;
}
.custom-file-label::after {
  padding: 0.4rem 0.7rem;
  height: auto;
}

select.form-control:not([multiple=multiple]) {
  background-position: calc(100% - 12px) 13px, calc(100% - 20px) 13px, 100% 0;
  background-size: 12px 12px, 10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 1.5rem;
}

.custom-select {
  padding: 0.7rem 1.7rem 0.6rem 0.7rem;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.input-group-addon {
  background-color: #eceff1;
  border-color: #babfc7;
}

.custom-control-label::before {
  width: 1.1rem;
  height: 1.1rem;
  top: 0.1rem;
}

.custom-control-label::after {
  width: 1.1rem;
  height: 1.1rem;
  top: 0.1rem;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #313330;
  border-color: #313330;
}

/* Floating label Group */
.form-label-group {
  position: relative;
  margin-bottom: 1.5rem;
}
.form-label-group .form-control-lg ~ label {
  font-size: 1.25rem;
  padding: 1rem;
}
.form-label-group .form-control-sm ~ label {
  font-size: 0.7rem;
}
.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  transition: all 0.25s ease-in-out;
  padding: 0.6rem;
  color: rgba(34, 41, 47, 0.4);
  font-size: 0.85rem;
  opacity: 0;
  z-index: -1;
}
.form-label-group > input,
.form-label-group textarea {
  padding: 0.6rem;
}
.form-label-group > input:focus:not(:placeholder-shown) ~ label, .form-label-group > input:not(:active):not(:placeholder-shown) ~ label,
.form-label-group textarea:focus:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:active):not(:placeholder-shown) ~ label {
  color: #313330 !important;
  transition: all 0.25s ease-in-out;
  opacity: 1;
}
.form-label-group > input:not(:focus):not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:focus):not(:placeholder-shown) ~ label {
  color: rgba(34, 41, 47, 0.4) !important;
}
.form-label-group > input:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:placeholder-shown) ~ label {
  padding: 0.25rem 0;
  font-size: 0.7rem;
  top: -20px;
  left: 3px;
  z-index: 1;
}
.form-label-group.has-icon-left > label {
  left: 36px;
}

/* Vuexy Custom Checkbox */
.vx-checkbox-con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.25rem 0;
}
.vx-checkbox-con input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 200;
  cursor: pointer;
  top: 0;
}
.vx-checkbox-con input:checked ~ .vx-checkbox {
  transform: rotate(0deg);
  border-color: #313330;
}
.vx-checkbox-con input:checked ~ .vx-checkbox .vx-checkbox--check {
  transform: translate(0);
  background-color: #313330;
}
.vx-checkbox-con input:checked ~ .vx-checkbox .vx-checkbox--check .vx-icon {
  transform: translate(0);
  line-height: 1.2;
  opacity: 1;
}
.vx-checkbox-con input:checked ~ .vx-checkbox.vx-checkbox-sm .vx-checkbox--check .vx-icon {
  font-size: 0.75rem;
}
.vx-checkbox-con input:checked ~ .vx-checkbox.vx-checkbox-lg .vx-checkbox--check .vx-icon {
  font-size: 1.2rem;
}
.vx-checkbox-con input:active:checked + .vx-checkbox .vx-checkbox--check {
  transform: translate(3px);
  background-color: #313330;
}
.vx-checkbox-con input:active:checked + .vx-checkbox .vx-checkbox--check .vx-icon {
  opacity: 1;
  transform: translate(6px);
}
.vx-checkbox-con input:disabled {
  cursor: default;
  pointer-events: none;
}
.vx-checkbox-con input:disabled + .vx-checkbox {
  cursor: default;
  opacity: 0.5;
}
.vx-checkbox-con .vx-checkbox {
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #b8c2cc;
  border-radius: 2px;
  transform: rotate(-90deg);
  transition: all 0.2s ease;
  overflow: hidden;
  margin-right: 0.5rem;
}
.vx-checkbox-con .vx-checkbox.vx-checkbox-sm {
  width: 15px;
  height: 15px;
}
.vx-checkbox-con .vx-checkbox.vx-checkbox-lg {
  width: 24px;
  height: 24px;
}
.vx-checkbox-con .vx-checkbox .vx-checkbox--check {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  left: 0;
  transform: translate(100%);
  transform-origin: right;
  transition: all 0.2s ease;
  z-index: 10;
}
.vx-checkbox-con .vx-checkbox .vx-checkbox--check .vx-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

/* Vuexy Custom Radio */
.vx-radio-con {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.25rem 0;
}
.vx-radio-con input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 200;
  cursor: pointer;
}
.vx-radio-con input:checked ~ .vx-radio {
  transform: rotate(0deg);
  outline: 0;
}
.vx-radio-con input:checked ~ .vx-radio .vx-radio--circle {
  background: #313330;
  box-shadow: 0 3px 12px 0 rgba(49, 51, 48, 0.4);
  opacity: 1;
  transform: scale(1);
}
.vx-radio-con input:checked ~ .vx-radio .vx-radio--border {
  opacity: 0;
  transform: scale(0.3);
}
.vx-radio-con input:disabled {
  cursor: default;
  pointer-events: none;
}
.vx-radio-con input:disabled + .vx-radio {
  cursor: default;
  opacity: 0.5;
}
.vx-radio-con input:active ~ .vx-radio {
  transform: scale(1.1);
}
.vx-radio-con .vx-radio {
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  transition: all 0.2s ease;
  margin-right: 0.5rem;
}
.vx-radio-con .vx-radio.vx-radio-sm {
  width: 13px;
  height: 13px;
}
.vx-radio-con .vx-radio.vx-radio-lg {
  width: 22px;
  height: 22px;
}
.vx-radio-con .vx-radio .vx-radio--border,
.vx-radio-con .vx-radio .vx-radio--circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  transition: all 0.25s ease;
  top: 0;
  border-radius: 50%;
}
.vx-radio-con .vx-radio .vx-radio--border {
  background: transparent;
  border: 2px solid #b8c2cc;
}
.vx-radio-con .vx-radio .vx-radio--circle {
  opacity: 0;
  transform: scale(0.1);
}

/* Switches */
.custom-switch {
  padding-left: 0;
}
.custom-switch .custom-control-label {
  height: 1.571rem;
  width: 3.1rem;
  padding: 0;
  /* For bg color of switch*/
}
.custom-switch .custom-control-label::before {
  border: none;
  background-color: #e2e2e2;
  height: 1.571rem;
  left: -0.2857rem;
  box-shadow: none !important;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
  top: 0;
  left: 0;
}
.custom-switch .custom-control-label {
  /*For Switch handle*/
}
.custom-switch .custom-control-label:after {
  position: absolute;
  top: 2px;
  left: 2px;
  box-shadow: none;
  background-color: #fff;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
}
.custom-switch .custom-control-label {
  /*For Switch text*/
}
.custom-switch .custom-control-label .switch-text-left,
.custom-switch .custom-control-label .switch-text-right,
.custom-switch .custom-control-label .switch-icon-left,
.custom-switch .custom-control-label .switch-icon-right {
  position: absolute;
  top: 5px;
  font-size: 0.7rem;
  cursor: pointer;
  user-select: none;
}
.custom-switch .custom-control-label .switch-text-left,
.custom-switch .custom-control-label .switch-icon-left {
  left: 7px;
  color: #fff;
}
.custom-switch .custom-control-label .switch-text-right,
.custom-switch .custom-control-label .switch-icon-right {
  right: 7px;
}
.custom-switch .custom-control-label:focus {
  outline: 0;
}
.custom-switch {
  /*For Switch label*/
}
.custom-switch .switch-label {
  padding-left: 1rem;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  box-shadow: none;
  background-color: #313330;
}
.custom-switch {
  /*For Switch Handle Animation*/
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(1.4rem);
}
.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-left {
  opacity: 0;
}
.custom-switch .custom-control-input:not(:checked) ~ .custom-control-label .switch-text-right {
  opacity: 1;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-right {
  opacity: 0;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label .switch-text-left {
  opacity: 1;
}
.custom-switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  background-color: #e2e2e2;
}
.custom-switch.switch-md .custom-control-label {
  width: 4rem;
  height: 1.571rem;
}
.custom-switch.switch-md .custom-control-label::before {
  width: 4rem;
  border: none;
  background-color: #e2e2e2;
  height: 1.571rem;
  left: -0.2857rem;
  box-shadow: none !important;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
}
.custom-switch.switch-md .custom-control-label:after {
  box-shadow: none;
  background-color: #fff;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
  position: absolute;
  top: 2px;
  left: -2px;
}
.custom-switch.switch-md .custom-control-label .switch-text-right,
.custom-switch.switch-md .custom-control-label .switch-icon-right {
  right: 9px;
}
.custom-switch.switch-md .custom-control-label .switch-text-left,
.custom-switch.switch-md .custom-control-label .switch-icon-left {
  left: 5px;
}
.custom-switch.switch-md .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(2.3rem);
}
.custom-switch.switch-lg .custom-control-label {
  width: 5.5rem;
  height: 1.571rem;
}
.custom-switch.switch-lg .custom-control-label::before {
  width: 5.5rem;
  border: none;
  background-color: #e2e2e2;
  height: 1.571rem;
  left: -0.2857rem;
  box-shadow: none !important;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
}
.custom-switch.switch-lg .custom-control-label:after {
  position: absolute;
  top: 2px;
  left: -2px;
  box-shadow: none;
  background-color: #fff;
  transition: all 0.25s ease;
  cursor: pointer;
  user-select: none;
}
.custom-switch.switch-lg .custom-control-label .switch-text-right,
.custom-switch.switch-lg .custom-control-label .switch-icon-right {
  right: 10px;
}
.custom-switch.switch-lg .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(3.8rem);
}

/* Textarea with Counter */
.counter-value {
  background-color: #313330;
  color: #fff;
  padding: 1px 6px;
  font-size: 0.6rem;
  border-radius: 0 0 5px 5px;
  margin-right: 1rem;
}

/* Input box with icon divider */
.form-group.input-divider-left .form-control-position svg {
  padding: 0.2rem 0.5rem;
  border-right: 1px solid rgb(80.0448179272%, 83.1148459384%, 87.7198879552%);
  height: 25px;
  width: 30px;
}
.form-group.input-divider-right .form-control-position svg {
  padding: 0.2rem 0.5rem;
  border-left: 1px solid rgb(80.0448179272%, 83.1148459384%, 87.7198879552%);
  height: 25px;
  width: 30px;
}

/* input-groups-lg and input-groups-sm  */
.input-group-lg .form-control,
.input-group-sm .form-control {
  padding: 0.7rem;
}

/***** React Numeric Input *****/
/* Number Type Input Box Scss for - Remove arrow on hover */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.picker__input.form-control {
  background-color: #fff;
}

.input-group .form-control {
  height: auto;
}
.input-group .input-group-prepend .dropdown-toggle::after,
.input-group .input-group-append .dropdown-toggle::after {
  left: 0;
}
.input-group .input-group-prepend .vx-checkbox-con,
.input-group .input-group-prepend .vx-checkbox,
.input-group .input-group-prepend .vx-radio-con,
.input-group .input-group-prepend .vx-radio,
.input-group .input-group-append .vx-checkbox-con,
.input-group .input-group-append .vx-checkbox,
.input-group .input-group-append .vx-radio-con,
.input-group .input-group-append .vx-radio {
  margin: 0;
}
.input-group.input-group-lg .form-control::placeholder {
  font-size: 1.25rem;
}
.input-group.input-group-lg .input-group-prepend .btn,
.input-group.input-group-lg .input-group-append .btn {
  line-height: 1.3;
  font-size: 1.3rem;
}
.input-group.input-group-sm .form-control::placeholder {
  font-size: 0.7rem;
}

.input-group .input-group-append .react-ripples .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-prepend .react-ripples .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn:disabled {
  cursor: default;
}
.btn.btn-white {
  color: #626262;
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active {
  color: #626262 !important;
}
.btn[class*=bg-gradient-] {
  color: #fff;
}
.btn[class*=bg-gradient-]:hover {
  box-shadow: 0 8px 25px -8px #aaa;
}
.btn.btn-secondary {
  color: #fff;
}
.btn.btn-secondary:hover {
  box-shadow: 0 8px 25px -8px #b8c2cc;
}
.btn.btn-dark:hover {
  box-shadow: 0 8px 25px -8px #1e1e1e;
}
.btn.btn-light:hover {
  box-shadow: 0 8px 25px -8px #babfc7;
}
.btn.btn-outline-secondary, .btn.btn-outline-dark, .btn.btn-outline-light {
  border: 1px solid;
}
.btn.btn-flat-secondary:hover {
  background-color: rgba(184, 194, 204, 0.1);
}
.btn.btn-flat-secondary:active, .btn.btn-flat-secondary:focus {
  background: #b8c2cc;
}
.btn.btn-flat-dark:hover {
  background-color: rgba(30, 30, 30, 0.1);
}
.btn.btn-flat-dark:active, .btn.btn-flat-dark:focus {
  background: #1e1e1e;
  color: #fff;
}
.btn.btn-flat-light:hover {
  background-color: rgba(186, 191, 199, 0.1);
}
.btn.btn-flat-light:active, .btn.btn-flat-light:focus {
  background: #babfc7;
}
.btn[class*=btn-outline-] {
  padding-top: calc(0.9rem - 1px);
  padding-bottom: calc(0.9rem - 1px);
}
.btn[class*=btn-outline-].btn-lg, .btn-group-lg > .btn[class*=btn-outline-] {
  padding-top: calc(1rem - 1px);
  padding-bottom: calc(1rem - 1px);
}
.btn[class*=btn-outline-].btn-sm, .btn-group-sm > .btn[class*=btn-outline-] {
  padding-top: calc(0.5rem - 1px);
  padding-bottom: calc(0.5rem - 1px);
}
.btn.btn-relief-secondary {
  background-color: #b8c2cc;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn.btn-relief-secondary:hover {
  color: #fff;
}
.btn.btn-relief-secondary:active, .btn.btn-relief-secondary:focus {
  outline: none;
  transform: translateY(3px);
}
.btn.btn-relief-light {
  background-color: #babfc7;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn.btn-relief-light:hover {
  color: #fff;
}
.btn.btn-relief-light:active, .btn.btn-relief-light:focus {
  outline: none;
  transform: translateY(3px);
}
.btn.btn-relief-dark {
  background-color: #1e1e1e;
  box-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.1);
  color: #fff;
}
.btn.btn-relief-dark:hover {
  color: #fff;
}
.btn.btn-relief-dark:active, .btn.btn-relief-dark:focus {
  outline: none;
  transform: translateY(3px);
}
.btn.btn-icon {
  padding: 0.715rem 0.736rem;
}
.btn.btn-sm.btn-icon, .btn-group-sm > .btn.btn-icon {
  padding: 0.5rem;
}
.btn.btn-lg.btn-icon, .btn-group-lg > .btn.btn-icon {
  padding: 1rem;
}
.btn.btn-square {
  border-radius: 0;
}
.btn.btn-round {
  border-radius: 2rem;
}
.btn:focus, .btn.focus, .btn:active, .btn.active {
  outline: none;
  box-shadow: none !important;
}
.btn.btn-icon svg {
  height: 1.1rem;
  width: 1.1rem;
}

.btn-group .react-ripples:not(:last-child) .btn {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group .react-ripples:not(:first-child) .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical .react-ripples:not(:last-child) .btn {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.btn-group-vertical .react-ripples:not(:first-child) .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

.waves-button-input {
  padding: unset;
}

.collapse-icon .card-header {
  position: relative;
}
.collapse-icon .card-header:after {
  position: absolute;
  top: 48%;
  right: 20px;
  margin-top: -8px;
  font-family: "feather";
  content: "\e845";
  transition: all 300ms linear 0s;
  font-size: 0.9rem;
}
.collapse-icon .card-header:before {
  position: absolute;
  top: 48%;
  right: 20px;
  margin-top: -8px;
  font-family: "feather";
  content: "\e842";
  transition: all 300ms linear 0s;
  font-size: 0.9rem;
}
.collapse-icon.left a {
  padding-left: 28px;
}
.collapse-icon.left a:before, .collapse-icon.left a:after {
  left: 20px;
  right: auto;
}
.collapse-icon.accordion-icon-rotate .collapse.show:before {
  transform: rotate(180deg);
}
.collapse-icon.accordion-icon-rotate .collapse:not(.show):after {
  transform: rotate(-180deg);
}

.dropdown.show .btn-outline-warning.dropdown-toggle,
.dropdown.show .btn-outline-light.dropdown-toggle {
  color: #fff;
}
.dropdown .btn:not(.btn-sm):not(.btn-lg),
.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle {
  padding: 0.85rem 1.5rem;
}
.dropdown .btn:not(.btn-sm):not(.btn-lg).btn-round,
.dropdown .btn:not(.btn-sm):not(.btn-lg).dropdown-toggle.btn-round {
  border-radius: 2rem;
}
.dropdown .btn.dropdown-toggle.dropdown-toggle-split {
  padding: 0.85rem 1rem;
  border-left-color: rgba(255, 255, 255, 0.2) !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split {
  border-left: 0 !important;
}
.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split:active {
  color: #fff;
}
.dropdown .dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  transform: scale(1, 0);
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  min-width: 8rem;
}
.dropdown .dropdown-menu::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 1.2rem;
  width: 0.75rem;
  height: 0.75rem;
  display: block;
  background: #fff;
  transform: rotate(45deg) translate(-7px);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 10;
  box-sizing: border-box;
}
.dropdown .dropdown-menu.dropdown-menu-right::before {
  right: 0.6rem;
  left: auto;
}
.dropdown .dropdown-menu .dropdown-header {
  padding: 0.714rem 1.428rem;
  margin-top: 0.714rem;
}
.dropdown .dropdown-menu .dropdown-item {
  padding: 0.5rem 1rem;
  color: #626262;
  width: auto;
  cursor: pointer;
}
.dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f2f4f7;
  color: #313330;
}
.dropdown .dropdown-menu .dropdown-item:hover svg,
.dropdown .dropdown-menu .dropdown-item:hover span {
  color: #313330;
}
.dropdown .dropdown-menu .dropdown-item.active {
  color: #fff;
}
.dropdown .dropdown-menu .dropdown-item:active {
  background-color: transparent;
  color: #626262;
}
.dropdown .dropdown-menu .dropdown-item.disabled {
  color: #b8c2cc;
}
.dropdown.no-arrow .dropdown-toggle:after {
  display: none;
}

.dropdown,
.dropup,
.dropright,
.dropleft {
  position: relative;
}
.dropdown .dropdown-menu .dropdown-item,
.dropup .dropdown-menu .dropdown-item,
.dropright .dropdown-menu .dropdown-item,
.dropleft .dropdown-menu .dropdown-item {
  padding: 0.714rem 1.428rem;
}
.dropdown .dropdown-toggle:after, .dropdown .dropdown-toggle:before,
.dropup .dropdown-toggle:after,
.dropup .dropdown-toggle:before,
.dropright .dropdown-toggle:after,
.dropright .dropdown-toggle:before,
.dropleft .dropdown-toggle:after,
.dropleft .dropdown-toggle:before {
  display: none;
}

.show > .dropdown-menu {
  transform: scale(1, 1);
  opacity: 1;
  display: block;
}

.dropdown-toggle::after {
  display: none;
}
.dropdown-toggle svg {
  position: relative;
  left: 10px;
}
.dropdown-toggle.dropdown-toggle-split {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.dropdown-toggle.dropdown-toggle-split svg {
  left: 0;
}
.dropdown-toggle.nav-hide-arrow::after {
  display: none;
}
.dropdown-toggle:focus {
  outline: 0;
}

.navbar-horizontal .dropdown-submenu .dropdown-toggle::after {
  top: -9px !important;
  margin-top: 1.25rem;
  right: 1px;
}

/* .dropdown-menu-right {
  left: auto !important; // Input group with dropdown issue for dropdown-menu-right
  right: 0;
} */
.btn-secondary ~ .dropdown-menu .dropdown-item.active, .btn-secondary ~ .dropdown-menu .dropdown-item:hover {
  background-color: #cccccc;
}

.dropup {
  position: relative;
}
.dropup .btn,
.dropup .btn.dropdown-toggle {
  padding: 0.85rem 1.5rem;
}
.dropup .btn.dropdown-toggle.dropdown-toggle-split {
  padding: 0.85rem 1rem;
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.dropup .dropdown-toggle::after {
  content: "\e845" !important;
  vertical-align: 0.05rem;
}
.dropup .dropdown-menu::before {
  content: "";
  position: absolute;
  bottom: -0.714rem;
  left: 1.214rem;
  width: 0.714rem;
  height: 0.714rem;
  display: block;
  background: #fff;
  transform: rotate(45deg) translate(-7px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 10;
  box-sizing: border-box;
}
.dropup .dropdown-menu.dropdown-menu-right::before {
  left: auto;
  right: 0.714rem;
}
.dropup .dropdown-submenu .dropdown-menu {
  bottom: auto;
  top: 0;
}

.dropleft .btn,
.dropleft .btn.dropdown-toggle {
  padding: 0.85rem 1.5rem;
}
.dropleft .btn.dropdown-toggle.dropdown-toggle-split {
  padding: 0.85rem 1rem;
}
.dropleft .dropdown-toggle svg {
  left: -10px;
}
.dropleft .dropdown-menu::before {
  content: "";
  position: absolute;
  top: 1.285rem;
  right: 0;
  width: 0.714rem;
  height: 0.714rem;
  display: block;
  background: #fff;
  transform: rotate(130deg) translate(-8px);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 10;
  box-sizing: border-box;
}

.dropright .btn,
.dropright .btn.dropdown-toggle {
  padding: 0.85rem 1.5rem;
}
.dropright .btn.dropdown-toggle.dropdown-toggle-split {
  padding: 0.85rem 1rem;
}
.dropright .dropdown-toggle::after {
  border: none !important;
  font-family: "feather";
  content: "\e844" !important;
}
.dropright .dropdown-menu::before {
  content: "";
  position: absolute;
  top: 1.285rem;
  left: -0.9rem;
  width: 0.714rem;
  height: 0.714rem;
  display: block;
  background: #fff;
  transform: rotate(140deg) translate(-9px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 10;
  box-sizing: border-box;
}

.dropdown.dropdown-icon .dropdown-toggle:after,
.dropup.dropdown-icon .dropdown-toggle:after {
  display: none;
}
.dropdown.dropdown-icon .dropdown-toggle svg,
.dropup.dropdown-icon .dropdown-toggle svg {
  left: 0;
}
.dropdown.dropdown-icon .dropdown-menu,
.dropup.dropdown-icon .dropdown-menu {
  min-width: auto;
}
.dropdown.dropdown-icon .dropdown-menu .dropdown-item,
.dropup.dropdown-icon .dropdown-menu .dropdown-item {
  padding: 0.5rem 1.1rem;
  cursor: pointer;
}
.dropdown.dropdown-icon .dropdown-menu .dropdown-item:hover,
.dropup.dropdown-icon .dropdown-menu .dropdown-item:hover {
  color: #fff;
}

.btn.btn-white ~ .dropdown-menu .dropdown-item:not(.acitve):hover {
  color: #626262 !important;
}
.btn.btn-white ~ .dropdown-menu .dropdown-item.active {
  color: #626262;
}

/* ===============================================================================================
    File Name: navbar.scss
    Description: Contain header navigation bar, vertical main navigation bar and
    horiznotal main navigation bar related SCSS.
    ----------------------------------------------------------------------------------------------
    Item Name: Vuexy React Admin Template
    Version: 1.0
    Author: PIXINVENT
    Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
.navbar-dark .hamburger-inner,
.navbar-dark .hamburger-inner::before,
.navbar-dark .hamburger-inner::after {
  background-color: #fff;
}

.header-navbar-shadow {
  display: block;
  background: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.95) 44%, hsla(0, 0%, 97.3%, 0.46) 73%, hsla(0, 0%, 100%, 0));
  padding-top: 2.2rem;
  background-repeat: repeat;
  width: 100%;
  height: 102px;
  position: fixed;
  top: 0;
  z-index: 11;
}

.header-navbar {
  padding: 0px;
  min-height: 4.5rem;
  font-family: "Montserrat", Helvetica, Arial, serif;
  transition: 300ms ease all;
  background: linear-gradient(180deg, hsla(0, 0%, 97.3%, 0.95) 44%, hsla(0, 0%, 97.3%, 0.46) 73%, hsla(0, 0%, 100%, 0));
  z-index: 1000;
}
.header-navbar.fixed-top {
  left: 260px;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item a {
  color: #fff !important;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item a.dropdown-item span,
.header-navbar[class*=bg-] .navbar-nav .nav-item a.dropdown-item svg {
  color: #626262 !important;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item a.dropdown-item:hover span,
.header-navbar[class*=bg-] .navbar-nav .nav-item a.dropdown-item:hover svg {
  color: #fff !important;
}
.header-navbar[class*=bg-] .navbar-nav .nav-item svg,
.header-navbar[class*=bg-] .navbar-nav .nav-item span {
  color: #fff !important;
}
.header-navbar.floating-nav {
  margin: 0;
  border-radius: 0.5rem;
  position: fixed;
  width: calc(100% - 260px);
  z-index: 11;
  right: 0;
  height: 87.7px;
  border-radius: 0;
  border-bottom: 1px solid rgb(232, 235, 240);
  border-left: 1px solid rgb(232, 235, 240);
}
.header-navbar.navbar-static-top {
  background: transparent;
  box-shadow: none !important;
}
.header-navbar .navbar-wrapper {
  width: 100%;
}
.header-navbar.navbar-border {
  border-bottom: 1px solid #e4e7ed;
}
.header-navbar.navbar-dark.navbar-border {
  border-bottom: 1px solid #8596b5;
}
.header-navbar {
  /*   &.navbar-shadow {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05);
  } */
}
.header-navbar .nav-link.dropdown-toggle::after {
  display: none;
}
.header-navbar .navbar-container ul.nav li.dropdown-language {
  padding-right: 0;
}
.header-navbar .navbar-container ul.nav li.dropdown-language .country-flag {
  width: 1.5rem !important;
}
.header-navbar .navbar-container ul.nav li.dropdown-language .selected-language {
  font-size: 0.97rem;
  letter-spacing: -0.25px;
  font-weight: 500;
}
.header-navbar .navbar-container {
  padding-left: 1rem;
  transition: 300ms ease all;
  background: inherit;
  margin-left: 0;
}
.header-navbar .navbar-container ul.navbar-nav li {
  line-height: 0.5;
}
.header-navbar .navbar-container ul.navbar-nav li > .nav-link {
  padding: 1.4rem 0.5rem 1.35rem;
}
.header-navbar .navbar-container ul.navbar-nav li > .nav-link svg:hover {
  color: #313330;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu:focus {
  outline: none;
}
.header-navbar .navbar-container ul.navbar-nav.navbar-nav-user li:not(:last-child) > .nav-link {
  margin-right: 0.5rem;
}
.header-navbar .navbar-container .bookmark-input {
  z-index: 1;
}
.header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
  top: 48px;
  margin-top: -4px;
}
.header-navbar .navbar-container ul.nav li .badge {
  padding: 0.42em 0.6em 0.25rem;
}
.header-navbar .navbar-container ul.nav li .badge.badge-up {
  position: absolute;
  top: 12px;
  right: -7px;
}
.header-navbar .navbar-container ul.nav li.dropdown-language > a.nav-link {
  padding: 1.75rem 0.5rem;
}
.header-navbar .navbar-container ul.nav li.dropdown-language .dropdown-menu {
  min-width: 12rem;
}
.header-navbar .navbar-container ul.nav li > .nav-link {
  color: #626262;
  padding: 1.4rem 0.5rem 1.35rem;
}
.header-navbar .navbar-container ul.nav li > .nav-link i.flag-icon {
  margin-right: 0.5rem;
}
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right {
  right: 26px;
  left: -12px !important;
  padding: 0.5rem;
}
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item {
  padding: 10px;
}
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active {
  background: #313330;
}
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover span,
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:hover svg, .header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active span,
.header-navbar .navbar-container ul.nav li.dropdown-user .dropdown-menu-right .dropdown-item:active svg {
  color: #fff;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link {
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name {
  display: inline-block;
  margin-bottom: 0.435rem;
  margin-left: 0.2rem;
  line-height: 1;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-status {
  font-size: smaller;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.header-navbar .navbar-container ul.nav li a.menu-toggle {
  padding: 1.34rem 0.22rem 1.35rem 0;
}
.header-navbar .navbar-container ul.nav li a.menu-toggle i {
  font-size: 1.75rem;
}
.header-navbar .navbar-container ul.nav li a.nav-link-label {
  padding: 1.6rem 0.2rem 1.35rem 0.8rem;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  float: left;
  margin-right: 0.8rem;
  margin-left: 16px;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav .user-name {
  margin: 0;
  margin-bottom: 6px;
  color: #344054;
  font-weight: 700;
  font-size: 13px;
}
.header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-nav .user-status {
  font-size: 12px;
  font-weight: 400;
  color: #667085;
}
.header-navbar .navbar-container ul.nav li div.input-group {
  padding: 0.7rem 1rem;
}
.header-navbar .navbar-container ul.nav li i.ficon {
  font-size: 1.5rem;
  color: #626262;
}
.header-navbar .navbar-container ul.nav li i.ficon:hover {
  color: #313330;
}
.header-navbar .navbar-container ul.nav li .media-list {
  max-height: 24rem;
  line-height: 1;
}
.header-navbar .navbar-container ul.nav li .scrollable-container {
  position: relative;
}
.header-navbar .navbar-container .dropdown-menu-media {
  width: 26rem;
  left: 10px !important;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list {
  cursor: pointer;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media {
  padding: 1rem;
  border: none;
  border-bottom: 1px solid #dae1e7;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media:hover {
  background: #f2f4f7;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list .media .media-meta {
  color: #626262;
}
.header-navbar .navbar-container .dropdown-menu-media .media-list a:last-of-type .media {
  border-bottom: none;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
  border-bottom: 1px solid #dae1e7;
  padding: 1.25rem;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header .dropdown-header {
  padding: 0;
}
.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer a {
  padding: 0.3rem;
  border-top: 1px solid #dae1e7;
}
.header-navbar .navbar-container .dropdown-menu-media.dropdown-cart {
  left: 5px !important;
}
.header-navbar .navbar-container .dropdown-menu-media.dropdown-cart.empty-cart:before {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.1);
}
.header-navbar .navbar-container .dropdown-menu-media.dropdown-cart .media-left {
  width: 100px;
}
.header-navbar.navbar-without-menu .navbar-container {
  margin-left: 0;
}
.header-navbar .nav-item + .nav-item {
  margin-left: 0rem;
}
.header-navbar {
  /* For sm screen*/
}
@media (max-width: 767.98px) {
  .header-navbar .navbar-header {
    width: 100% !important;
    padding: 0.5rem 1rem;
    position: relative;
  }
  .header-navbar .navbar-header .menu-toggle {
    top: 2px;
    position: relative;
  }
  .header-navbar .navbar-header .open-navbar-container i {
    font-size: 1.8rem;
  }
  .header-navbar .navbar-header .navbar-brand {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }
  .header-navbar.navbar-with-menu .navbar-container {
    width: 100%;
    display: table;
    margin: 0;
    height: auto;
  }
}

/* Modern menu For md screen*/
@media (max-width: 991.98px) {
  [data-menu=vertical-menu-modern] .header-navbar .navbar-header {
    width: 100% !important;
    padding: 0.5rem 1rem;
    position: relative;
  }
  [data-menu=vertical-menu-modern] .header-navbar .navbar-header .menu-toggle {
    top: 2px;
    position: relative;
  }
  [data-menu=vertical-menu-modern] .header-navbar .navbar-header .open-navbar-container i {
    font-size: 1.8rem;
  }
  [data-menu=vertical-menu-modern] .header-navbar .navbar-header .navbar-brand {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
  }
  [data-menu=vertical-menu-modern] .header-navbar.navbar-with-menu .navbar-container {
    width: 100%;
    display: table;
    margin: 0;
    height: auto;
  }
  [data-menu=vertical-menu-modern] .navbar-dark .navbar-header .navbar-nav .nav-link,
  [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
    color: #fff;
  }
  [data-menu=vertical-menu-modern] .navbar-dark .navbar-container .navbar-nav .nav-link,
  [data-menu=vertical-menu-modern] .navbar-semi-dark .navbar-container .navbar-nav .nav-link {
    color: #b8c2cc;
  }
}
.navbar-light {
  background: #fff;
}
.navbar-light.navbar-horizontal {
  background: #fff;
}
.navbar-light .navbar-nav li {
  line-height: 1;
}
.navbar-light .navbar-nav .active.nav-link {
  background-color: rgba(0, 0, 0, 0.03);
}
.navbar-light .navbar-nav .disabled.nav-link {
  color: #b8c2cc;
}

.navbar-dark {
  background: #b8c2cc;
}
.navbar-dark .navbar-brand {
  color: #fff !important;
}
.navbar-dark.navbar-horizontal {
  background: #b8c2cc;
}
.navbar-dark .nav-search .form-control,
.navbar-dark .nav-search .btn-secondary {
  color: #fff;
  background: #b8c2cc;
}
.navbar-dark .navbar-nav li {
  line-height: 1;
}
.navbar-dark .navbar-nav .active.nav-link {
  background-color: rgba(255, 255, 255, 0.05);
}
.navbar-dark .navbar-nav .disabled.nav-link {
  color: #dae1e7;
}

.navbar-semi-dark .navbar-header {
  background: #b8c2cc;
}
.navbar-semi-dark .navbar-header .brand-text {
  color: #fff;
}
.navbar-semi-dark {
  background: #fff;
}
.navbar-semi-dark .navbar-nav li {
  line-height: 1;
}
.navbar-semi-dark .navbar-nav .nav-link {
  color: #b8c2cc;
}
.navbar-semi-dark .navbar-nav .active.nav-link {
  background-color: rgba(0, 0, 0, 0.03);
}
.navbar-semi-dark .navbar-nav .disabled.nav-link {
  color: #b8c2cc;
}

.navbar-semi-light .navbar-header {
  background: #fff;
}
.navbar-semi-light .navbar-header .brand-text {
  color: #b8c2cc;
}
.navbar-semi-light {
  background: #b8c2cc;
}
.navbar-semi-light .navbar-nav li {
  line-height: 1;
}
.navbar-semi-light .navbar-nav .nav-link {
  color: #fff;
}
.navbar-semi-light .navbar-nav .active.nav-link {
  background-color: rgba(0, 0, 0, 0.03);
}
.navbar-semi-light .navbar-nav .disabled.nav-link {
  color: #b8c2cc;
}

@-moz-document url-prefix() {
  ul li a .children-in {
    position: relative;
    right: 3px;
    top: -14px;
  }
}
.navbar-menu-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #b8c2cc;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.navbar-menu-icon span:nth-child(1) {
  top: 0px;
}

.navbar-menu-icon span:nth-child(2) {
  top: 10px;
}

.navbar-menu-icon span:nth-child(3) {
  top: 20px;
}

.navbar-menu-icon.show span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
}

.navbar-menu-icon.show span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.navbar-menu-icon.show span:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg);
}

@media (max-width: 767.98px) {
  .header-navbar .navbar-nav .show {
    position: static;
  }
  .header-navbar .navbar-nav .open-navbar-container {
    padding-top: 0.625rem;
  }
  .header-navbar .navbar-container .show .dropdown-menu {
    right: 0;
    left: 0 !important;
    float: none;
    width: auto;
    margin-top: 0;
    overflow: hidden;
  }
  .header-navbar .navbar-container ul.nav li.nav-item i {
    margin-right: 0.2rem;
  }
  .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: 0.8rem 0.6rem;
  }
  .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
    margin-right: 0;
    margin-left: -2px;
  }
  .navbar-dark .hamburger-inner,
  .navbar-dark .hamburger-inner::before,
  .navbar-dark .hamburger-inner::after,
  .navbar-semi-dark .hamburger-inner,
  .navbar-semi-dark .hamburger-inner::before,
  .navbar-semi-dark .hamburger-inner::after {
    background-color: #fff;
  }
  .navbar-dark .navbar-header .navbar-nav .nav-link,
  .navbar-semi-dark .navbar-header .navbar-nav .nav-link {
    color: #fff;
  }
  .navbar-dark .navbar-container .navbar-nav .nav-link,
  .navbar-semi-dark .navbar-container .navbar-nav .nav-link {
    color: #b8c2cc;
  }
  .header-navbar .navbar-container .dropdown-notification .dropdown-menu,
  .header-navbar .navbar-container .dropdown-language .dropdown-menu {
    right: 0 !important;
    left: 31px !important;
  }
}
.headroom {
  will-change: transform;
  transition: transform 200ms linear;
}

.headroom--pinned-top {
  transform: translateY(0%);
}

.headroom--unpinned-top {
  transform: translateY(-100%);
}

.headroom--pinned-bottom {
  transform: translateY(0%);
}

.headroom--unpinned-bottom {
  transform: translateY(100%);
}

@media (max-width: 575.98px) {
  .header-navbar .navbar-container ul.nav li .selected-language {
    display: none;
  }
}
body[data-col="1-column"] .header-navbar.floating-nav {
  width: calc(100% - 2.2rem * 2);
}

@media (min-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body:not([data-col="1-columns"]) .header-navbar.floating-nav {
    width: calc(100% - 60px - 260px);
  }
}
@media (max-width: 1199.98px) {
  .header-navbar .navbar-container ul.nav li.dropdown-language > a.nav-link {
    padding: 1.75rem 0.5rem;
  }
  .header-navbar .navbar-container ul.nav li a.dropdown-user-link {
    padding: 0.7rem 1.23rem;
  }
  .header-navbar .navbar-container ul.nav li .dropdown-toggle::after {
    margin-right: 0;
    margin-left: -2px;
  }
}
@media (max-width: 767px) {
  #navbar-mobile.navbar-collapse .navbar-nav {
    margin: 0;
    flex-flow: row wrap;
  }
  #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
    position: absolute;
  }
  #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
    float: left;
  }
}
@media (max-width: 991.98px) {
  #navbar-mobile.navbar-collapse .navbar-nav {
    margin: 0;
    flex-flow: row wrap;
  }
  #navbar-mobile.navbar-collapse .navbar-nav .dropdown-menu {
    position: absolute;
  }
  #navbar-mobile.navbar-collapse .navbar-nav .nav-item {
    float: left;
  }
}
/* ----------- iPhone 5, 5S  iPhone 6----------- */
/* Landscape */
@media only screen and (min-device-width: 26.78em) and (max-device-width: 47.64em) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .header-navbar .navbar-container .show .dropdown-menu {
    max-height: 180px;
  }
}
/* ----------- iPhone 6+ ----------- */
/* Landscape */
@media only screen and (min-device-width: 29.57em) and (max-device-width: 52.57em) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .header-navbar .navbar-container .show .dropdown-menu {
    max-height: 280px;
  }
}
/*----------------------------- For Navbar Component -------------------------*/
#navbar-component .navbar {
  position: relative;
  width: auto;
}
#navbar-component .navbar.floating-nav {
  border-radius: 0.5rem;
}
#navbar-component .navbar {
  z-index: auto;
}
#navbar-component .navbar.header-navbar.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}
#navbar-component .navbar .navbar-nav .dropdown-language.show,
#navbar-component .navbar .navbar-nav .dropdown-notification.show,
#navbar-component .navbar .navbar-nav .dropdown-user.show {
  position: relative;
}
#navbar-component .navbar .navbar-nav .dropdown-language .dropdown-menu.show,
#navbar-component .navbar .navbar-nav .dropdown-notification .dropdown-menu.show,
#navbar-component .navbar .navbar-nav .dropdown-user .dropdown-menu.show {
  position: absolute;
  right: 0;
}
#navbar-component .navbar.navbar-dark .navbar-toggler, #navbar-component .navbar.navbar-light .navbar-toggler {
  font-size: 1.2rem;
}
#navbar-component .navbar.navbar-dark .navbar-toggler:focus, #navbar-component .navbar.navbar-light .navbar-toggler:focus {
  outline: 0;
}
#navbar-component #navbar-collapsed .navbar {
  border-radius: 0;
}

@media (min-width: 992px) {
  #navbar-component .navbar .navbar-container {
    background: inherit;
  }
  #navbar-component .nav .dropdown-language {
    float: right;
  }
}
@media (max-width: 992px) {
  #navbar-component .navbar .navbar-container {
    background: inherit;
  }
  #navbar-component .navbar .navbar-container .navbar-nav {
    flex-direction: row;
  }
}
@media (max-width: 1200px) {
  .header-navbar.fixed-top {
    left: 0;
  }
}
@media (max-width: 768px) {
  #navbar-component .navbar .navbar-nav .dropdown-notification.show {
    position: static;
  }
}
@media (max-width: 575.98px) {
  .header-navbar.floating-nav {
    width: 100%;
  }
  .content.app-content .content-area-wrapper {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }
}
@media (max-width: 992px) {
  .navbar-container #navbar-mobile .nav-back {
    margin-top: 5px;
  }
}
.card-group,
.card-deck {
  margin-bottom: 0.75rem;
}

.card {
  margin-bottom: 2.2rem;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in-out;
}
.card .card {
  box-shadow: none !important;
}
.card .card-subtitle {
  margin-top: 0.5rem;
}
.card .card-title {
  font-weight: 500;
  letter-spacing: 0.05rem;
  font-size: 1.32rem;
  margin-bottom: 0.5rem;
  color: #2c2c2c;
}
.card .card-bordered {
  border: 1px solid rgba(34, 41, 47, 0.125);
}
.card .card-img-overlay {
  border-radius: 0.5rem;
}
.card.card-fullscreen {
  display: block;
  z-index: 9999;
  position: fixed;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: auto;
}
.card .card-body[class*=border-bottom-] {
  border-bottom-width: 2px !important;
}
.card .card-img-overlay.bg-overlay {
  background: rgba(0, 0, 0, 0.45);
}
.card .card-img-overlay .text-muted {
  color: #1e1e1e !important;
}
.card.card-minimal {
  border: none;
  box-shadow: none;
}
.card .card-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: none;
  padding: 1.5rem 1.5rem 0;
  background-color: transparent;
}
.card .card-header .card-title {
  margin-bottom: 0;
}
.card .card-header .nav-tabs {
  margin-bottom: 0;
}
.card .card-footer {
  border-top: 1px solid #dae1e7;
}
.card.card-action .card-header {
  padding-bottom: 1.5rem;
}
.card.card-action .card-header svg {
  cursor: pointer;
}
.card.card-action.card-collapsed .card-header .collapse-icon {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}
.card.card-action.closing .collapse-icon {
  transform: rotate(180deg);
  transition: all 0.5s ease;
}
.card.card-action.opening .collapse-icon {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.card.card-action.card-shown .card-header .collapse-icon {
  transform: rotate(0deg);
  transition: all 0.5s ease;
}
.card.card-action.card-reload .reload-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
}
.card.card-action.card-reload.refreshing .card-body {
  opacity: 0.5;
}

.card-columns .card {
  margin-bottom: 2.2rem;
}

.text-white .card-text {
  color: white;
}
.text-white .card-img-overlay .text-muted {
  color: #fff !important;
}
.text-white code {
  background-color: white;
}

.card-head-inverse {
  color: #fff;
}

.card-transparent {
  background-color: transparent;
}

.overlay-img-card .card-img-overlay,
.overlay-img-card img {
  max-height: 34.64rem;
}

.activity-timeline .timeline-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.activity-timeline.timeline-left {
  border-left: 2px solid #dae1e7;
  padding-left: 40px;
  margin-left: 1.5rem;
}
.activity-timeline.timeline-left li {
  position: relative;
  margin-bottom: 20px;
}
.activity-timeline.timeline-left li p {
  margin-bottom: 0;
}
.activity-timeline.timeline-left li .timeline-icon {
  position: absolute;
  top: 0;
  left: -4.3rem;
  padding: 0.7rem;
  border-radius: 50%;
  color: #fff;
}
.activity-timeline.timeline-right {
  border-right: 2px solid #dae1e7;
  padding-right: 40px;
  margin-right: 1.5rem;
}
.activity-timeline.timeline-right li {
  position: relative;
  margin-bottom: 20px;
  text-align: right;
}
.activity-timeline.timeline-right li p {
  margin-bottom: 0;
}
.activity-timeline.timeline-right li .timeline-icon {
  position: absolute;
  top: 0;
  right: -4.3rem;
  padding: 0.6rem 0.7rem;
  border-radius: 50%;
  color: #fff;
}

.breadcrumb {
  font-size: 1rem;
  font-family: "Montserrat", Helvetica, Arial, serif;
  background-color: transparent;
  padding: 0.5rem 0 0.5rem 1rem !important;
  border-radius: 0;
}
.breadcrumb > li + li::before {
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "\e847";
  font-family: "feather";
  color: #626262;
}
.breadcrumb .breadcrumb-item.active {
  color: #626262;
}

/* Custom scss for page headers style */
.breadcrumbs-right .breadcrumb {
  float: right;
}

.breadcrumbs-top .breadcrumb {
  margin: 0;
  padding: 0;
}

.vx-breadcrumbs .breadcrumb {
  border-left: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

/* Component Specific */
#component-breadcrumbs .breadcrumb {
  border: none;
}
#component-breadcrumbs .breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  padding: 0 1rem;
}
#component-breadcrumbs .breadcrumb-slash .breadcrumb-item + .breadcrumb-item:before {
  content: "/";
}
#component-breadcrumbs .breadcrumb-dots .breadcrumb-item + .breadcrumb-item:before {
  content: ".";
  position: relative;
  top: -4px;
}
#component-breadcrumbs .breadcrumb-dashes .breadcrumb-item + .breadcrumb-item:before {
  content: "-";
}
#component-breadcrumbs .breadcrumb-pipes .breadcrumb-item + .breadcrumb-item:before {
  content: "|";
}
#component-breadcrumbs .breadcrumb-chevron .breadcrumb-item + .breadcrumb-item:before {
  content: "\e844";
  font-family: "feather";
  position: relative;
  top: 1px;
}

#breadcrumb-alignment .breadcrumb-wrapper {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
  padding: 1px;
  border-radius: 10px;
  display: flex;
  margin-bottom: 1rem;
}
#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {
  margin: 1rem;
}

.badge {
  color: #fff;
  font-weight: 400;
}
.badge[class*=badge-] [class*=icon-] {
  line-height: 1;
}
.badge[class*=badge-] a {
  color: #fff;
}
.badge[class*=badge-] span {
  vertical-align: middle;
}
.badge[class*=badge-] svg ~ span {
  margin-left: 0.5rem;
}
.badge.badge-square {
  border-radius: 0;
}
.badge.badge-up {
  position: absolute;
  top: -1rem;
  right: -1rem;
}
.badge.badge-up.badge-sm {
  top: -0.5rem;
  right: -0.5rem;
}

.badge-xl {
  font-size: 1.8rem;
}

.badge-lg {
  font-size: 1.2rem;
}

.badge-md {
  font-size: 1rem;
}

.badge-sm {
  font-size: 0.7rem;
}

.badge-icon svg {
  font-size: 100%;
  margin-right: 5px;
}

.dropup .badge {
  cursor: pointer;
}

.nav {
  border-radius: 0.25rem;
}
.nav.wrap-border {
  border: 1px solid #ddd;
}
.nav.wrap-border li.nav-header {
  margin: 0 0.5rem;
}
.nav.wrap-border li.nav-item,
.nav.wrap-border div {
  padding: 2px 0.714rem;
}
.nav.square-border {
  border-radius: 0;
}
.nav.square-border .nav-item .nav-link.active {
  border-radius: 0;
}
.nav .modern-nav-toggle {
  padding: 1.571rem 0;
  cursor: pointer;
}
.nav .modern-nav-toggle .toggle-icon {
  margin-right: 0.425rem;
}
.nav.nav-pills {
  margin-bottom: 1rem;
}
.nav.nav-pills .nav-item .nav-link {
  border-radius: 0.357rem;
  padding: 0.2rem 1rem;
  padding-top: 0.3rem;
  font-size: 0.98rem;
  margin-right: 0.5rem;
  color: #000;
}
.nav.nav-pills .nav-item .nav-link.active {
  color: #fff;
}
.nav.nav-pills .nav-item .nav-link.disabled {
  color: #b8c2cc;
}
.nav.nav-pills .nav-item .nav-link.dropdown-toggle::after {
  top: 1px;
  left: 1px;
}
.nav.nav-pills .nav-item.dropdown.show .nav-link {
  color: #fff;
}
.nav.nav-pills .nav-item.dropdown.show .dropdown-item.active:hover {
  color: #313330;
}
.nav.nav-pills.nav-justified {
  width: 100%;
}
.nav.nav-pills.nav-justified .nav-item {
  float: none;
}
.nav.nav-pills.nav-justified .nav-link {
  text-align: center;
  margin-bottom: 5px;
}
.nav.nav-pills.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 576px) {
  .nav.nav-pills.nav-justified .nav-item {
    display: block;
    width: 1%;
  }
  .nav.nav-pills.nav-justified .nav-link {
    margin-bottom: 0;
  }
}
.nav.nav-pills.nav-justified .nav-link {
  margin-right: 0;
  border-radius: 0.5rem;
}
@media (min-width: 576px) {
  .nav.nav-pills.nav-justified .nav-link.active,
  .nav.nav-pills.nav-justified .nav-link.active:hover,
  .nav.nav-pills.nav-justified .nav-link.active:focus {
    border-bottom-color: transparent;
  }
}
.nav.nav-pills.nav-justified .nav-link {
  display: block;
}
.nav.nav-pills.nav-justified .nav-link.active {
  border: none;
}
.nav.nav-pills.nav-justified .nav-link.active:hover, .nav.nav-pills.nav-justified .nav-link.active:focus {
  border: none;
}
.nav.nav-pills.nav-active-bordered-pill .nav-item a.nav-link.active {
  border: 1px solid #313330;
  border-radius: 0.25rem;
  color: #313330;
  background-color: #fff;
}
.nav.nav-tabs {
  box-shadow: -1px 11px 17px -10px rgba(0, 0, 0, 0.04);
  border: none;
  margin-bottom: 1rem;
  position: relative;
  border-radius: 0;
}
.nav.nav-tabs .nav-item {
  position: relative;
}
.nav.nav-tabs .nav-item .nav-link {
  color: #000;
  font-size: 0.95rem;
  border: none;
  min-width: auto;
  font-weight: 450;
  padding: 0.61rem 0.635rem;
  border-radius: 0;
}
.nav.nav-tabs .nav-item .nav-link.active {
  border: none;
  position: relative;
  color: #313330;
  transition: all 0.2s ease;
  background-color: #fff;
  transform: translateY(-2px);
}
.nav.nav-tabs .nav-item .nav-link.active:after {
  content: attr(data-before);
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
  top: 100%;
  background: linear-gradient(30deg, #313330, rgba(49, 51, 48, 0.5)) !important;
  box-shadow: 0 0 8px 0 rgba(49, 51, 48, 0.5) !important;
  transform: translateY(0px);
  transition: all 0.2s linear;
}
.nav.nav-tabs .nav-item .nav-link.dropdown-toggle::after {
  top: 1px;
  left: 1px;
}
.nav.nav-tabs .nav-item .nav-link.disabled {
  color: #b8c2cc;
}
.nav.nav-tabs.nav-justified {
  width: 100%;
}
.nav.nav-tabs.nav-justified .nav-item {
  float: none;
}
.nav.nav-tabs.nav-justified .nav-link {
  text-align: center;
  margin-bottom: 5px;
}
.nav.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 576px) {
  .nav.nav-tabs.nav-justified .nav-item {
    display: block;
    width: 1%;
  }
  .nav.nav-tabs.nav-justified .nav-link {
    margin-bottom: 0;
  }
}
.nav.nav-tabs.nav-justified .nav-link {
  margin-right: 0;
  border-radius: 0.5rem;
}
@media (min-width: 576px) {
  .nav.nav-tabs.nav-justified .nav-link.active,
  .nav.nav-tabs.nav-justified .nav-link.active:hover,
  .nav.nav-tabs.nav-justified .nav-link.active:focus {
    border-bottom-color: transparent;
  }
}
.nav.nav-tabs.nav-justified .nav-item a.nav-link {
  display: block;
  border-radius: 0;
}
.nav.nav-tabs.nav-justified .nav-item a.nav-link.active {
  border: none;
  background-color: #fff;
}
.nav.nav-tabs.nav-justified .nav-item a.nav-link:hover {
  border-color: transparent;
}

.nav-vertical {
  overflow: hidden;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link {
  border: none;
  margin-bottom: 0;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active {
  border: none;
  border-radius: 0;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
  transform: rotate(90deg);
  left: -1rem;
  bottom: 100%;
  top: 1rem;
  width: 2.14rem;
}
.nav-vertical .nav.nav-tabs .nav-item .nav-link:hover {
  border-right: none;
}
.nav-vertical .nav.nav-tabs.nav-left {
  float: left;
  display: table;
  margin-right: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
  display: none;
  background-color: #fff;
  overflow-y: auto;
  padding-left: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane.active {
  display: block;
}
.nav-vertical .nav.nav-tabs.nav-right {
  float: right;
  display: table;
  margin-left: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-right .nav-item .nav-link.active:after {
  left: 2.6rem;
}
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane {
  display: none;
  background-color: #fff;
  overflow-y: auto;
  padding-right: 1rem;
}
.nav-vertical .nav.nav-tabs.nav-right ~ .tab-content .tab-pane.active {
  display: block;
}

.alert {
  font-weight: 500;
  border: none;
}
.alert .close:focus {
  outline: 0;
}
.alert p {
  font-weight: 500;
  padding: 2px 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.alert span {
  vertical-align: middle;
}
.alert svg {
  margin-right: 1rem;
  vertical-align: middle;
}
.alert .alert-heading {
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0;
  padding-bottom: 8px;
  margin-bottom: 0.5rem;
}
.alert.alert-dismissible .close {
  opacity: 1;
  top: -2px;
}
.alert.alert-dark .alert-heading {
  box-shadow: rgba(30, 30, 30, 0.4) 0px 6px 15px -7px;
}
.alert.alert-light .alert-heading {
  box-shadow: rgba(186, 191, 199, 0.4) 0px 6px 15px -7px;
}

.media-list .media {
  padding: 1.25rem;
  width: 100%;
  margin-top: 0;
}
.media-list .media .media-left {
  padding-right: 1rem;
}
.media-list .media .media-right {
  padding-left: 1rem;
}
.media-list a.media {
  color: #b8c2cc !important;
}

.media-bordered .media {
  border-top: 1px solid #e4e7ed;
}
.media-bordered .media:first-child {
  border-top: 0;
}

/*=========================================================================================
  File Name: progress.scss
  Description: Extended bootstrap progress bar scss.
  ----------------------------------------------------------------------------------------
  Item Name: Vuexy React Admin Template
  Version: 1.0
  Author: PIXINVENT
  Author URL: http://www.themeforest.net/user/pixinvent
  ----------------------------------------------------------------------------------------

  Modifiers:       `progress-lg`
                   `progress-md`
                   `progress-sm`
                   `progress-xs`

==========================================================================================*/
.progress {
  margin-bottom: 3rem;
}
.progress:last-child {
  margin-bottom: 1rem;
}
.progress.progress-xl {
  height: 1.14rem;
}
.progress.progress-lg {
  height: 0.857rem;
}
.progress.progress-md {
  height: 0.57rem;
}
.progress.progress-sm {
  height: 0.143rem;
}
.progress .progress-bar {
  border-radius: 1.28rem;
}
.progress .progress-bar.progress-bar-animated {
  animation: progressBarAnimated 1s linear infinite;
}
.progress .progress-bar-striped {
  background-size: 1rem 1rem;
}

[dir=rtl] .progress .progress-bar.progress-bar-animated {
  animation: progressBarAnimatedRTL 1s linear infinite !important;
}

@keyframes progressBarAnimated {
  0% {
    background-position: 1rem 0;
  }
  100% {
    background-position: 0 0;
  }
}
/* rtl:ignore */
@keyframes progressBarAnimatedRTL {
  0% {
    background-position: 1rem 0;
  }
  100% {
    background-position: 0 100%;
  }
}
/* ===============================================================================================
	File Name: list-group.scss
	Description: Contain list item, list group related extended SCSS.
	----------------------------------------------------------------------------------------------
	Item Name: Vuexy React Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================================*/
ul.list-inline li {
  display: inline-block;
}
ul.list-inline.list-inline-pipe > li + li:before {
  content: " | ";
  padding-right: 2px;
}

.list-group .list-group-item {
  line-height: 1.5;
}
.list-group .list-group-item.active:hover {
  background-color: #313330;
}
.list-group .list-group-item.active:focus {
  color: #626262;
  outline: 0;
}
.list-group .list-group-item.active:focus:hover {
  color: #fff;
}
.list-group .list-group-item:hover {
  background-color: #f2f4f7;
}
.list-group .list-group-item:not(.active):focus:active {
  color: inherit;
}
.list-group .list-group-item-action:active {
  background-color: #313330;
  color: #fff;
}
.list-group .list-group-item-action:focus {
  background-color: #f2f4f7;
  outline: 0;
}

.list-group-item.gu-mirror {
  border-radius: 0;
}

.users-list li + li {
  margin-left: -0.785rem;
}
.users-list li img {
  border: 2px solid #fff;
  box-shadow: 0px 2px 10px 0px rgba(184, 194, 204, 0.3);
}
.users-list li .badge {
  color: #22292f;
}

.toast-bs-container {
  z-index: 1040;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
.toast-bs-container .toast-position {
  position: relative;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap-reverse;
}
.toast-bs-container .toast-position .toast.show {
  opacity: 1;
  z-index: 1030;
}

.toast-placement {
  position: static;
  top: 0;
}
.toast-placement .toast {
  position: fixed;
  top: 0;
  z-index: 1030;
}

.toast {
  display: none;
  margin-top: 0.75rem;
}
.toast .toast-header .close:focus, .toast .toast-header .close:active {
  outline: none;
}

.toast.show.toast-wrapper {
  position: static;
}

.toast.toast-translucent {
  opacity: 1;
  display: block;
}

.toast-header img {
  width: 35px;
  height: 24px;
}

_:-ms-lang(x),
.toast-bs-container {
  position: fixed !important;
  left: 74% !important;
}

.vx-collapse .collapse-title {
  font-weight: 400;
  font-size: 1.2rem;
}
.vx-collapse .opening .collapse-icon,
.vx-collapse .collapse-shown .collapse-icon {
  transition: all 0.25s ease-in-out;
  transform: rotate(180deg);
}
.vx-collapse .collapse-icon {
  transition: all 0.25s ease-in-out;
  transform: rotate(0deg);
}
.vx-collapse .card {
  cursor: pointer;
}

.collapse-title {
  color: inherit;
  cursor: pointer;
}
.collapse-title:hover {
  color: inherit;
}

.collapse-bordered .card:first-child {
  border-top: 0;
}
.collapse-bordered .card:last-child {
  border-bottom: 0;
}
.collapse-bordered .card {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  border-radius: 0;
}
.collapse-bordered .card .card-header {
  padding: 1rem;
}
.collapse-bordered .card .card-body {
  padding: 1rem;
  line-height: 1.5;
}

.collapse-border-item.card {
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  border-radius: 0;
}
.collapse-border-item.card:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.collapse-border-item.card:not(:last-child) {
  border-bottom: 0;
}
.collapse-border-item.card:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.collapse-border-item.card .card-header {
  padding: 1rem;
}
.collapse-border-item.card .card-body {
  padding: 1rem;
  line-height: 1.5;
}

.accordion-shadow {
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.1);
  padding: 0.15rem 0.75rem;
  border-radius: 0.5rem;
}
.accordion-shadow .card.open {
  border-radius: 0.571rem;
  margin: 10px 0;
  border: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
}
.accordion-shadow .card:first-child {
  border-top-left-radius: 0.571rem;
  border-top-right-radius: 0.571rem;
}
.accordion-shadow .card:last-child {
  border-bottom-left-radius: 0.571rem;
  border-bottom-right-radius: 0.571rem;
}

.collapse-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}
.collapse-border + .collapse.show {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.collapse-margin {
  margin-top: 0.71rem;
  margin-bottom: 0.71rem !important;
  box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  border-bottom: 0 solid transparent !important;
  border-radius: 5px !important;
}
.collapse-margin .card {
  margin-bottom: 0;
  border-radius: 5px !important;
}
.collapse-margin .card .card-header {
  padding: 1rem;
  border-radius: 5px;
}
.collapse-margin .card .card-body {
  padding: 1rem;
  line-height: 1.5rem;
}

.pagination .page-item {
  border-radius: 5rem;
}
.pagination .page-item.prev-item .page-link, .pagination .page-item.next-item .page-link, .pagination .page-item.first .page-link, .pagination .page-item.last .page-link, .pagination .page-item.prev .page-link, .pagination .page-item.next .page-link {
  color: #313330;
}
.pagination .page-item.prev-item.disabled .page-link, .pagination .page-item.next-item.disabled .page-link, .pagination .page-item.first.disabled .page-link, .pagination .page-item.last.disabled .page-link, .pagination .page-item.prev.disabled .page-link, .pagination .page-item.next.disabled .page-link {
  color: #b8c2cc;
}
.pagination .page-item.prev-item {
  margin-right: 0.3571rem;
}
.pagination .page-item.prev-item .page-link {
  background-color: #f0f0f0;
  padding: 0.572rem 0.7rem;
  border-radius: 50%;
}
.pagination .page-item.prev-item .page-link svg {
  width: 1.2rem;
  height: 1.2rem;
}
.pagination .page-item.prev-item .page-link:hover {
  background: #313330;
  color: #fff;
}
.pagination .page-item.prev-item ~ .page-item:nth-child(2).active .page-link {
  border-radius: 0.5rem !important;
}
.pagination .page-item.prev-item ~ .page-item:nth-child(2) .page-link {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.pagination .page-item.prev-item ~ .page-item:nth-last-child(-n+2).active .page-link {
  border-radius: 0.5rem !important;
}
.pagination .page-item.prev-item ~ .page-item:nth-last-child(-n+2) .page-link {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.pagination .page-item.next-item {
  margin-left: 0.3571rem;
}
.pagination .page-item.next-item .page-link {
  background-color: #f0f0f0;
  padding: 0.572rem 0.7rem;
  border-radius: 50%;
}
.pagination .page-item.next-item .page-link svg {
  width: 1.2rem;
  height: 1.2rem;
}
.pagination .page-item.next-item .page-link:hover {
  background: #313330;
  color: #fff;
}
.pagination .page-item .page-link {
  border: none;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  background-color: #f0f0f0;
  margin-left: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4rem;
}
.pagination .page-item .page-link svg {
  height: 1.2rem;
  width: 1.2rem;
  position: relative;
  top: -1px;
}
.pagination .page-item .page-link:focus {
  box-shadow: none;
}
.pagination .page-item .page-link:hover {
  color: #313330;
}
.pagination .page-item.active {
  background-color: #f0f0f0;
  border-radius: 0;
}
.pagination .page-item.active .page-link {
  z-index: 3;
  border-radius: 0.5rem;
  background-color: #313330;
  color: #fff;
  transform: scale(1.05);
}
.pagination .page-item:first-child:not(.prev-item).active {
  border-top-left-radius: 1.428rem;
  border-bottom-left-radius: 1.428rem;
}
.pagination .page-item:first-child:not(.prev-item).active .page-link {
  border-radius: 5rem;
}
.pagination .page-item:first-child:not(.prev-item) .page-link {
  border-top-left-radius: 1.428rem;
  border-bottom-left-radius: 1.428rem;
}
.pagination .page-item:last-child:not(.next-item).active {
  border-top-right-radius: 1.428rem;
  border-bottom-right-radius: 1.428rem;
}
.pagination .page-item:last-child:not(.next-item).active .page-link {
  border-radius: 5rem;
}
.pagination .page-item:last-child:not(.next-item) .page-link {
  border-top-right-radius: 1.428rem;
  border-bottom-right-radius: 1.428rem;
}
.pagination.pagination-lg .page-item .page-link {
  font-size: 1.5rem;
  transform: scale(1);
}

.spinner-border-lg,
.spinner-grow-lg {
  height: 3rem;
  width: 3rem;
}

.modal .modal-header {
  background-color: #f2f4f7;
  border-radius: 0.42rem;
  padding: 0.8rem;
  border-bottom: none;
}
.modal .modal-header .close {
  padding: 0.2rem 0.62rem;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.357rem;
  background: #fff;
  opacity: 1;
  transition: all 0.23s ease 0.1s;
  position: relative;
  transform: translate(8px, -2px);
}
.modal .modal-header .close span {
  font-weight: 400;
  font-size: 2rem;
  color: #313330;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus, .modal .modal-header .close:active {
  opacity: 1;
  outline: none;
  transform: translate(5px, 3px);
  box-shadow: none;
}
.modal .modal-header[class*=bg-] {
  color: #fff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.modal .modal-header[class*=bg-] .modal-title {
  color: #fff;
}
.modal .modal-header.bg-primary .close span {
  color: #313330;
}
.modal .modal-header.bg-success .close span {
  color: #28c76f;
}
.modal .modal-header.bg-info .close span {
  color: #00cfe8;
}
.modal .modal-header.bg-danger .close span {
  color: #ea5455;
}
.modal .modal-header.bg-warning .close span {
  color: #ff9f43;
}
.modal .modal-header.bg-dark .close span {
  color: #1e1e1e;
}
.modal .modal-content {
  border: none;
  overflow: visible;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
.modal.modal-centered .modal-dialog {
  display: flex;
  align-items: center;
}
.modal .modal-footer {
  border-color: rgba(0, 0, 0, 0.05);
}

.modal-sm {
  max-width: 400px;
}

.modal-xs {
  max-width: 300px;
}

.modal-xl {
  max-width: 94%;
  margin-left: 3%;
  margin-right: 3%;
}

@media (max-width: 576px) {
  .modal {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .modal .modal-xs,
  .modal .modal-sm {
    max-width: unset;
  }
}
.demo-modal-form .btn-outline-success:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 199, 111, 0.5) !important;
}

.popover {
  z-index: 1060;
}
.popover .popover-header {
  color: #fff;
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.popover.bs-popover-bottom .arrow:after, .popover.bs-popover-auto[x-placement^=bottom] .arrow:after {
  border-bottom-color: #313330;
}

.icon-bg-circle {
  color: #fff;
  padding: 0.5rem;
  border-radius: 50%;
}

.icon-left {
  margin-right: 0.5rem;
}

.icon-right {
  margin-right: 0.5rem;
}

.icon-spin {
  display: inline-block;
  animation: spin 1s infinite linear;
}

.blockOverlay {
  z-index: 1050 !important;
}

.blockElement, .blockPage {
  z-index: 1051 !important;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.hidden {
  display: none;
  visibility: hidden;
}

a:hover {
  cursor: pointer;
}

.round {
  border-radius: 1.5rem;
}

.square {
  border-radius: 0;
}

.icon-line-height {
  line-height: 1.5rem !important;
}

.table-middle td {
  vertical-align: middle;
}

.spinner {
  display: inline-block;
  -webkit-animation: spin 1s linear infinite;
  -o-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bg-gradient-white {
  color: #fff;
  background-image: linear-gradient(30deg, #ffffff, rgba(255, 255, 255, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-white:hover, .bg-gradient-white:active {
  color: #fff;
}

.gradient-light-white {
  background: linear-gradient(30deg, #ffffff 0%, 100%);
  color: #fff;
}
.gradient-light-white:hover, .gradient-light-white:active {
  color: #fff;
}

.bg-gradient-black {
  color: #fff;
  background-image: linear-gradient(30deg, #000000, rgba(0, 0, 0, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-black:hover, .bg-gradient-black:active {
  color: #fff;
}

.gradient-light-black {
  background: linear-gradient(30deg, #000000 0%, 100%);
  color: #fff;
}
.gradient-light-black:hover, .gradient-light-black:active {
  color: #fff;
}

.bg-gradient-dark {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #1e1e1e, rgba(30, 30, 30, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-dark:hover, .bg-gradient-dark:active {
  color: #fff;
}

.gradient-light-dark {
  background: linear-gradient(30deg, #1e1e1e 0%, 100%);
  color: #fff;
}
.gradient-light-dark:hover, .gradient-light-dark:active {
  color: #fff;
}

.bg-gradient-light {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #babfc7, rgba(186, 191, 199, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-light:hover, .bg-gradient-light:active {
  color: #fff;
}

.gradient-light-light {
  background: linear-gradient(30deg, #babfc7 0%, 100%);
  color: #fff;
}
.gradient-light-light:hover, .gradient-light-light:active {
  color: #fff;
}

.bg-gradient-primary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #313330, rgba(49, 51, 48, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-primary:hover, .bg-gradient-primary:active {
  color: #fff;
}

.gradient-light-primary {
  background: linear-gradient(30deg, #313330 0%, rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) 100%);
  color: #fff;
}
.gradient-light-primary:hover, .gradient-light-primary:active {
  color: #fff;
}

.bg-gradient-secondary {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #b8c2cc, rgba(184, 194, 204, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-secondary:hover, .bg-gradient-secondary:active {
  color: #fff;
}

.gradient-light-secondary {
  background: linear-gradient(30deg, #b8c2cc 0%, rgb(86.4117119801%, 86.9111652122%, 92.405150765%) 100%);
  color: #fff;
}
.gradient-light-secondary:hover, .gradient-light-secondary:active {
  color: #fff;
}

.bg-gradient-success {
  background: #0064fa;
  color: #fff;
  background-image: linear-gradient(30deg, #28c76f, rgba(40, 199, 111, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-success:hover, .bg-gradient-success:active {
  color: #fff;
}

.gradient-light-success {
  background: linear-gradient(30deg, #28c76f 0%, rgb(28.973031014%, 91.412459182%, 82.8712166496%) 100%);
  color: #fff;
}
.gradient-light-success:hover, .gradient-light-success:active {
  color: #fff;
}

.bg-gradient-info {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #00cfe8, rgba(0, 207, 232, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-info:hover, .bg-gradient-info:active {
  color: #fff;
}

.gradient-light-info {
  background: linear-gradient(30deg, #00cfe8 0%, rgb(17.6403921569%, 56.8085389903%, 100%) 100%);
  color: #fff;
}
.gradient-light-info:hover, .gradient-light-info:active {
  color: #fff;
}

.bg-gradient-warning {
  background: #fafafa;
  color: #fff;
  background-image: linear-gradient(30deg, #ff9f43, rgba(255, 159, 67, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-warning:hover, .bg-gradient-warning:active {
  color: #fff;
}

.gradient-light-warning {
  background: linear-gradient(30deg, #ff9f43 0%, rgb(100%, 95.5771791128%, 52.9345098039%) 100%);
  color: #fff;
}
.gradient-light-warning:hover, .gradient-light-warning:active {
  color: #fff;
}

.bg-gradient-danger {
  background: #640064;
  color: #fff;
  background-image: linear-gradient(30deg, #ea5455, rgba(234, 84, 85, 0.5));
  background-repeat: repeat-x;
}
.bg-gradient-danger:hover, .bg-gradient-danger:active {
  color: #fff;
}

.gradient-light-danger {
  background: linear-gradient(30deg, #ea5455 0%, rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) 100%);
  color: #fff;
}
.gradient-light-danger:hover, .gradient-light-danger:active {
  color: #fff;
}

.white {
  color: #ffffff !important;
}

.bg-white {
  background-color: #ffffff !important;
}
.bg-white .card-header,
.bg-white .card-footer {
  background-color: transparent;
}

.alert-white {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}
.alert-white .alert-heading {
  box-shadow: rgba(255, 255, 255, 0.4) 0px 6px 15px -7px;
}
.alert-white .alert-link {
  color: rgb(95%, 95%, 95%) !important;
}

.bg-rgba-white {
  background: rgba(255, 255, 255, 0.15) !important;
}

.border-white {
  border: 1px solid #ffffff !important;
}

.border-top-white {
  border-top: 1px solid #ffffff;
}

.border-bottom-white {
  border-bottom: 1px solid #ffffff;
}

.border-left-white {
  border-left: 1px solid #ffffff;
}

.border-right-white {
  border-right: 1px solid #ffffff;
}

.badge.badge-light-white {
  color: #ffffff !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-white.badge-glow,
.border-white.badge-glow,
.badge-white.badge-glow {
  box-shadow: 0px 0px 10px #ffffff;
}

.overlay-white {
  background: #ffffff; /* The Fallback */
  background: rgba(255, 255, 255, 0.6);
}

.btn-white {
  border-color: !important;
  background-color: #ffffff !important;
  color: #fff;
}
.btn-white:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px white;
}
.btn-white:focus, .btn-white:active {
  color: #fff !important;
}

.btn-flat-white {
  background-color: transparent;
  color: #ffffff;
}
.btn-flat-white:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}
.btn-flat-white:active, .btn-flat-white:focus {
  background-color: #ffffff;
  color: #fff !important;
}

.btn-relief-white {
  background-color: #ffffff;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-white:hover {
  color: #fff;
}
.btn-relief-white:active, .btn-relief-white:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-white {
  border: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.btn-outline-white:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}
.btn-outline-white:active {
  color: #fff !important;
}

.btn-white ~ .dropdown-menu .dropdown-item.active,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active {
  background-color: #ffffff;
  color: #fff;
}
.btn-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-white ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #ffffff;
}

.bullet.bullet-white {
  background-color: #ffffff;
}
.bullet.bullet-white.bullet-bordered {
  background-color: transparent;
  border: 2px solid #ffffff;
}

.pagination-white li.active a,
.pagination-white li.active .page-link,
.pagination-white .page-item.active a,
.pagination-white .page-item.active .page-link {
  background: #ffffff !important;
  color: #fff;
}
.pagination-white li.active a:hover,
.pagination-white li.active .page-link:hover,
.pagination-white .page-item.active a:hover,
.pagination-white .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-white li a:hover,
.pagination-white li .page-link:hover,
.pagination-white .page-item a:hover,
.pagination-white .page-item .page-link:hover {
  color: #ffffff !important;
}
.pagination-white li.prev-item .page-link:hover, .pagination-white li.next-item .page-link:hover,
.pagination-white .page-item.prev-item .page-link:hover,
.pagination-white .page-item.next-item .page-link:hover {
  background: #ffffff;
  color: #fff;
}

.nav-pill-white .nav-item .nav-link.active {
  color: #fff;
  background-color: #ffffff;
}

.chip-white {
  background-color: #ffffff !important;
}
.chip-white .chip-body {
  color: #fff !important;
}

.divider.divider-white .divider-text:before, .divider.divider-white .divider-text:after {
  border-color: #ffffff !important;
}

input[type=checkbox].bg-white + .custom-control-label:before, input[type=radio].bg-white + .custom-control-label:before {
  background-color: #ffffff !important;
}

input:focus ~ .bg-white {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffffff !important;
}

.vx-checkbox-white input:checked ~ .vx-checkbox {
  border-color: #ffffff !important;
}
.vx-checkbox-white input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #ffffff !important;
}
.vx-checkbox-white input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #ffffff !important;
}

.vertical-layout .main-menu.theme-white .navbar-header .navbar-nav .brand-text {
  color: #ffffff;
}
.vertical-layout .main-menu.theme-white .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-white .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, white, rgba(255, 255, 255, 0.7));
  box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.7);
}

.horizontal-layout.theme-white .header-navbar .brand-text {
  color: #ffffff !important;
}
.horizontal-layout.theme-white .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, white, rgba(255, 255, 255, 0.7));
  box-shadow: 0 0 10px 1px rgba(255, 255, 255, 0.7) !important;
}

.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ffffff !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-white {
  border: 1px solid transparent;
}
.color-radio.color-radio-white.selected {
  border-color: #ffffff;
}
.color-radio.color-radio-white .radio-content {
  background-color: #ffffff;
}

.vx-radio-white input:checked ~ .vx-radio .vx-radio--circle {
  background: white !important;
  box-shadow: 0 3px 12px 0 rgba(255, 255, 255, 0.4) !important;
}

.black {
  color: #000000 !important;
}

.bg-black {
  background-color: #000000 !important;
}
.bg-black .card-header,
.bg-black .card-footer {
  background-color: transparent;
}

.alert-black {
  background: rgba(0, 0, 0, 0.2) !important;
  color: #000000 !important;
}
.alert-black .alert-heading {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 15px -7px;
}
.alert-black .alert-link {
  color: black !important;
}

.bg-rgba-black {
  background: rgba(0, 0, 0, 0.15) !important;
}

.border-black {
  border: 1px solid #000000 !important;
}

.border-top-black {
  border-top: 1px solid #000000;
}

.border-bottom-black {
  border-bottom: 1px solid #000000;
}

.border-left-black {
  border-left: 1px solid #000000;
}

.border-right-black {
  border-right: 1px solid #000000;
}

.badge.badge-light-black {
  color: #000000 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-black.badge-glow,
.border-black.badge-glow,
.badge-black.badge-glow {
  box-shadow: 0px 0px 10px #000000;
}

.overlay-black {
  background: #000000; /* The Fallback */
  background: rgba(0, 0, 0, 0.6);
}

.btn-black {
  border-color: !important;
  background-color: #000000 !important;
  color: #fff;
}
.btn-black:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px black;
}
.btn-black:focus, .btn-black:active {
  color: #fff !important;
}

.btn-flat-black {
  background-color: transparent;
  color: #000000;
}
.btn-flat-black:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.1);
}
.btn-flat-black:active, .btn-flat-black:focus {
  background-color: #000000;
  color: #fff !important;
}

.btn-relief-black {
  background-color: #000000;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-black:hover {
  color: #fff;
}
.btn-relief-black:active, .btn-relief-black:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-black {
  border: 1px solid #000000;
  background-color: transparent;
  color: #000000;
}
.btn-outline-black:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: #000000;
}
.btn-outline-black:active {
  color: #fff !important;
}

.btn-black ~ .dropdown-menu .dropdown-item.active,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active {
  background-color: #000000;
  color: #fff;
}
.btn-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-black ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #000000;
}

.bullet.bullet-black {
  background-color: #000000;
}
.bullet.bullet-black.bullet-bordered {
  background-color: transparent;
  border: 2px solid #000000;
}

.pagination-black li.active a,
.pagination-black li.active .page-link,
.pagination-black .page-item.active a,
.pagination-black .page-item.active .page-link {
  background: #000000 !important;
  color: #fff;
}
.pagination-black li.active a:hover,
.pagination-black li.active .page-link:hover,
.pagination-black .page-item.active a:hover,
.pagination-black .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-black li a:hover,
.pagination-black li .page-link:hover,
.pagination-black .page-item a:hover,
.pagination-black .page-item .page-link:hover {
  color: #000000 !important;
}
.pagination-black li.prev-item .page-link:hover, .pagination-black li.next-item .page-link:hover,
.pagination-black .page-item.prev-item .page-link:hover,
.pagination-black .page-item.next-item .page-link:hover {
  background: #000000;
  color: #fff;
}

.nav-pill-black .nav-item .nav-link.active {
  color: #fff;
  background-color: #000000;
}

.chip-black {
  background-color: #000000 !important;
}
.chip-black .chip-body {
  color: #fff !important;
}

.divider.divider-black .divider-text:before, .divider.divider-black .divider-text:after {
  border-color: #000000 !important;
}

input[type=checkbox].bg-black + .custom-control-label:before, input[type=radio].bg-black + .custom-control-label:before {
  background-color: #000000 !important;
}

input:focus ~ .bg-black {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #000000 !important;
}

.vx-checkbox-black input:checked ~ .vx-checkbox {
  border-color: #000000 !important;
}
.vx-checkbox-black input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #000000 !important;
}
.vx-checkbox-black input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #000000 !important;
}

.vertical-layout .main-menu.theme-black .navbar-header .navbar-nav .brand-text {
  color: #000000;
}
.vertical-layout .main-menu.theme-black .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-black .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, black, rgba(0, 0, 0, 0.7));
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7);
}

.horizontal-layout.theme-black .header-navbar .brand-text {
  color: #000000 !important;
}
.horizontal-layout.theme-black .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, black, rgba(0, 0, 0, 0.7));
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.7) !important;
}

.custom-switch-black .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #000000 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-black {
  border: 1px solid transparent;
}
.color-radio.color-radio-black.selected {
  border-color: #000000;
}
.color-radio.color-radio-black .radio-content {
  background-color: #000000;
}

.vx-radio-black input:checked ~ .vx-radio .vx-radio--circle {
  background: black !important;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.4) !important;
}

.dark {
  color: #1e1e1e !important;
}

.bg-dark {
  background-color: #1e1e1e !important;
}
.bg-dark .card-header,
.bg-dark .card-footer {
  background-color: transparent;
}

.alert-dark {
  background: rgba(30, 30, 30, 0.2) !important;
  color: #1e1e1e !important;
}
.alert-dark .alert-heading {
  box-shadow: rgba(30, 30, 30, 0.4) 0px 6px 15px -7px;
}
.alert-dark .alert-link {
  color: rgb(6.7647058824%, 6.7647058824%, 6.7647058824%) !important;
}

.bg-rgba-dark {
  background: rgba(30, 30, 30, 0.15) !important;
}

.border-dark {
  border: 1px solid #1e1e1e !important;
}

.border-top-dark {
  border-top: 1px solid #1e1e1e;
}

.border-bottom-dark {
  border-bottom: 1px solid #1e1e1e;
}

.border-left-dark {
  border-left: 1px solid #1e1e1e;
}

.border-right-dark {
  border-right: 1px solid #1e1e1e;
}

.badge.badge-light-dark {
  color: #1e1e1e !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-dark.badge-glow,
.border-dark.badge-glow,
.badge-dark.badge-glow {
  box-shadow: 0px 0px 10px #1e1e1e;
}

.overlay-dark {
  background: #1e1e1e; /* The Fallback */
  background: rgba(30, 30, 30, 0.6);
}

.btn-dark {
  border-color: !important;
  background-color: #1e1e1e !important;
  color: #fff;
}
.btn-dark:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #1e1e1e;
}
.btn-dark:focus, .btn-dark:active {
  color: #fff !important;
}

.btn-flat-dark {
  background-color: transparent;
  color: #1e1e1e;
}
.btn-flat-dark:hover {
  color: #1e1e1e;
  background-color: rgba(30, 30, 30, 0.1);
}
.btn-flat-dark:active, .btn-flat-dark:focus {
  background-color: #1e1e1e;
  color: #fff !important;
}

.btn-relief-dark {
  background-color: #1e1e1e;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-dark:hover {
  color: #fff;
}
.btn-relief-dark:active, .btn-relief-dark:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-dark {
  border: 1px solid #1e1e1e;
  background-color: transparent;
  color: #1e1e1e;
}
.btn-outline-dark:hover {
  background-color: rgba(30, 30, 30, 0.08);
  color: #1e1e1e;
}
.btn-outline-dark:active {
  color: #fff !important;
}

.btn-dark ~ .dropdown-menu .dropdown-item.active,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active {
  background-color: #1e1e1e;
  color: #fff;
}
.btn-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-dark ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #1e1e1e;
}

.bullet.bullet-dark {
  background-color: #1e1e1e;
}
.bullet.bullet-dark.bullet-bordered {
  background-color: transparent;
  border: 2px solid #1e1e1e;
}

.pagination-dark li.active a,
.pagination-dark li.active .page-link,
.pagination-dark .page-item.active a,
.pagination-dark .page-item.active .page-link {
  background: #1e1e1e !important;
  color: #fff;
}
.pagination-dark li.active a:hover,
.pagination-dark li.active .page-link:hover,
.pagination-dark .page-item.active a:hover,
.pagination-dark .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-dark li a:hover,
.pagination-dark li .page-link:hover,
.pagination-dark .page-item a:hover,
.pagination-dark .page-item .page-link:hover {
  color: #1e1e1e !important;
}
.pagination-dark li.prev-item .page-link:hover, .pagination-dark li.next-item .page-link:hover,
.pagination-dark .page-item.prev-item .page-link:hover,
.pagination-dark .page-item.next-item .page-link:hover {
  background: #1e1e1e;
  color: #fff;
}

.nav-pill-dark .nav-item .nav-link.active {
  color: #fff;
  background-color: #1e1e1e;
}

.chip-dark {
  background-color: #1e1e1e !important;
}
.chip-dark .chip-body {
  color: #fff !important;
}

.divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
  border-color: #1e1e1e !important;
}

input[type=checkbox].bg-dark + .custom-control-label:before, input[type=radio].bg-dark + .custom-control-label:before {
  background-color: #1e1e1e !important;
}

input:focus ~ .bg-dark {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #1e1e1e !important;
}

.vx-checkbox-dark input:checked ~ .vx-checkbox {
  border-color: #1e1e1e !important;
}
.vx-checkbox-dark input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #1e1e1e !important;
}
.vx-checkbox-dark input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #1e1e1e !important;
}

.vertical-layout .main-menu.theme-dark .navbar-header .navbar-nav .brand-text {
  color: #1e1e1e;
}
.vertical-layout .main-menu.theme-dark .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-dark .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #1e1e1e, rgba(30, 30, 30, 0.7));
  box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.7);
}

.horizontal-layout.theme-dark .header-navbar .brand-text {
  color: #1e1e1e !important;
}
.horizontal-layout.theme-dark .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #1e1e1e, rgba(30, 30, 30, 0.7));
  box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.7) !important;
}

.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1e1e1e !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-dark {
  border: 1px solid transparent;
}
.color-radio.color-radio-dark.selected {
  border-color: #1e1e1e;
}
.color-radio.color-radio-dark .radio-content {
  background-color: #1e1e1e;
}

.vx-radio-dark input:checked ~ .vx-radio .vx-radio--circle {
  background: #1e1e1e !important;
  box-shadow: 0 3px 12px 0 rgba(30, 30, 30, 0.4) !important;
}

.dark.gradient-bg {
  color: #640064 !important;
}

.bg-dark.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-dark.btn-gradient-bg {
  border-color: !important;
  background-color: #640064 !important;
}
.btn-dark.btn-gradient-bg:hover {
  border-color: !important;
  background-color: !important;
}
.btn-dark.btn-gradient-bg:focus, .btn-dark.btn-gradient-bg:active {
  border-color: !important;
  background-color: !important;
}

.btn-outline-dark.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-dark.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-dark {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-dark.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-dark.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-dark.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-dark.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-dark.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-dark.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.light {
  color: #babfc7 !important;
}

.bg-light {
  background-color: #babfc7 !important;
}
.bg-light .card-header,
.bg-light .card-footer {
  background-color: transparent;
}

.alert-light {
  background: rgba(186, 191, 199, 0.2) !important;
  color: #babfc7 !important;
}
.alert-light .alert-heading {
  box-shadow: rgba(186, 191, 199, 0.4) 0px 6px 15px -7px;
}
.alert-light .alert-link {
  color: rgb(67.4211764706%, 69.7819607843%, 73.5592156863%) !important;
}

.bg-rgba-light {
  background: rgba(186, 191, 199, 0.15) !important;
}

.border-light {
  border: 1px solid #babfc7 !important;
}

.border-top-light {
  border-top: 1px solid #babfc7;
}

.border-bottom-light {
  border-bottom: 1px solid #babfc7;
}

.border-left-light {
  border-left: 1px solid #babfc7;
}

.border-right-light {
  border-right: 1px solid #babfc7;
}

.badge.badge-light-light {
  color: #babfc7 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-light.badge-glow,
.border-light.badge-glow,
.badge-light.badge-glow {
  box-shadow: 0px 0px 10px #babfc7;
}

.overlay-light {
  background: #babfc7; /* The Fallback */
  background: rgba(186, 191, 199, 0.6);
}

.btn-light {
  border-color: !important;
  background-color: #babfc7 !important;
  color: #fff;
}
.btn-light:hover {
  border-color: !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #babfc7;
}
.btn-light:focus, .btn-light:active {
  color: #fff !important;
}

.btn-flat-light {
  background-color: transparent;
  color: #babfc7;
}
.btn-flat-light:hover {
  color: #babfc7;
  background-color: rgba(186, 191, 199, 0.1);
}
.btn-flat-light:active, .btn-flat-light:focus {
  background-color: #babfc7;
  color: #fff !important;
}

.btn-relief-light {
  background-color: #babfc7;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-light:hover {
  color: #fff;
}
.btn-relief-light:active, .btn-relief-light:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-light {
  border: 1px solid #babfc7;
  background-color: transparent;
  color: #babfc7;
}
.btn-outline-light:hover {
  background-color: rgba(186, 191, 199, 0.08);
  color: #babfc7;
}
.btn-outline-light:active {
  color: #fff !important;
}

.btn-light ~ .dropdown-menu .dropdown-item.active,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active {
  background-color: #babfc7;
  color: #fff;
}
.btn-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-light ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #babfc7;
}

.bullet.bullet-light {
  background-color: #babfc7;
}
.bullet.bullet-light.bullet-bordered {
  background-color: transparent;
  border: 2px solid #babfc7;
}

.pagination-light li.active a,
.pagination-light li.active .page-link,
.pagination-light .page-item.active a,
.pagination-light .page-item.active .page-link {
  background: #babfc7 !important;
  color: #fff;
}
.pagination-light li.active a:hover,
.pagination-light li.active .page-link:hover,
.pagination-light .page-item.active a:hover,
.pagination-light .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-light li a:hover,
.pagination-light li .page-link:hover,
.pagination-light .page-item a:hover,
.pagination-light .page-item .page-link:hover {
  color: #babfc7 !important;
}
.pagination-light li.prev-item .page-link:hover, .pagination-light li.next-item .page-link:hover,
.pagination-light .page-item.prev-item .page-link:hover,
.pagination-light .page-item.next-item .page-link:hover {
  background: #babfc7;
  color: #fff;
}

.nav-pill-light .nav-item .nav-link.active {
  color: #fff;
  background-color: #babfc7;
}

.chip-light {
  background-color: #babfc7 !important;
}
.chip-light .chip-body {
  color: #fff !important;
}

.divider.divider-light .divider-text:before, .divider.divider-light .divider-text:after {
  border-color: #babfc7 !important;
}

input[type=checkbox].bg-light + .custom-control-label:before, input[type=radio].bg-light + .custom-control-label:before {
  background-color: #babfc7 !important;
}

input:focus ~ .bg-light {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #babfc7 !important;
}

.vx-checkbox-light input:checked ~ .vx-checkbox {
  border-color: #babfc7 !important;
}
.vx-checkbox-light input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #babfc7 !important;
}
.vx-checkbox-light input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #babfc7 !important;
}

.vertical-layout .main-menu.theme-light .navbar-header .navbar-nav .brand-text {
  color: #babfc7;
}
.vertical-layout .main-menu.theme-light .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-light .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #babfc7, rgba(186, 191, 199, 0.7));
  box-shadow: 0 0 10px 1px rgba(186, 191, 199, 0.7);
}

.horizontal-layout.theme-light .header-navbar .brand-text {
  color: #babfc7 !important;
}
.horizontal-layout.theme-light .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #babfc7, rgba(186, 191, 199, 0.7));
  box-shadow: 0 0 10px 1px rgba(186, 191, 199, 0.7) !important;
}

.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #babfc7 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-light {
  border: 1px solid transparent;
}
.color-radio.color-radio-light.selected {
  border-color: #babfc7;
}
.color-radio.color-radio-light .radio-content {
  background-color: #babfc7;
}

.vx-radio-light input:checked ~ .vx-radio .vx-radio--circle {
  background: #babfc7 !important;
  box-shadow: 0 3px 12px 0 rgba(186, 191, 199, 0.4) !important;
}

.light.gradient-bg {
  color: #640064 !important;
}

.bg-light.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-light.btn-gradient-bg {
  border-color: !important;
  background-color: #640064 !important;
}
.btn-light.btn-gradient-bg:hover {
  border-color: !important;
  background-color: !important;
}
.btn-light.btn-gradient-bg:focus, .btn-light.btn-gradient-bg:active {
  border-color: !important;
  background-color: !important;
}

.btn-outline-light.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-light.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-light {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-light.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-light.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-light.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-light.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-light.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-light.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.primary.gradient-light {
  color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.bg-primary.bg-gradient-light {
  background-color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.btn-primary.btn-gradient-light {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}
.btn-primary.btn-gradient-light:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-gradient-light:focus, .btn-primary.btn-gradient-light:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-gradient-light {
  border-color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
  color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}
.btn-outline-primary.btn-outline-gradient-light:hover {
  background-color: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.border-primary.border-gradient-light {
  border: 1px solid rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.border-top-primary.border-top-gradient-light {
  border-top: 1px solid rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.border-bottom-primary.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.border-left-primary.border-left-gradient-light {
  border-left: 1px solid rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.border-right-primary.border-right-gradient-light {
  border-right: 1px solid rgb(27.8533200178%, 37.6302093939%, 28.6680607992%) !important;
}

.overlay-primary.overlay-gradient-light {
  background: rgb(27.8533200178%, 37.6302093939%, 28.6680607992%); /* The Fallback */
  background: rgba(27.8533200178%, 37.6302093939%, 28.6680607992%, 0.6);
}

.primary.light-badge {
  color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.bg-primary.bg-light-badge {
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.btn-primary.btn-light-badge {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}
.btn-primary.btn-light-badge:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-light-badge:focus, .btn-primary.btn-light-badge:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-light-badge {
  border-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
  color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}
.btn-outline-primary.btn-outline-light-badge:hover {
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-primary.border-light-badge {
  border: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-top-primary.border-top-light-badge {
  border-top: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-bottom-primary.border-bottom-light-badge {
  border-bottom: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-left-primary.border-left-light-badge {
  border-left: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-right-primary.border-right-light-badge {
  border-right: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.overlay-primary.overlay-light-badge {
  background: rgb(43.963161022%, 45.7575757576%, 43.0659536542%); /* The Fallback */
  background: rgba(43.963161022%, 45.7575757576%, 43.0659536542%, 0.6);
}

.primary.lighten-5 {
  color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.bg-primary.bg-lighten-5 {
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.btn-primary.btn-lighten-5 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}
.btn-primary.btn-lighten-5:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-lighten-5:focus, .btn-primary.btn-lighten-5:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-lighten-5 {
  border-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
  color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}
.btn-outline-primary.btn-outline-lighten-5:hover {
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-primary.border-lighten-5 {
  border: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-top-primary.border-top-lighten-5 {
  border-top: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-bottom-primary.border-bottom-lighten-5 {
  border-bottom: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-left-primary.border-left-lighten-5 {
  border-left: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.border-right-primary.border-right-lighten-5 {
  border-right: 1px solid rgb(43.963161022%, 45.7575757576%, 43.0659536542%) !important;
}

.overlay-primary.overlay-lighten-5 {
  background: rgb(43.963161022%, 45.7575757576%, 43.0659536542%); /* The Fallback */
  background: rgba(43.963161022%, 45.7575757576%, 43.0659536542%, 0.6);
}

.primary.lighten-4 {
  color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.bg-primary.bg-lighten-4 {
  background-color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.btn-primary.btn-lighten-4 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}
.btn-primary.btn-lighten-4:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-lighten-4:focus, .btn-primary.btn-lighten-4:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-lighten-4 {
  border-color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
  color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}
.btn-outline-primary.btn-outline-lighten-4:hover {
  background-color: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.border-primary.border-lighten-4 {
  border: 1px solid rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.border-top-primary.border-top-lighten-4 {
  border-top: 1px solid rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.border-bottom-primary.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.border-left-primary.border-left-lighten-4 {
  border-left: 1px solid rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.border-right-primary.border-right-lighten-4 {
  border-right: 1px solid rgb(39.0136660725%, 40.6060606061%, 38.2174688057%) !important;
}

.overlay-primary.overlay-lighten-4 {
  background: rgb(39.0136660725%, 40.6060606061%, 38.2174688057%); /* The Fallback */
  background: rgba(39.0136660725%, 40.6060606061%, 38.2174688057%, 0.6);
}

.primary.lighten-3 {
  color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.bg-primary.bg-lighten-3 {
  background-color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.btn-primary.btn-lighten-3 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}
.btn-primary.btn-lighten-3:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-lighten-3:focus, .btn-primary.btn-lighten-3:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-lighten-3 {
  border-color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
  color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}
.btn-outline-primary.btn-outline-lighten-3:hover {
  background-color: rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.border-primary.border-lighten-3 {
  border: 1px solid rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.border-top-primary.border-top-lighten-3 {
  border-top: 1px solid rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.border-bottom-primary.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.border-left-primary.border-left-lighten-3 {
  border-left: 1px solid rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.border-right-primary.border-right-lighten-3 {
  border-right: 1px solid rgb(34.064171123%, 35.4545454545%, 33.3689839572%) !important;
}

.overlay-primary.overlay-lighten-3 {
  background: rgb(34.064171123%, 35.4545454545%, 33.3689839572%); /* The Fallback */
  background: rgba(34.064171123%, 35.4545454545%, 33.3689839572%, 0.6);
}

.primary.lighten-2 {
  color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.bg-primary.bg-lighten-2 {
  background-color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.btn-primary.btn-lighten-2 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}
.btn-primary.btn-lighten-2:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-lighten-2:focus, .btn-primary.btn-lighten-2:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-lighten-2 {
  border-color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
  color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}
.btn-outline-primary.btn-outline-lighten-2:hover {
  background-color: rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.border-primary.border-lighten-2 {
  border: 1px solid rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.border-top-primary.border-top-lighten-2 {
  border-top: 1px solid rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.border-bottom-primary.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.border-left-primary.border-left-lighten-2 {
  border-left: 1px solid rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.border-right-primary.border-right-lighten-2 {
  border-right: 1px solid rgb(29.1146761735%, 30.303030303%, 28.5204991087%) !important;
}

.overlay-primary.overlay-lighten-2 {
  background: rgb(29.1146761735%, 30.303030303%, 28.5204991087%); /* The Fallback */
  background: rgba(29.1146761735%, 30.303030303%, 28.5204991087%, 0.6);
}

.primary.lighten-1 {
  color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.bg-primary.bg-lighten-1 {
  background-color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.btn-primary.btn-lighten-1 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}
.btn-primary.btn-lighten-1:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-lighten-1:focus, .btn-primary.btn-lighten-1:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-lighten-1 {
  border-color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
  color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}
.btn-outline-primary.btn-outline-lighten-1:hover {
  background-color: rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.border-primary.border-lighten-1 {
  border: 1px solid rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.border-top-primary.border-top-lighten-1 {
  border-top: 1px solid rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.border-bottom-primary.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.border-left-primary.border-left-lighten-1 {
  border-left: 1px solid rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.border-right-primary.border-right-lighten-1 {
  border-right: 1px solid rgb(24.165181224%, 25.1515151515%, 23.6720142602%) !important;
}

.overlay-primary.overlay-lighten-1 {
  background: rgb(24.165181224%, 25.1515151515%, 23.6720142602%); /* The Fallback */
  background: rgba(24.165181224%, 25.1515151515%, 23.6720142602%, 0.6);
}

.primary {
  color: #313330 !important;
}

.bg-primary {
  background-color: #313330 !important;
}
.bg-primary .card-header,
.bg-primary .card-footer {
  background-color: transparent;
}

.alert-primary {
  background: rgba(49, 51, 48, 0.2) !important;
  color: #313330 !important;
}
.alert-primary .alert-heading {
  box-shadow: rgba(49, 51, 48, 0.4) 0px 6px 15px -7px;
}
.alert-primary .alert-link {
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.bg-rgba-primary {
  background: rgba(49, 51, 48, 0.15) !important;
}

.border-primary {
  border: 1px solid #313330 !important;
}

.border-top-primary {
  border-top: 1px solid #313330;
}

.border-bottom-primary {
  border-bottom: 1px solid #313330;
}

.border-left-primary {
  border-left: 1px solid #313330;
}

.border-right-primary {
  border-right: 1px solid #313330;
}

.badge.badge-light-primary {
  background-color: rgb(43.963161022%, 45.7575757576%, 43.0659536542%);
  color: #313330 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-primary.badge-glow,
.border-primary.badge-glow,
.badge-primary.badge-glow {
  box-shadow: 0px 0px 10px #313330;
}

.overlay-primary {
  background: #313330; /* The Fallback */
  background: rgba(49, 51, 48, 0.6);
}

.btn-primary {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #313330 !important;
  color: #fff;
}
.btn-primary:hover {
  border-color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #313330;
}
.btn-primary:focus, .btn-primary:active {
  color: #fff !important;
}

.btn-flat-primary {
  background-color: transparent;
  color: #313330;
}
.btn-flat-primary:hover {
  color: #313330;
  background-color: rgba(49, 51, 48, 0.1);
}
.btn-flat-primary:active, .btn-flat-primary:focus {
  background-color: #313330;
  color: #fff !important;
}

.btn-relief-primary {
  background-color: #313330;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-primary:hover {
  color: #fff;
}
.btn-relief-primary:active, .btn-relief-primary:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-primary {
  border: 1px solid #313330;
  background-color: transparent;
  color: #313330;
}
.btn-outline-primary:hover {
  background-color: rgba(49, 51, 48, 0.08);
  color: #313330;
}
.btn-outline-primary:active {
  color: #fff !important;
}

.btn-primary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active {
  background-color: #313330;
  color: #fff;
}
.btn-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-primary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #313330;
}

.bullet.bullet-primary {
  background-color: #313330;
}
.bullet.bullet-primary.bullet-bordered {
  background-color: transparent;
  border: 2px solid #313330;
}

.pagination-primary li.active a,
.pagination-primary li.active .page-link,
.pagination-primary .page-item.active a,
.pagination-primary .page-item.active .page-link {
  background: #313330 !important;
  color: #fff;
}
.pagination-primary li.active a:hover,
.pagination-primary li.active .page-link:hover,
.pagination-primary .page-item.active a:hover,
.pagination-primary .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-primary li a:hover,
.pagination-primary li .page-link:hover,
.pagination-primary .page-item a:hover,
.pagination-primary .page-item .page-link:hover {
  color: #313330 !important;
}
.pagination-primary li.prev-item .page-link:hover, .pagination-primary li.next-item .page-link:hover,
.pagination-primary .page-item.prev-item .page-link:hover,
.pagination-primary .page-item.next-item .page-link:hover {
  background: #313330;
  color: #fff;
}

.nav-pill-primary .nav-item .nav-link.active {
  color: #fff;
  background-color: #313330;
}

.chip-primary {
  background-color: #313330 !important;
}
.chip-primary .chip-body {
  color: #fff !important;
}

.divider.divider-primary .divider-text:before, .divider.divider-primary .divider-text:after {
  border-color: #313330 !important;
}

input[type=checkbox].bg-primary + .custom-control-label:before, input[type=radio].bg-primary + .custom-control-label:before {
  background-color: #313330 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #313330 !important;
}

.vx-checkbox-primary input:checked ~ .vx-checkbox {
  border-color: #313330 !important;
}
.vx-checkbox-primary input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #313330 !important;
}
.vx-checkbox-primary input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #313330 !important;
}

.vertical-layout .main-menu.theme-primary .navbar-header .navbar-nav .brand-text {
  color: #313330;
}
.vertical-layout .main-menu.theme-primary .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-primary .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0 0 10px 1px rgba(49, 51, 48, 0.7);
}

.horizontal-layout.theme-primary .header-navbar .brand-text {
  color: #313330 !important;
}
.horizontal-layout.theme-primary .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #313330, rgba(49, 51, 48, 0.7));
  box-shadow: 0 0 10px 1px rgba(49, 51, 48, 0.7) !important;
}

.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #313330 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-primary {
  border: 1px solid transparent;
}
.color-radio.color-radio-primary.selected {
  border-color: #313330;
}
.color-radio.color-radio-primary .radio-content {
  background-color: #313330;
}

.vx-radio-primary input:checked ~ .vx-radio .vx-radio--circle {
  background: #313330 !important;
  box-shadow: 0 3px 12px 0 rgba(49, 51, 48, 0.4) !important;
}

.primary.darken-1 {
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.bg-primary.bg-darken-1 {
  background-color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.btn-primary.btn-darken-1 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}
.btn-primary.btn-darken-1:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-darken-1:focus, .btn-primary.btn-darken-1:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-darken-1 {
  border-color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
  color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}
.btn-outline-primary.btn-outline-darken-1:hover {
  background-color: rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.border-primary.border-darken-1 {
  border: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.border-top-primary.border-top-darken-1 {
  border-top: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.border-bottom-primary.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.border-left-primary.border-left-darken-1 {
  border-left: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.border-right-primary.border-right-darken-1 {
  border-right: 1px solid rgb(14.266191325%, 14.8484848485%, 13.9750445633%) !important;
}

.overlay-primary.overlay-darken-1 {
  background: rgb(14.266191325%, 14.8484848485%, 13.9750445633%); /* The Fallback */
  background: rgba(14.266191325%, 14.8484848485%, 13.9750445633%, 0.6);
}

.primary.darken-2 {
  color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.bg-primary.bg-darken-2 {
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.btn-primary.btn-darken-2 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}
.btn-primary.btn-darken-2:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-darken-2:focus, .btn-primary.btn-darken-2:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-darken-2 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}
.btn-outline-primary.btn-outline-darken-2:hover {
  background-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.border-primary.border-darken-2 {
  border: 1px solid rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.border-top-primary.border-top-darken-2 {
  border-top: 1px solid rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.border-bottom-primary.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.border-left-primary.border-left-darken-2 {
  border-left: 1px solid rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.border-right-primary.border-right-darken-2 {
  border-right: 1px solid rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
}

.overlay-primary.overlay-darken-2 {
  background: rgb(9.3166963755%, 9.696969697%, 9.1265597148%); /* The Fallback */
  background: rgba(9.3166963755%, 9.696969697%, 9.1265597148%, 0.6);
}

.primary.darken-3 {
  color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.bg-primary.bg-darken-3 {
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.btn-primary.btn-darken-3 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-darken-3:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-darken-3:focus, .btn-primary.btn-darken-3:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-darken-3 {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-outline-primary.btn-outline-darken-3:hover {
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.border-primary.border-darken-3 {
  border: 1px solid rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.border-top-primary.border-top-darken-3 {
  border-top: 1px solid rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.border-bottom-primary.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.border-left-primary.border-left-darken-3 {
  border-left: 1px solid rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.border-right-primary.border-right-darken-3 {
  border-right: 1px solid rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}

.overlay-primary.overlay-darken-3 {
  background: rgb(4.367201426%, 4.5454545455%, 4.2780748663%); /* The Fallback */
  background: rgba(4.367201426%, 4.5454545455%, 4.2780748663%, 0.6);
}

.primary.darken-4 {
  color: black !important;
}

.bg-primary.bg-darken-4 {
  background-color: black !important;
}

.btn-primary.btn-darken-4 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: black !important;
}
.btn-primary.btn-darken-4:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-darken-4:focus, .btn-primary.btn-darken-4:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-darken-4 {
  border-color: black !important;
  color: black !important;
}
.btn-outline-primary.btn-outline-darken-4:hover {
  background-color: black !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem black !important;
}

.border-primary.border-darken-4 {
  border: 1px solid black !important;
}

.border-top-primary.border-top-darken-4 {
  border-top: 1px solid black !important;
}

.border-bottom-primary.border-bottom-darken-4 {
  border-bottom: 1px solid black !important;
}

.border-left-primary.border-left-darken-4 {
  border-left: 1px solid black !important;
}

.border-right-primary.border-right-darken-4 {
  border-right: 1px solid black !important;
}

.overlay-primary.overlay-darken-4 {
  background: black; /* The Fallback */
  background: rgba(0, 0, 0, 0.6);
}

.primary.accent-1 {
  color: #bdfdff !important;
}

.bg-primary.bg-accent-1 {
  background-color: #bdfdff !important;
}

.btn-primary.btn-accent-1 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #bdfdff !important;
}
.btn-primary.btn-accent-1:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-accent-1:focus, .btn-primary.btn-accent-1:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-accent-1 {
  border-color: #bdfdff !important;
  color: #bdfdff !important;
}
.btn-outline-primary.btn-outline-accent-1:hover {
  background-color: #bdfdff !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #bdfdff !important;
}

.border-primary.border-accent-1 {
  border: 1px solid #bdfdff !important;
}

.border-top-primary.border-top-accent-1 {
  border-top: 1px solid #bdfdff !important;
}

.border-bottom-primary.border-bottom-accent-1 {
  border-bottom: 1px solid #bdfdff !important;
}

.border-left-primary.border-left-accent-1 {
  border-left: 1px solid #bdfdff !important;
}

.border-right-primary.border-right-accent-1 {
  border-right: 1px solid #bdfdff !important;
}

.overlay-primary.overlay-accent-1 {
  background: #bdfdff; /* The Fallback */
  background: rgba(189, 253, 255, 0.6);
}

.primary.accent-2 {
  color: #8afbff !important;
}

.bg-primary.bg-accent-2 {
  background-color: #8afbff !important;
}

.btn-primary.btn-accent-2 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #8afbff !important;
}
.btn-primary.btn-accent-2:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-accent-2:focus, .btn-primary.btn-accent-2:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-accent-2 {
  border-color: #8afbff !important;
  color: #8afbff !important;
}
.btn-outline-primary.btn-outline-accent-2:hover {
  background-color: #8afbff !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #8afbff !important;
}

.border-primary.border-accent-2 {
  border: 1px solid #8afbff !important;
}

.border-top-primary.border-top-accent-2 {
  border-top: 1px solid #8afbff !important;
}

.border-bottom-primary.border-bottom-accent-2 {
  border-bottom: 1px solid #8afbff !important;
}

.border-left-primary.border-left-accent-2 {
  border-left: 1px solid #8afbff !important;
}

.border-right-primary.border-right-accent-2 {
  border-right: 1px solid #8afbff !important;
}

.overlay-primary.overlay-accent-2 {
  background: #8afbff; /* The Fallback */
  background: rgba(138, 251, 255, 0.6);
}

.primary.accent-3 {
  color: #57faff !important;
}

.bg-primary.bg-accent-3 {
  background-color: #57faff !important;
}

.btn-primary.btn-accent-3 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #57faff !important;
}
.btn-primary.btn-accent-3:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-accent-3:focus, .btn-primary.btn-accent-3:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-accent-3 {
  border-color: #57faff !important;
  color: #57faff !important;
}
.btn-outline-primary.btn-outline-accent-3:hover {
  background-color: #57faff !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #57faff !important;
}

.border-primary.border-accent-3 {
  border: 1px solid #57faff !important;
}

.border-top-primary.border-top-accent-3 {
  border-top: 1px solid #57faff !important;
}

.border-bottom-primary.border-bottom-accent-3 {
  border-bottom: 1px solid #57faff !important;
}

.border-left-primary.border-left-accent-3 {
  border-left: 1px solid #57faff !important;
}

.border-right-primary.border-right-accent-3 {
  border-right: 1px solid #57faff !important;
}

.overlay-primary.overlay-accent-3 {
  background: #57faff; /* The Fallback */
  background: rgba(87, 250, 255, 0.6);
}

.primary.accent-4 {
  color: #3df9ff !important;
}

.bg-primary.bg-accent-4 {
  background-color: #3df9ff !important;
}

.btn-primary.btn-accent-4 {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #3df9ff !important;
}
.btn-primary.btn-accent-4:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-accent-4:focus, .btn-primary.btn-accent-4:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-accent-4 {
  border-color: #3df9ff !important;
  color: #3df9ff !important;
}
.btn-outline-primary.btn-outline-accent-4:hover {
  background-color: #3df9ff !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #3df9ff !important;
}

.border-primary.border-accent-4 {
  border: 1px solid #3df9ff !important;
}

.border-top-primary.border-top-accent-4 {
  border-top: 1px solid #3df9ff !important;
}

.border-bottom-primary.border-bottom-accent-4 {
  border-bottom: 1px solid #3df9ff !important;
}

.border-left-primary.border-left-accent-4 {
  border-left: 1px solid #3df9ff !important;
}

.border-right-primary.border-right-accent-4 {
  border-right: 1px solid #3df9ff !important;
}

.overlay-primary.overlay-accent-4 {
  background: #3df9ff; /* The Fallback */
  background: rgba(61, 249, 255, 0.6);
}

.primary.gradient-bg {
  color: #640064 !important;
}

.bg-primary.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-primary.btn-gradient-bg {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: #640064 !important;
}
.btn-primary.btn-gradient-bg:hover {
  border-color: rgb(9.3166963755%, 9.696969697%, 9.1265597148%) !important;
  background-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
}
.btn-primary.btn-gradient-bg:focus, .btn-primary.btn-gradient-bg:active {
  border-color: rgb(4.367201426%, 4.5454545455%, 4.2780748663%) !important;
  background-color: black !important;
}

.btn-outline-primary.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-primary.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-primary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-primary.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-primary.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-primary.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-primary.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-primary.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-primary.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.secondary.gradient-light {
  color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.bg-secondary.bg-gradient-light {
  background-color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.btn-secondary.btn-gradient-light {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}
.btn-secondary.btn-gradient-light:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-gradient-light:focus, .btn-secondary.btn-gradient-light:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-gradient-light {
  border-color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
  color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}
.btn-outline-secondary.btn-outline-gradient-light:hover {
  background-color: rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.border-secondary.border-gradient-light {
  border: 1px solid rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.border-top-secondary.border-top-gradient-light {
  border-top: 1px solid rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.border-bottom-secondary.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.border-left-secondary.border-left-gradient-light {
  border-left: 1px solid rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.border-right-secondary.border-right-gradient-light {
  border-right: 1px solid rgb(86.4117119801%, 86.9111652122%, 92.405150765%) !important;
}

.overlay-secondary.overlay-gradient-light {
  background: rgb(86.4117119801%, 86.9111652122%, 92.405150765%); /* The Fallback */
  background: rgba(86.4117119801%, 86.9111652122%, 92.405150765%, 0.6);
}

.secondary.light-badge {
  color: white !important;
}

.bg-secondary.bg-light-badge {
  background-color: white !important;
}

.btn-secondary.btn-light-badge {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: white !important;
}
.btn-secondary.btn-light-badge:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-light-badge:focus, .btn-secondary.btn-light-badge:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-light-badge {
  border-color: white !important;
  color: white !important;
}
.btn-outline-secondary.btn-outline-light-badge:hover {
  background-color: white !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem white !important;
}

.border-secondary.border-light-badge {
  border: 1px solid white !important;
}

.border-top-secondary.border-top-light-badge {
  border-top: 1px solid white !important;
}

.border-bottom-secondary.border-bottom-light-badge {
  border-bottom: 1px solid white !important;
}

.border-left-secondary.border-left-light-badge {
  border-left: 1px solid white !important;
}

.border-right-secondary.border-right-light-badge {
  border-right: 1px solid white !important;
}

.overlay-secondary.overlay-light-badge {
  background: white; /* The Fallback */
  background: rgba(100%, 100%, 100%, 0.6);
}

.secondary.lighten-5 {
  color: white !important;
}

.bg-secondary.bg-lighten-5 {
  background-color: white !important;
}

.btn-secondary.btn-lighten-5 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: white !important;
}
.btn-secondary.btn-lighten-5:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-lighten-5:focus, .btn-secondary.btn-lighten-5:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-lighten-5 {
  border-color: white !important;
  color: white !important;
}
.btn-outline-secondary.btn-outline-lighten-5:hover {
  background-color: white !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem white !important;
}

.border-secondary.border-lighten-5 {
  border: 1px solid white !important;
}

.border-top-secondary.border-top-lighten-5 {
  border-top: 1px solid white !important;
}

.border-bottom-secondary.border-bottom-lighten-5 {
  border-bottom: 1px solid white !important;
}

.border-left-secondary.border-left-lighten-5 {
  border-left: 1px solid white !important;
}

.border-right-secondary.border-right-lighten-5 {
  border-right: 1px solid white !important;
}

.overlay-secondary.overlay-lighten-5 {
  background: white; /* The Fallback */
  background: rgba(100%, 100%, 100%, 0.6);
}

.secondary.lighten-4 {
  color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.bg-secondary.bg-lighten-4 {
  background-color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.btn-secondary.btn-lighten-4 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}
.btn-secondary.btn-lighten-4:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-lighten-4:focus, .btn-secondary.btn-lighten-4:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-lighten-4 {
  border-color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
  color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}
.btn-outline-secondary.btn-outline-lighten-4:hover {
  background-color: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.border-secondary.border-lighten-4 {
  border: 1px solid rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.border-top-secondary.border-top-lighten-4 {
  border-top: 1px solid rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.border-bottom-secondary.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.border-left-secondary.border-left-lighten-4 {
  border-left: 1px solid rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.border-right-secondary.border-right-lighten-4 {
  border-right: 1px solid rgb(95.4355512697%, 96.0784313725%, 96.7213114754%) !important;
}

.overlay-secondary.overlay-lighten-4 {
  background: rgb(95.4355512697%, 96.0784313725%, 96.7213114754%); /* The Fallback */
  background: rgba(95.4355512697%, 96.0784313725%, 96.7213114754%, 0.6);
}

.secondary.lighten-3 {
  color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.bg-secondary.bg-lighten-3 {
  background-color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.btn-secondary.btn-lighten-3 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}
.btn-secondary.btn-lighten-3:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-lighten-3:focus, .btn-secondary.btn-lighten-3:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-lighten-3 {
  border-color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
  color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}
.btn-outline-secondary.btn-outline-lighten-3:hover {
  background-color: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.border-secondary.border-lighten-3 {
  border: 1px solid rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.border-top-secondary.border-top-lighten-3 {
  border-top: 1px solid rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.border-bottom-secondary.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.border-left-secondary.border-left-lighten-3 {
  border-left: 1px solid rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.border-right-secondary.border-right-lighten-3 {
  border-right: 1px solid rgb(89.6158791385%, 91.0784313725%, 92.5409836066%) !important;
}

.overlay-secondary.overlay-lighten-3 {
  background: rgb(89.6158791385%, 91.0784313725%, 92.5409836066%); /* The Fallback */
  background: rgba(89.6158791385%, 91.0784313725%, 92.5409836066%, 0.6);
}

.secondary.lighten-2 {
  color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.bg-secondary.bg-lighten-2 {
  background-color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.btn-secondary.btn-lighten-2 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}
.btn-secondary.btn-lighten-2:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-lighten-2:focus, .btn-secondary.btn-lighten-2:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-lighten-2 {
  border-color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
  color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}
.btn-outline-secondary.btn-outline-lighten-2:hover {
  background-color: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.border-secondary.border-lighten-2 {
  border: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.border-top-secondary.border-top-lighten-2 {
  border-top: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.border-bottom-secondary.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.border-left-secondary.border-left-lighten-2 {
  border-left: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.border-right-secondary.border-right-lighten-2 {
  border-right: 1px solid rgb(83.7962070074%, 86.0784313725%, 88.3606557377%) !important;
}

.overlay-secondary.overlay-lighten-2 {
  background: rgb(83.7962070074%, 86.0784313725%, 88.3606557377%); /* The Fallback */
  background: rgba(83.7962070074%, 86.0784313725%, 88.3606557377%, 0.6);
}

.secondary.lighten-1 {
  color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.bg-secondary.bg-lighten-1 {
  background-color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.btn-secondary.btn-lighten-1 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}
.btn-secondary.btn-lighten-1:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-lighten-1:focus, .btn-secondary.btn-lighten-1:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-lighten-1 {
  border-color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
  color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}
.btn-outline-secondary.btn-outline-lighten-1:hover {
  background-color: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.border-secondary.border-lighten-1 {
  border: 1px solid rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.border-top-secondary.border-top-lighten-1 {
  border-top: 1px solid rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.border-bottom-secondary.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.border-left-secondary.border-left-lighten-1 {
  border-left: 1px solid rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.border-right-secondary.border-right-lighten-1 {
  border-right: 1px solid rgb(77.9765348762%, 81.0784313725%, 84.1803278689%) !important;
}

.overlay-secondary.overlay-lighten-1 {
  background: rgb(77.9765348762%, 81.0784313725%, 84.1803278689%); /* The Fallback */
  background: rgba(77.9765348762%, 81.0784313725%, 84.1803278689%, 0.6);
}

.secondary {
  color: #b8c2cc !important;
}

.bg-secondary {
  background-color: #b8c2cc !important;
}
.bg-secondary .card-header,
.bg-secondary .card-footer {
  background-color: transparent;
}

.alert-secondary {
  background: rgba(184, 194, 204, 0.2) !important;
  color: #b8c2cc !important;
}
.alert-secondary .alert-heading {
  box-shadow: rgba(184, 194, 204, 0.4) 0px 6px 15px -7px;
}
.alert-secondary .alert-link {
  color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.bg-rgba-secondary {
  background: rgba(184, 194, 204, 0.15) !important;
}

.border-secondary {
  border: 1px solid #b8c2cc !important;
}

.border-top-secondary {
  border-top: 1px solid #b8c2cc;
}

.border-bottom-secondary {
  border-bottom: 1px solid #b8c2cc;
}

.border-left-secondary {
  border-left: 1px solid #b8c2cc;
}

.border-right-secondary {
  border-right: 1px solid #b8c2cc;
}

.badge.badge-light-secondary {
  background-color: white;
  color: #b8c2cc !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-secondary.badge-glow,
.border-secondary.badge-glow,
.badge-secondary.badge-glow {
  box-shadow: 0px 0px 10px #b8c2cc;
}

.overlay-secondary {
  background: #b8c2cc; /* The Fallback */
  background: rgba(184, 194, 204, 0.6);
}

.btn-secondary {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: #b8c2cc !important;
  color: #fff;
}
.btn-secondary:hover {
  border-color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #b8c2cc;
}
.btn-secondary:focus, .btn-secondary:active {
  color: #fff !important;
}

.btn-flat-secondary {
  background-color: transparent;
  color: #b8c2cc;
}
.btn-flat-secondary:hover {
  color: #b8c2cc;
  background-color: rgba(184, 194, 204, 0.1);
}
.btn-flat-secondary:active, .btn-flat-secondary:focus {
  background-color: #b8c2cc;
  color: #fff !important;
}

.btn-relief-secondary {
  background-color: #b8c2cc;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-secondary:hover {
  color: #fff;
}
.btn-relief-secondary:active, .btn-relief-secondary:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-secondary {
  border: 1px solid #b8c2cc;
  background-color: transparent;
  color: #b8c2cc;
}
.btn-outline-secondary:hover {
  background-color: rgba(184, 194, 204, 0.08);
  color: #b8c2cc;
}
.btn-outline-secondary:active {
  color: #fff !important;
}

.btn-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active {
  background-color: #b8c2cc;
  color: #fff;
}
.btn-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-secondary ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #b8c2cc;
}

.bullet.bullet-secondary {
  background-color: #b8c2cc;
}
.bullet.bullet-secondary.bullet-bordered {
  background-color: transparent;
  border: 2px solid #b8c2cc;
}

.pagination-secondary li.active a,
.pagination-secondary li.active .page-link,
.pagination-secondary .page-item.active a,
.pagination-secondary .page-item.active .page-link {
  background: #b8c2cc !important;
  color: #fff;
}
.pagination-secondary li.active a:hover,
.pagination-secondary li.active .page-link:hover,
.pagination-secondary .page-item.active a:hover,
.pagination-secondary .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-secondary li a:hover,
.pagination-secondary li .page-link:hover,
.pagination-secondary .page-item a:hover,
.pagination-secondary .page-item .page-link:hover {
  color: #b8c2cc !important;
}
.pagination-secondary li.prev-item .page-link:hover, .pagination-secondary li.next-item .page-link:hover,
.pagination-secondary .page-item.prev-item .page-link:hover,
.pagination-secondary .page-item.next-item .page-link:hover {
  background: #b8c2cc;
  color: #fff;
}

.nav-pill-secondary .nav-item .nav-link.active {
  color: #fff;
  background-color: #b8c2cc;
}

.chip-secondary {
  background-color: #b8c2cc !important;
}
.chip-secondary .chip-body {
  color: #fff !important;
}

.divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
  border-color: #b8c2cc !important;
}

input[type=checkbox].bg-secondary + .custom-control-label:before, input[type=radio].bg-secondary + .custom-control-label:before {
  background-color: #b8c2cc !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #b8c2cc !important;
}

.vx-checkbox-secondary input:checked ~ .vx-checkbox {
  border-color: #b8c2cc !important;
}
.vx-checkbox-secondary input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #b8c2cc !important;
}
.vx-checkbox-secondary input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #b8c2cc !important;
}

.vertical-layout .main-menu.theme-secondary .navbar-header .navbar-nav .brand-text {
  color: #b8c2cc;
}
.vertical-layout .main-menu.theme-secondary .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-secondary .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #b8c2cc, rgba(184, 194, 204, 0.7));
  box-shadow: 0 0 10px 1px rgba(184, 194, 204, 0.7);
}

.horizontal-layout.theme-secondary .header-navbar .brand-text {
  color: #b8c2cc !important;
}
.horizontal-layout.theme-secondary .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #b8c2cc, rgba(184, 194, 204, 0.7));
  box-shadow: 0 0 10px 1px rgba(184, 194, 204, 0.7) !important;
}

.custom-switch-secondary .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #b8c2cc !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-secondary {
  border: 1px solid transparent;
}
.color-radio.color-radio-secondary.selected {
  border-color: #b8c2cc;
}
.color-radio.color-radio-secondary .radio-content {
  background-color: #b8c2cc;
}

.vx-radio-secondary input:checked ~ .vx-radio .vx-radio--circle {
  background: #b8c2cc !important;
  box-shadow: 0 3px 12px 0 rgba(184, 194, 204, 0.4) !important;
}

.secondary.darken-1 {
  color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.bg-secondary.bg-darken-1 {
  background-color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.btn-secondary.btn-darken-1 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}
.btn-secondary.btn-darken-1:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-darken-1:focus, .btn-secondary.btn-darken-1:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-darken-1 {
  border-color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
  color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}
.btn-outline-secondary.btn-outline-darken-1:hover {
  background-color: rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.border-secondary.border-darken-1 {
  border: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.border-top-secondary.border-top-darken-1 {
  border-top: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.border-bottom-secondary.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.border-left-secondary.border-left-darken-1 {
  border-left: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.border-right-secondary.border-right-darken-1 {
  border-right: 1px solid rgb(66.337190614%, 71.0784313725%, 75.8196721311%) !important;
}

.overlay-secondary.overlay-darken-1 {
  background: rgb(66.337190614%, 71.0784313725%, 75.8196721311%); /* The Fallback */
  background: rgba(66.337190614%, 71.0784313725%, 75.8196721311%, 0.6);
}

.secondary.darken-2 {
  color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.bg-secondary.bg-darken-2 {
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.btn-secondary.btn-darken-2 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}
.btn-secondary.btn-darken-2:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-darken-2:focus, .btn-secondary.btn-darken-2:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-darken-2 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}
.btn-outline-secondary.btn-outline-darken-2:hover {
  background-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.border-secondary.border-darken-2 {
  border: 1px solid rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.border-top-secondary.border-top-darken-2 {
  border-top: 1px solid rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.border-bottom-secondary.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.border-left-secondary.border-left-darken-2 {
  border-left: 1px solid rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.border-right-secondary.border-right-darken-2 {
  border-right: 1px solid rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
}

.overlay-secondary.overlay-darken-2 {
  background: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%); /* The Fallback */
  background: rgba(60.5175184828%, 66.0784313725%, 71.6393442623%, 0.6);
}

.secondary.darken-3 {
  color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.bg-secondary.bg-darken-3 {
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.btn-secondary.btn-darken-3 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-darken-3:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-darken-3:focus, .btn-secondary.btn-darken-3:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-darken-3 {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-outline-secondary.btn-outline-darken-3:hover {
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.border-secondary.border-darken-3 {
  border: 1px solid rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.border-top-secondary.border-top-darken-3 {
  border-top: 1px solid rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.border-bottom-secondary.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.border-left-secondary.border-left-darken-3 {
  border-left: 1px solid rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.border-right-secondary.border-right-darken-3 {
  border-right: 1px solid rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}

.overlay-secondary.overlay-darken-3 {
  background: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%); /* The Fallback */
  background: rgba(54.6978463517%, 61.0784313725%, 67.4590163934%, 0.6);
}

.secondary.darken-4 {
  color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.bg-secondary.bg-darken-4 {
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-secondary.btn-darken-4 {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}
.btn-secondary.btn-darken-4:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-darken-4:focus, .btn-secondary.btn-darken-4:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-darken-4 {
  border-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
  color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}
.btn-outline-secondary.btn-outline-darken-4:hover {
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.border-secondary.border-darken-4 {
  border: 1px solid rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.border-top-secondary.border-top-darken-4 {
  border-top: 1px solid rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.border-bottom-secondary.border-bottom-darken-4 {
  border-bottom: 1px solid rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.border-left-secondary.border-left-darken-4 {
  border-left: 1px solid rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.border-right-secondary.border-right-darken-4 {
  border-right: 1px solid rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.overlay-secondary.overlay-darken-4 {
  background: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%); /* The Fallback */
  background: rgba(48.8781742205%, 56.0784313725%, 63.2786885246%, 0.6);
}

.secondary.gradient-bg {
  color: #640064 !important;
}

.bg-secondary.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-secondary.btn-gradient-bg {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: #640064 !important;
}
.btn-secondary.btn-gradient-bg:hover {
  border-color: rgb(60.5175184828%, 66.0784313725%, 71.6393442623%) !important;
  background-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
}
.btn-secondary.btn-gradient-bg:focus, .btn-secondary.btn-gradient-bg:active {
  border-color: rgb(54.6978463517%, 61.0784313725%, 67.4590163934%) !important;
  background-color: rgb(48.8781742205%, 56.0784313725%, 63.2786885246%) !important;
}

.btn-outline-secondary.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-secondary.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-secondary {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-secondary.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-secondary.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-secondary.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-secondary.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-secondary.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-secondary.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.success.gradient-light {
  color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.bg-success.bg-gradient-light {
  background-color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.btn-success.btn-gradient-light {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}
.btn-success.btn-gradient-light:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-gradient-light:focus, .btn-success.btn-gradient-light:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-gradient-light {
  border-color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
  color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}
.btn-outline-success.btn-outline-gradient-light:hover {
  background-color: rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.border-success.border-gradient-light {
  border: 1px solid rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.border-top-success.border-top-gradient-light {
  border-top: 1px solid rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.border-bottom-success.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.border-left-success.border-left-gradient-light {
  border-left: 1px solid rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.border-right-success.border-right-gradient-light {
  border-right: 1px solid rgb(28.973031014%, 91.412459182%, 82.8712166496%) !important;
}

.overlay-success.overlay-gradient-light {
  background: rgb(28.973031014%, 91.412459182%, 82.8712166496%); /* The Fallback */
  background: rgba(28.973031014%, 91.412459182%, 82.8712166496%, 0.6);
}

.success.light-badge {
  color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.bg-success.bg-light-badge {
  background-color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.btn-success.btn-light-badge {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}
.btn-success.btn-light-badge:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-light-badge:focus, .btn-success.btn-light-badge:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-light-badge {
  border-color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
  color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}
.btn-outline-success.btn-outline-light-badge:hover {
  background-color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.border-success.border-light-badge {
  border: 1px solid rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.border-top-success.border-top-light-badge {
  border-top: 1px solid rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.border-bottom-success.border-bottom-light-badge {
  border-bottom: 1px solid rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.border-left-success.border-left-light-badge {
  border-left: 1px solid rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.border-right-success.border-right-light-badge {
  border-right: 1px solid rgb(78.1228976946%, 95.6025925014%, 85.9282960046%) !important;
}

.overlay-success.overlay-light-badge {
  background: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%); /* The Fallback */
  background: rgba(78.1228976946%, 95.6025925014%, 85.9282960046%, 0.6);
}

.success.lighten-5 {
  color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.bg-success.bg-lighten-5 {
  background-color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.btn-success.btn-lighten-5 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}
.btn-success.btn-lighten-5:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-lighten-5:focus, .btn-success.btn-lighten-5:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-lighten-5 {
  border-color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
  color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}
.btn-outline-success.btn-outline-lighten-5:hover {
  background-color: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.border-success.border-lighten-5 {
  border: 1px solid rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.border-top-success.border-top-lighten-5 {
  border-top: 1px solid rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.border-bottom-success.border-bottom-lighten-5 {
  border-bottom: 1px solid rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.border-left-success.border-left-lighten-5 {
  border-left: 1px solid rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.border-right-success.border-right-lighten-5 {
  border-right: 1px solid rgb(53.1438181967%, 90.5816719993%, 69.8613503979%) !important;
}

.overlay-success.overlay-lighten-5 {
  background: rgb(53.1438181967%, 90.5816719993%, 69.8613503979%); /* The Fallback */
  background: rgba(53.1438181967%, 90.5816719993%, 69.8613503979%, 0.6);
}

.success.lighten-4 {
  color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.bg-success.bg-lighten-4 {
  background-color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.btn-success.btn-lighten-4 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}
.btn-success.btn-lighten-4:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-lighten-4:focus, .btn-success.btn-lighten-4:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-lighten-4 {
  border-color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
  color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}
.btn-outline-success.btn-outline-lighten-4:hover {
  background-color: rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.border-success.border-lighten-4 {
  border: 1px solid rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.border-top-success.border-top-lighten-4 {
  border-top: 1px solid rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.border-bottom-success.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.border-left-success.border-left-lighten-4 {
  border-left: 1px solid rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.border-right-success.border-right-lighten-4 {
  border-right: 1px solid rgb(44.8174583641%, 88.908031832%, 64.5057018623%) !important;
}

.overlay-success.overlay-lighten-4 {
  background: rgb(44.8174583641%, 88.908031832%, 64.5057018623%); /* The Fallback */
  background: rgba(44.8174583641%, 88.908031832%, 64.5057018623%, 0.6);
}

.success.lighten-3 {
  color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.bg-success.bg-lighten-3 {
  background-color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.btn-success.btn-lighten-3 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}
.btn-success.btn-lighten-3:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-lighten-3:focus, .btn-success.btn-lighten-3:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-lighten-3 {
  border-color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
  color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}
.btn-outline-success.btn-outline-lighten-3:hover {
  background-color: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.border-success.border-lighten-3 {
  border: 1px solid rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.border-top-success.border-top-lighten-3 {
  border-top: 1px solid rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.border-bottom-success.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.border-left-success.border-left-lighten-3 {
  border-left: 1px solid rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.border-right-success.border-right-lighten-3 {
  border-right: 1px solid rgb(36.4910985315%, 87.2343916646%, 59.1500533268%) !important;
}

.overlay-success.overlay-lighten-3 {
  background: rgb(36.4910985315%, 87.2343916646%, 59.1500533268%); /* The Fallback */
  background: rgba(36.4910985315%, 87.2343916646%, 59.1500533268%, 0.6);
}

.success.lighten-2 {
  color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.bg-success.bg-lighten-2 {
  background-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.btn-success.btn-lighten-2 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}
.btn-success.btn-lighten-2:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-lighten-2:focus, .btn-success.btn-lighten-2:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-lighten-2 {
  border-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
  color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}
.btn-outline-success.btn-outline-lighten-2:hover {
  background-color: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.border-success.border-lighten-2 {
  border: 1px solid rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.border-top-success.border-top-lighten-2 {
  border-top: 1px solid rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.border-bottom-success.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.border-left-success.border-left-lighten-2 {
  border-left: 1px solid rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.border-right-success.border-right-lighten-2 {
  border-right: 1px solid rgb(28.1647386988%, 85.5607514973%, 53.7944047912%) !important;
}

.overlay-success.overlay-lighten-2 {
  background: rgb(28.1647386988%, 85.5607514973%, 53.7944047912%); /* The Fallback */
  background: rgba(28.1647386988%, 85.5607514973%, 53.7944047912%, 0.6);
}

.success.lighten-1 {
  color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.bg-success.bg-lighten-1 {
  background-color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.btn-success.btn-lighten-1 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}
.btn-success.btn-lighten-1:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-lighten-1:focus, .btn-success.btn-lighten-1:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-lighten-1 {
  border-color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
  color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}
.btn-outline-success.btn-outline-lighten-1:hover {
  background-color: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.border-success.border-lighten-1 {
  border: 1px solid rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.border-top-success.border-top-lighten-1 {
  border-top: 1px solid rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.border-bottom-success.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.border-left-success.border-left-lighten-1 {
  border-left: 1px solid rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.border-right-success.border-right-lighten-1 {
  border-right: 1px solid rgb(19.8383788662%, 83.8871113299%, 48.4387562556%) !important;
}

.overlay-success.overlay-lighten-1 {
  background: rgb(19.8383788662%, 83.8871113299%, 48.4387562556%); /* The Fallback */
  background: rgba(19.8383788662%, 83.8871113299%, 48.4387562556%, 0.6);
}

.success {
  color: #28c76f !important;
}

.bg-success {
  background-color: #28c76f !important;
}
.bg-success .card-header,
.bg-success .card-footer {
  background-color: transparent;
}

.alert-success {
  background: rgba(40, 199, 111, 0.2) !important;
  color: #28c76f !important;
}
.alert-success .alert-heading {
  box-shadow: rgba(40, 199, 111, 0.4) 0px 6px 15px -7px;
}
.alert-success .alert-link {
  color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.bg-rgba-success {
  background: rgba(40, 199, 111, 0.15) !important;
}

.border-success {
  border: 1px solid #28c76f !important;
}

.border-top-success {
  border-top: 1px solid #28c76f;
}

.border-bottom-success {
  border-bottom: 1px solid #28c76f;
}

.border-left-success {
  border-left: 1px solid #28c76f;
}

.border-right-success {
  border-right: 1px solid #28c76f;
}

.badge.badge-light-success {
  background-color: rgb(78.1228976946%, 95.6025925014%, 85.9282960046%);
  color: #28c76f !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-success.badge-glow,
.border-success.badge-glow,
.badge-success.badge-glow {
  box-shadow: 0px 0px 10px #28c76f;
}

.overlay-success {
  background: #28c76f; /* The Fallback */
  background: rgba(40, 199, 111, 0.6);
}

.btn-success {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #28c76f !important;
  color: #fff;
}
.btn-success:hover {
  border-color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #28c76f;
}
.btn-success:focus, .btn-success:active {
  color: #fff !important;
}

.btn-flat-success {
  background-color: transparent;
  color: #28c76f;
}
.btn-flat-success:hover {
  color: #28c76f;
  background-color: rgba(40, 199, 111, 0.1);
}
.btn-flat-success:active, .btn-flat-success:focus {
  background-color: #28c76f;
  color: #fff !important;
}

.btn-relief-success {
  background-color: #28c76f;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-success:hover {
  color: #fff;
}
.btn-relief-success:active, .btn-relief-success:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-success {
  border: 1px solid #28c76f;
  background-color: transparent;
  color: #28c76f;
}
.btn-outline-success:hover {
  background-color: rgba(40, 199, 111, 0.08);
  color: #28c76f;
}
.btn-outline-success:active {
  color: #fff !important;
}

.btn-success ~ .dropdown-menu .dropdown-item.active,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active {
  background-color: #28c76f;
  color: #fff;
}
.btn-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-success ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #28c76f;
}

.bullet.bullet-success {
  background-color: #28c76f;
}
.bullet.bullet-success.bullet-bordered {
  background-color: transparent;
  border: 2px solid #28c76f;
}

.pagination-success li.active a,
.pagination-success li.active .page-link,
.pagination-success .page-item.active a,
.pagination-success .page-item.active .page-link {
  background: #28c76f !important;
  color: #fff;
}
.pagination-success li.active a:hover,
.pagination-success li.active .page-link:hover,
.pagination-success .page-item.active a:hover,
.pagination-success .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-success li a:hover,
.pagination-success li .page-link:hover,
.pagination-success .page-item a:hover,
.pagination-success .page-item .page-link:hover {
  color: #28c76f !important;
}
.pagination-success li.prev-item .page-link:hover, .pagination-success li.next-item .page-link:hover,
.pagination-success .page-item.prev-item .page-link:hover,
.pagination-success .page-item.next-item .page-link:hover {
  background: #28c76f;
  color: #fff;
}

.nav-pill-success .nav-item .nav-link.active {
  color: #fff;
  background-color: #28c76f;
}

.chip-success {
  background-color: #28c76f !important;
}
.chip-success .chip-body {
  color: #fff !important;
}

.divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
  border-color: #28c76f !important;
}

input[type=checkbox].bg-success + .custom-control-label:before, input[type=radio].bg-success + .custom-control-label:before {
  background-color: #28c76f !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #28c76f !important;
}

.vx-checkbox-success input:checked ~ .vx-checkbox {
  border-color: #28c76f !important;
}
.vx-checkbox-success input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #28c76f !important;
}
.vx-checkbox-success input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #28c76f !important;
}

.vertical-layout .main-menu.theme-success .navbar-header .navbar-nav .brand-text {
  color: #28c76f;
}
.vertical-layout .main-menu.theme-success .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-success .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #28c76f, rgba(40, 199, 111, 0.7));
  box-shadow: 0 0 10px 1px rgba(40, 199, 111, 0.7);
}

.horizontal-layout.theme-success .header-navbar .brand-text {
  color: #28c76f !important;
}
.horizontal-layout.theme-success .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #28c76f, rgba(40, 199, 111, 0.7));
  box-shadow: 0 0 10px 1px rgba(40, 199, 111, 0.7) !important;
}

.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #28c76f !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-success {
  border: 1px solid transparent;
}
.color-radio.color-radio-success.selected {
  border-color: #28c76f;
}
.color-radio.color-radio-success .radio-content {
  background-color: #28c76f;
}

.vx-radio-success input:checked ~ .vx-radio .vx-radio--circle {
  background: #28c76f !important;
  box-shadow: 0 3px 12px 0 rgba(40, 199, 111, 0.4) !important;
}

.success.darken-1 {
  color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.bg-success.bg-darken-1 {
  background-color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.btn-success.btn-darken-1 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}
.btn-success.btn-darken-1:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-darken-1:focus, .btn-success.btn-darken-1:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-darken-1 {
  border-color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
  color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}
.btn-outline-success.btn-outline-darken-1:hover {
  background-color: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.border-success.border-darken-1 {
  border: 1px solid rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.border-top-success.border-top-darken-1 {
  border-top: 1px solid rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.border-bottom-success.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.border-left-success.border-left-darken-1 {
  border-left: 1px solid rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.border-right-success.border-right-darken-1 {
  border-right: 1px solid rgb(14.0126343424%, 69.7128558536%, 38.8850603003%) !important;
}

.overlay-success.overlay-darken-1 {
  background: rgb(14.0126343424%, 69.7128558536%, 38.8850603003%); /* The Fallback */
  background: rgba(14.0126343424%, 69.7128558536%, 38.8850603003%, 0.6);
}

.success.darken-2 {
  color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.bg-success.bg-darken-2 {
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.btn-success.btn-darken-2 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}
.btn-success.btn-darken-2:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-darken-2:focus, .btn-success.btn-darken-2:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-darken-2 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}
.btn-outline-success.btn-outline-darken-2:hover {
  background-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.border-success.border-darken-2 {
  border: 1px solid rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.border-top-success.border-top-darken-2 {
  border-top: 1px solid rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.border-bottom-success.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.border-left-success.border-left-darken-2 {
  border-left: 1px solid rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.border-right-success.border-right-darken-2 {
  border-right: 1px solid rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
}

.overlay-success.overlay-darken-2 {
  background: rgb(12.3389941751%, 61.386496021%, 34.2407088358%); /* The Fallback */
  background: rgba(12.3389941751%, 61.386496021%, 34.2407088358%, 0.6);
}

.success.darken-3 {
  color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.bg-success.bg-darken-3 {
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.btn-success.btn-darken-3 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-darken-3:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-darken-3:focus, .btn-success.btn-darken-3:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-darken-3 {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-outline-success.btn-outline-darken-3:hover {
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.border-success.border-darken-3 {
  border: 1px solid rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.border-top-success.border-top-darken-3 {
  border-top: 1px solid rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.border-bottom-success.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.border-left-success.border-left-darken-3 {
  border-left: 1px solid rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.border-right-success.border-right-darken-3 {
  border-right: 1px solid rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}

.overlay-success.overlay-darken-3 {
  background: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%); /* The Fallback */
  background: rgba(10.6653540077%, 53.0601361884%, 29.5963573714%, 0.6);
}

.success.darken-4 {
  color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.bg-success.bg-darken-4 {
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-success.btn-darken-4 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}
.btn-success.btn-darken-4:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-darken-4:focus, .btn-success.btn-darken-4:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-darken-4 {
  border-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
  color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}
.btn-outline-success.btn-outline-darken-4:hover {
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.border-success.border-darken-4 {
  border: 1px solid rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.border-top-success.border-top-darken-4 {
  border-top: 1px solid rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.border-bottom-success.border-bottom-darken-4 {
  border-bottom: 1px solid rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.border-left-success.border-left-darken-4 {
  border-left: 1px solid rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.border-right-success.border-right-darken-4 {
  border-right: 1px solid rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.overlay-success.overlay-darken-4 {
  background: rgb(8.9917138403%, 44.7337763557%, 24.952005907%); /* The Fallback */
  background: rgba(8.9917138403%, 44.7337763557%, 24.952005907%, 0.6);
}

.success.accent-1 {
  color: #e1fff1 !important;
}

.bg-success.bg-accent-1 {
  background-color: #e1fff1 !important;
}

.btn-success.btn-accent-1 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #e1fff1 !important;
}
.btn-success.btn-accent-1:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-accent-1:focus, .btn-success.btn-accent-1:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-accent-1 {
  border-color: #e1fff1 !important;
  color: #e1fff1 !important;
}
.btn-outline-success.btn-outline-accent-1:hover {
  background-color: #e1fff1 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #e1fff1 !important;
}

.border-success.border-accent-1 {
  border: 1px solid #e1fff1 !important;
}

.border-top-success.border-top-accent-1 {
  border-top: 1px solid #e1fff1 !important;
}

.border-bottom-success.border-bottom-accent-1 {
  border-bottom: 1px solid #e1fff1 !important;
}

.border-left-success.border-left-accent-1 {
  border-left: 1px solid #e1fff1 !important;
}

.border-right-success.border-right-accent-1 {
  border-right: 1px solid #e1fff1 !important;
}

.overlay-success.overlay-accent-1 {
  background: #e1fff1; /* The Fallback */
  background: rgba(225, 255, 241, 0.6);
}

.success.accent-2 {
  color: #aeffd9 !important;
}

.bg-success.bg-accent-2 {
  background-color: #aeffd9 !important;
}

.btn-success.btn-accent-2 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #aeffd9 !important;
}
.btn-success.btn-accent-2:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-accent-2:focus, .btn-success.btn-accent-2:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-accent-2 {
  border-color: #aeffd9 !important;
  color: #aeffd9 !important;
}
.btn-outline-success.btn-outline-accent-2:hover {
  background-color: #aeffd9 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #aeffd9 !important;
}

.border-success.border-accent-2 {
  border: 1px solid #aeffd9 !important;
}

.border-top-success.border-top-accent-2 {
  border-top: 1px solid #aeffd9 !important;
}

.border-bottom-success.border-bottom-accent-2 {
  border-bottom: 1px solid #aeffd9 !important;
}

.border-left-success.border-left-accent-2 {
  border-left: 1px solid #aeffd9 !important;
}

.border-right-success.border-right-accent-2 {
  border-right: 1px solid #aeffd9 !important;
}

.overlay-success.overlay-accent-2 {
  background: #aeffd9; /* The Fallback */
  background: rgba(174, 255, 217, 0.6);
}

.success.accent-3 {
  color: #7bffc1 !important;
}

.bg-success.bg-accent-3 {
  background-color: #7bffc1 !important;
}

.btn-success.btn-accent-3 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #7bffc1 !important;
}
.btn-success.btn-accent-3:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-accent-3:focus, .btn-success.btn-accent-3:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-accent-3 {
  border-color: #7bffc1 !important;
  color: #7bffc1 !important;
}
.btn-outline-success.btn-outline-accent-3:hover {
  background-color: #7bffc1 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7bffc1 !important;
}

.border-success.border-accent-3 {
  border: 1px solid #7bffc1 !important;
}

.border-top-success.border-top-accent-3 {
  border-top: 1px solid #7bffc1 !important;
}

.border-bottom-success.border-bottom-accent-3 {
  border-bottom: 1px solid #7bffc1 !important;
}

.border-left-success.border-left-accent-3 {
  border-left: 1px solid #7bffc1 !important;
}

.border-right-success.border-right-accent-3 {
  border-right: 1px solid #7bffc1 !important;
}

.overlay-success.overlay-accent-3 {
  background: #7bffc1; /* The Fallback */
  background: rgba(123, 255, 193, 0.6);
}

.success.accent-4 {
  color: #62ffb5 !important;
}

.bg-success.bg-accent-4 {
  background-color: #62ffb5 !important;
}

.btn-success.btn-accent-4 {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #62ffb5 !important;
}
.btn-success.btn-accent-4:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-accent-4:focus, .btn-success.btn-accent-4:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-accent-4 {
  border-color: #62ffb5 !important;
  color: #62ffb5 !important;
}
.btn-outline-success.btn-outline-accent-4:hover {
  background-color: #62ffb5 !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #62ffb5 !important;
}

.border-success.border-accent-4 {
  border: 1px solid #62ffb5 !important;
}

.border-top-success.border-top-accent-4 {
  border-top: 1px solid #62ffb5 !important;
}

.border-bottom-success.border-bottom-accent-4 {
  border-bottom: 1px solid #62ffb5 !important;
}

.border-left-success.border-left-accent-4 {
  border-left: 1px solid #62ffb5 !important;
}

.border-right-success.border-right-accent-4 {
  border-right: 1px solid #62ffb5 !important;
}

.overlay-success.overlay-accent-4 {
  background: #62ffb5; /* The Fallback */
  background: rgba(98, 255, 181, 0.6);
}

.success.gradient-bg {
  color: #0064fa !important;
}

.bg-success.bg-gradient-bg {
  background-color: #0064fa !important;
}

.btn-success.btn-gradient-bg {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: #0064fa !important;
}
.btn-success.btn-gradient-bg:hover {
  border-color: rgb(12.3389941751%, 61.386496021%, 34.2407088358%) !important;
  background-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
}
.btn-success.btn-gradient-bg:focus, .btn-success.btn-gradient-bg:active {
  border-color: rgb(10.6653540077%, 53.0601361884%, 29.5963573714%) !important;
  background-color: rgb(8.9917138403%, 44.7337763557%, 24.952005907%) !important;
}

.btn-outline-success.btn-outline-gradient-bg {
  border-color: #0064fa !important;
  color: #0064fa !important;
}
.btn-outline-success.btn-outline-gradient-bg:hover {
  background-color: #0064fa !important;
}

input:focus ~ .bg-success {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #0064fa !important;
}

.border-success.border-gradient-bg {
  border: 1px solid #0064fa !important;
}

.border-top-success.border-top-gradient-bg {
  border-top: 1px solid #0064fa !important;
}

.border-bottom-success.border-bottom-gradient-bg {
  border-bottom: 1px solid #0064fa !important;
}

.border-left-success.border-left-gradient-bg {
  border-left: 1px solid #0064fa !important;
}

.border-right-success.border-right-gradient-bg {
  border-right: 1px solid #0064fa !important;
}

.overlay-success.overlay-gradient-bg {
  background: #0064fa; /* The Fallback */
  background: rgba(0, 100, 250, 0.6);
}

.info.gradient-light {
  color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.bg-info.bg-gradient-light {
  background-color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.btn-info.btn-gradient-light {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}
.btn-info.btn-gradient-light:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-gradient-light:focus, .btn-info.btn-gradient-light:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-gradient-light {
  border-color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
  color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}
.btn-outline-info.btn-outline-gradient-light:hover {
  background-color: rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.border-info.border-gradient-light {
  border: 1px solid rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.border-top-info.border-top-gradient-light {
  border-top: 1px solid rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.border-bottom-info.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.border-left-info.border-left-gradient-light {
  border-left: 1px solid rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.border-right-info.border-right-gradient-light {
  border-right: 1px solid rgb(17.6403921569%, 56.8085389903%, 100%) !important;
}

.overlay-info.overlay-gradient-light {
  background: rgb(17.6403921569%, 56.8085389903%, 100%); /* The Fallback */
  background: rgba(17.6403921569%, 56.8085389903%, 100%, 0.6);
}

.info.light-badge {
  color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.bg-info.bg-light-badge {
  background-color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.btn-info.btn-light-badge {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}
.btn-info.btn-light-badge:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-light-badge:focus, .btn-info.btn-light-badge:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-light-badge {
  border-color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
  color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}
.btn-outline-info.btn-outline-light-badge:hover {
  background-color: rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.border-info.border-light-badge {
  border: 1px solid rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.border-top-info.border-top-light-badge {
  border-top: 1px solid rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.border-bottom-info.border-bottom-light-badge {
  border-bottom: 1px solid rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.border-left-info.border-left-light-badge {
  border-left: 1px solid rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.border-right-info.border-right-light-badge {
  border-right: 1px solid rgb(70.9803921569%, 96.8728870859%, 100%) !important;
}

.overlay-info.overlay-light-badge {
  background: rgb(70.9803921569%, 96.8728870859%, 100%); /* The Fallback */
  background: rgba(70.9803921569%, 96.8728870859%, 100%, 0.6);
}

.info.lighten-5 {
  color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.bg-info.bg-lighten-5 {
  background-color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.btn-info.btn-lighten-5 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}
.btn-info.btn-lighten-5:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-lighten-5:focus, .btn-info.btn-lighten-5:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-lighten-5 {
  border-color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
  color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}
.btn-outline-info.btn-outline-lighten-5:hover {
  background-color: rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.border-info.border-lighten-5 {
  border: 1px solid rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.border-top-info.border-top-lighten-5 {
  border-top: 1px solid rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.border-bottom-info.border-bottom-lighten-5 {
  border-bottom: 1px solid rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.border-left-info.border-left-lighten-5 {
  border-left: 1px solid rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.border-right-info.border-right-lighten-5 {
  border-right: 1px solid rgb(40.9803921569%, 93.6401284652%, 100%) !important;
}

.overlay-info.overlay-lighten-5 {
  background: rgb(40.9803921569%, 93.6401284652%, 100%); /* The Fallback */
  background: rgba(40.9803921569%, 93.6401284652%, 100%, 0.6);
}

.info.lighten-4 {
  color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.bg-info.bg-lighten-4 {
  background-color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.btn-info.btn-lighten-4 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}
.btn-info.btn-lighten-4:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-lighten-4:focus, .btn-info.btn-lighten-4:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-lighten-4 {
  border-color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
  color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}
.btn-outline-info.btn-outline-lighten-4:hover {
  background-color: rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.border-info.border-lighten-4 {
  border: 1px solid rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.border-top-info.border-top-lighten-4 {
  border-top: 1px solid rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.border-bottom-info.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.border-left-info.border-left-lighten-4 {
  border-left: 1px solid rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.border-right-info.border-right-lighten-4 {
  border-right: 1px solid rgb(30.9803921569%, 92.5625422583%, 100%) !important;
}

.overlay-info.overlay-lighten-4 {
  background: rgb(30.9803921569%, 92.5625422583%, 100%); /* The Fallback */
  background: rgba(30.9803921569%, 92.5625422583%, 100%, 0.6);
}

.info.lighten-3 {
  color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.bg-info.bg-lighten-3 {
  background-color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.btn-info.btn-lighten-3 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}
.btn-info.btn-lighten-3:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-lighten-3:focus, .btn-info.btn-lighten-3:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-lighten-3 {
  border-color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
  color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}
.btn-outline-info.btn-outline-lighten-3:hover {
  background-color: rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.border-info.border-lighten-3 {
  border: 1px solid rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.border-top-info.border-top-lighten-3 {
  border-top: 1px solid rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.border-bottom-info.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.border-left-info.border-left-lighten-3 {
  border-left: 1px solid rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.border-right-info.border-right-lighten-3 {
  border-right: 1px solid rgb(20.9803921569%, 91.4849560514%, 100%) !important;
}

.overlay-info.overlay-lighten-3 {
  background: rgb(20.9803921569%, 91.4849560514%, 100%); /* The Fallback */
  background: rgba(20.9803921569%, 91.4849560514%, 100%, 0.6);
}

.info.lighten-2 {
  color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.bg-info.bg-lighten-2 {
  background-color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.btn-info.btn-lighten-2 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}
.btn-info.btn-lighten-2:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-lighten-2:focus, .btn-info.btn-lighten-2:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-lighten-2 {
  border-color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
  color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}
.btn-outline-info.btn-outline-lighten-2:hover {
  background-color: rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.border-info.border-lighten-2 {
  border: 1px solid rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.border-top-info.border-top-lighten-2 {
  border-top: 1px solid rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.border-bottom-info.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.border-left-info.border-left-lighten-2 {
  border-left: 1px solid rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.border-right-info.border-right-lighten-2 {
  border-right: 1px solid rgb(10.9803921569%, 90.4073698445%, 100%) !important;
}

.overlay-info.overlay-lighten-2 {
  background: rgb(10.9803921569%, 90.4073698445%, 100%); /* The Fallback */
  background: rgba(10.9803921569%, 90.4073698445%, 100%, 0.6);
}

.info.lighten-1 {
  color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.bg-info.bg-lighten-1 {
  background-color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.btn-info.btn-lighten-1 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}
.btn-info.btn-lighten-1:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-lighten-1:focus, .btn-info.btn-lighten-1:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-lighten-1 {
  border-color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
  color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}
.btn-outline-info.btn-outline-lighten-1:hover {
  background-color: rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.border-info.border-lighten-1 {
  border: 1px solid rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.border-top-info.border-top-lighten-1 {
  border-top: 1px solid rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.border-bottom-info.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.border-left-info.border-left-lighten-1 {
  border-left: 1px solid rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.border-right-info.border-right-lighten-1 {
  border-right: 1px solid rgb(0.9803921569%, 89.3297836376%, 100%) !important;
}

.overlay-info.overlay-lighten-1 {
  background: rgb(0.9803921569%, 89.3297836376%, 100%); /* The Fallback */
  background: rgba(0.9803921569%, 89.3297836376%, 100%, 0.6);
}

.info {
  color: #00cfe8 !important;
}

.bg-info {
  background-color: #00cfe8 !important;
}
.bg-info .card-header,
.bg-info .card-footer {
  background-color: transparent;
}

.alert-info {
  background: rgba(0, 207, 232, 0.2) !important;
  color: #00cfe8 !important;
}
.alert-info .alert-heading {
  box-shadow: rgba(0, 207, 232, 0.4) 0px 6px 15px -7px;
}
.alert-info .alert-link {
  color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.bg-rgba-info {
  background: rgba(0, 207, 232, 0.15) !important;
}

.border-info {
  border: 1px solid #00cfe8 !important;
}

.border-top-info {
  border-top: 1px solid #00cfe8;
}

.border-bottom-info {
  border-bottom: 1px solid #00cfe8;
}

.border-left-info {
  border-left: 1px solid #00cfe8;
}

.border-right-info {
  border-right: 1px solid #00cfe8;
}

.badge.badge-light-info {
  background-color: rgb(70.9803921569%, 96.8728870859%, 100%);
  color: #00cfe8 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-info.badge-glow,
.border-info.badge-glow,
.badge-info.badge-glow {
  box-shadow: 0px 0px 10px #00cfe8;
}

.overlay-info {
  background: #00cfe8; /* The Fallback */
  background: rgba(0, 207, 232, 0.6);
}

.btn-info {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #00cfe8 !important;
  color: #fff;
}
.btn-info:hover {
  border-color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #00cfe8;
}
.btn-info:focus, .btn-info:active {
  color: #fff !important;
}

.btn-flat-info {
  background-color: transparent;
  color: #00cfe8;
}
.btn-flat-info:hover {
  color: #00cfe8;
  background-color: rgba(0, 207, 232, 0.1);
}
.btn-flat-info:active, .btn-flat-info:focus {
  background-color: #00cfe8;
  color: #fff !important;
}

.btn-relief-info {
  background-color: #00cfe8;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-info:hover {
  color: #fff;
}
.btn-relief-info:active, .btn-relief-info:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-info {
  border: 1px solid #00cfe8;
  background-color: transparent;
  color: #00cfe8;
}
.btn-outline-info:hover {
  background-color: rgba(0, 207, 232, 0.08);
  color: #00cfe8;
}
.btn-outline-info:active {
  color: #fff !important;
}

.btn-info ~ .dropdown-menu .dropdown-item.active,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active {
  background-color: #00cfe8;
  color: #fff;
}
.btn-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-info ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #00cfe8;
}

.bullet.bullet-info {
  background-color: #00cfe8;
}
.bullet.bullet-info.bullet-bordered {
  background-color: transparent;
  border: 2px solid #00cfe8;
}

.pagination-info li.active a,
.pagination-info li.active .page-link,
.pagination-info .page-item.active a,
.pagination-info .page-item.active .page-link {
  background: #00cfe8 !important;
  color: #fff;
}
.pagination-info li.active a:hover,
.pagination-info li.active .page-link:hover,
.pagination-info .page-item.active a:hover,
.pagination-info .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-info li a:hover,
.pagination-info li .page-link:hover,
.pagination-info .page-item a:hover,
.pagination-info .page-item .page-link:hover {
  color: #00cfe8 !important;
}
.pagination-info li.prev-item .page-link:hover, .pagination-info li.next-item .page-link:hover,
.pagination-info .page-item.prev-item .page-link:hover,
.pagination-info .page-item.next-item .page-link:hover {
  background: #00cfe8;
  color: #fff;
}

.nav-pill-info .nav-item .nav-link.active {
  color: #fff;
  background-color: #00cfe8;
}

.chip-info {
  background-color: #00cfe8 !important;
}
.chip-info .chip-body {
  color: #fff !important;
}

.divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
  border-color: #00cfe8 !important;
}

input[type=checkbox].bg-info + .custom-control-label:before, input[type=radio].bg-info + .custom-control-label:before {
  background-color: #00cfe8 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #00cfe8 !important;
}

.vx-checkbox-info input:checked ~ .vx-checkbox {
  border-color: #00cfe8 !important;
}
.vx-checkbox-info input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #00cfe8 !important;
}
.vx-checkbox-info input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #00cfe8 !important;
}

.vertical-layout .main-menu.theme-info .navbar-header .navbar-nav .brand-text {
  color: #00cfe8;
}
.vertical-layout .main-menu.theme-info .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-info .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #00cfe8, rgba(0, 207, 232, 0.7));
  box-shadow: 0 0 10px 1px rgba(0, 207, 232, 0.7);
}

.horizontal-layout.theme-info .header-navbar .brand-text {
  color: #00cfe8 !important;
}
.horizontal-layout.theme-info .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #00cfe8, rgba(0, 207, 232, 0.7));
  box-shadow: 0 0 10px 1px rgba(0, 207, 232, 0.7) !important;
}

.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #00cfe8 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-info {
  border: 1px solid transparent;
}
.color-radio.color-radio-info.selected {
  border-color: #00cfe8;
}
.color-radio.color-radio-info .radio-content {
  background-color: #00cfe8;
}

.vx-radio-info input:checked ~ .vx-radio .vx-radio--circle {
  background: #00cfe8 !important;
  box-shadow: 0 3px 12px 0 rgba(0, 207, 232, 0.4) !important;
}

.info.darken-1 {
  color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.bg-info.bg-darken-1 {
  background-color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.btn-info.btn-darken-1 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}
.btn-info.btn-darken-1:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-darken-1:focus, .btn-info.btn-darken-1:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-darken-1 {
  border-color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
  color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}
.btn-outline-info.btn-outline-darken-1:hover {
  background-color: rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.border-info.border-darken-1 {
  border: 1px solid rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.border-top-info.border-top-darken-1 {
  border-top: 1px solid rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.border-bottom-info.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.border-left-info.border-left-darken-1 {
  border-left: 1px solid rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.border-right-info.border-right-darken-1 {
  border-right: 1px solid rgb(0%, 72.2540567951%, 80.9803921569%) !important;
}

.overlay-info.overlay-darken-1 {
  background: rgb(0%, 72.2540567951%, 80.9803921569%); /* The Fallback */
  background: rgba(0%, 72.2540567951%, 80.9803921569%, 0.6);
}

.info.darken-2 {
  color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.bg-info.bg-darken-2 {
  background-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.btn-info.btn-darken-2 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}
.btn-info.btn-darken-2:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-darken-2:focus, .btn-info.btn-darken-2:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-darken-2 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}
.btn-outline-info.btn-outline-darken-2:hover {
  background-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.border-info.border-darken-2 {
  border: 1px solid rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.border-top-info.border-top-darken-2 {
  border-top: 1px solid rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.border-bottom-info.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.border-left-info.border-left-darken-2 {
  border-left: 1px solid rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.border-right-info.border-right-darken-2 {
  border-right: 1px solid rgb(0%, 63.331643002%, 70.9803921569%) !important;
}

.overlay-info.overlay-darken-2 {
  background: rgb(0%, 63.331643002%, 70.9803921569%); /* The Fallback */
  background: rgba(0%, 63.331643002%, 70.9803921569%, 0.6);
}

.info.darken-3 {
  color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.bg-info.bg-darken-3 {
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.btn-info.btn-darken-3 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-darken-3:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-darken-3:focus, .btn-info.btn-darken-3:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-darken-3 {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-outline-info.btn-outline-darken-3:hover {
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.border-info.border-darken-3 {
  border: 1px solid rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.border-top-info.border-top-darken-3 {
  border-top: 1px solid rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.border-bottom-info.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.border-left-info.border-left-darken-3 {
  border-left: 1px solid rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.border-right-info.border-right-darken-3 {
  border-right: 1px solid rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}

.overlay-info.overlay-darken-3 {
  background: rgb(0%, 54.4092292089%, 60.9803921569%); /* The Fallback */
  background: rgba(0%, 54.4092292089%, 60.9803921569%, 0.6);
}

.info.darken-4 {
  color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.bg-info.bg-darken-4 {
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-info.btn-darken-4 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}
.btn-info.btn-darken-4:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-darken-4:focus, .btn-info.btn-darken-4:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-darken-4 {
  border-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
  color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}
.btn-outline-info.btn-outline-darken-4:hover {
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.border-info.border-darken-4 {
  border: 1px solid rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.border-top-info.border-top-darken-4 {
  border-top: 1px solid rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.border-bottom-info.border-bottom-darken-4 {
  border-bottom: 1px solid rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.border-left-info.border-left-darken-4 {
  border-left: 1px solid rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.border-right-info.border-right-darken-4 {
  border-right: 1px solid rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.overlay-info.overlay-darken-4 {
  background: rgb(0%, 45.4868154158%, 50.9803921569%); /* The Fallback */
  background: rgba(0%, 45.4868154158%, 50.9803921569%, 0.6);
}

.info.accent-1 {
  color: #feffff !important;
}

.bg-info.bg-accent-1 {
  background-color: #feffff !important;
}

.btn-info.btn-accent-1 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #feffff !important;
}
.btn-info.btn-accent-1:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-accent-1:focus, .btn-info.btn-accent-1:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-accent-1 {
  border-color: #feffff !important;
  color: #feffff !important;
}
.btn-outline-info.btn-outline-accent-1:hover {
  background-color: #feffff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #feffff !important;
}

.border-info.border-accent-1 {
  border: 1px solid #feffff !important;
}

.border-top-info.border-top-accent-1 {
  border-top: 1px solid #feffff !important;
}

.border-bottom-info.border-bottom-accent-1 {
  border-bottom: 1px solid #feffff !important;
}

.border-left-info.border-left-accent-1 {
  border-left: 1px solid #feffff !important;
}

.border-right-info.border-right-accent-1 {
  border-right: 1px solid #feffff !important;
}

.overlay-info.overlay-accent-1 {
  background: #feffff; /* The Fallback */
  background: rgba(254, 255, 255, 0.6);
}

.info.accent-2 {
  color: #cbf5ff !important;
}

.bg-info.bg-accent-2 {
  background-color: #cbf5ff !important;
}

.btn-info.btn-accent-2 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #cbf5ff !important;
}
.btn-info.btn-accent-2:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-accent-2:focus, .btn-info.btn-accent-2:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-accent-2 {
  border-color: #cbf5ff !important;
  color: #cbf5ff !important;
}
.btn-outline-info.btn-outline-accent-2:hover {
  background-color: #cbf5ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #cbf5ff !important;
}

.border-info.border-accent-2 {
  border: 1px solid #cbf5ff !important;
}

.border-top-info.border-top-accent-2 {
  border-top: 1px solid #cbf5ff !important;
}

.border-bottom-info.border-bottom-accent-2 {
  border-bottom: 1px solid #cbf5ff !important;
}

.border-left-info.border-left-accent-2 {
  border-left: 1px solid #cbf5ff !important;
}

.border-right-info.border-right-accent-2 {
  border-right: 1px solid #cbf5ff !important;
}

.overlay-info.overlay-accent-2 {
  background: #cbf5ff; /* The Fallback */
  background: rgba(203, 245, 255, 0.6);
}

.info.accent-3 {
  color: #98ecff !important;
}

.bg-info.bg-accent-3 {
  background-color: #98ecff !important;
}

.btn-info.btn-accent-3 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #98ecff !important;
}
.btn-info.btn-accent-3:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-accent-3:focus, .btn-info.btn-accent-3:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-accent-3 {
  border-color: #98ecff !important;
  color: #98ecff !important;
}
.btn-outline-info.btn-outline-accent-3:hover {
  background-color: #98ecff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #98ecff !important;
}

.border-info.border-accent-3 {
  border: 1px solid #98ecff !important;
}

.border-top-info.border-top-accent-3 {
  border-top: 1px solid #98ecff !important;
}

.border-bottom-info.border-bottom-accent-3 {
  border-bottom: 1px solid #98ecff !important;
}

.border-left-info.border-left-accent-3 {
  border-left: 1px solid #98ecff !important;
}

.border-right-info.border-right-accent-3 {
  border-right: 1px solid #98ecff !important;
}

.overlay-info.overlay-accent-3 {
  background: #98ecff; /* The Fallback */
  background: rgba(152, 236, 255, 0.6);
}

.info.accent-4 {
  color: #7fe7ff !important;
}

.bg-info.bg-accent-4 {
  background-color: #7fe7ff !important;
}

.btn-info.btn-accent-4 {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #7fe7ff !important;
}
.btn-info.btn-accent-4:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-accent-4:focus, .btn-info.btn-accent-4:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-accent-4 {
  border-color: #7fe7ff !important;
  color: #7fe7ff !important;
}
.btn-outline-info.btn-outline-accent-4:hover {
  background-color: #7fe7ff !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #7fe7ff !important;
}

.border-info.border-accent-4 {
  border: 1px solid #7fe7ff !important;
}

.border-top-info.border-top-accent-4 {
  border-top: 1px solid #7fe7ff !important;
}

.border-bottom-info.border-bottom-accent-4 {
  border-bottom: 1px solid #7fe7ff !important;
}

.border-left-info.border-left-accent-4 {
  border-left: 1px solid #7fe7ff !important;
}

.border-right-info.border-right-accent-4 {
  border-right: 1px solid #7fe7ff !important;
}

.overlay-info.overlay-accent-4 {
  background: #7fe7ff; /* The Fallback */
  background: rgba(127, 231, 255, 0.6);
}

.info.gradient-bg {
  color: #640064 !important;
}

.bg-info.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-info.btn-gradient-bg {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: #640064 !important;
}
.btn-info.btn-gradient-bg:hover {
  border-color: rgb(0%, 63.331643002%, 70.9803921569%) !important;
  background-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
}
.btn-info.btn-gradient-bg:focus, .btn-info.btn-gradient-bg:active {
  border-color: rgb(0%, 54.4092292089%, 60.9803921569%) !important;
  background-color: rgb(0%, 45.4868154158%, 50.9803921569%) !important;
}

.btn-outline-info.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-info.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-info {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-info.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-info.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-info.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-info.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-info.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-info.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.warning.gradient-light {
  color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.bg-warning.bg-gradient-light {
  background-color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.btn-warning.btn-gradient-light {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}
.btn-warning.btn-gradient-light:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-gradient-light:focus, .btn-warning.btn-gradient-light:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-gradient-light {
  border-color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
  color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}
.btn-outline-warning.btn-outline-gradient-light:hover {
  background-color: rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.border-warning.border-gradient-light {
  border: 1px solid rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.border-top-warning.border-top-gradient-light {
  border-top: 1px solid rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.border-bottom-warning.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.border-left-warning.border-left-gradient-light {
  border-left: 1px solid rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.border-right-warning.border-right-gradient-light {
  border-right: 1px solid rgb(100%, 95.5771791128%, 52.9345098039%) !important;
}

.overlay-warning.overlay-gradient-light {
  background: rgb(100%, 95.5771791128%, 52.9345098039%); /* The Fallback */
  background: rgba(100%, 95.5771791128%, 52.9345098039%, 0.6);
}

.warning.light-badge {
  color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.bg-warning.bg-light-badge {
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.btn-warning.btn-light-badge {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}
.btn-warning.btn-light-badge:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-light-badge:focus, .btn-warning.btn-light-badge:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-light-badge {
  border-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
  color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}
.btn-outline-warning.btn-outline-light-badge:hover {
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-warning.border-light-badge {
  border: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-top-warning.border-top-light-badge {
  border-top: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-bottom-warning.border-bottom-light-badge {
  border-bottom: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-left-warning.border-left-light-badge {
  border-left: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-right-warning.border-right-light-badge {
  border-right: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.overlay-warning.overlay-light-badge {
  background: rgb(100%, 87.8848560701%, 76.2745098039%); /* The Fallback */
  background: rgba(100%, 87.8848560701%, 76.2745098039%, 0.6);
}

.warning.lighten-5 {
  color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.bg-warning.bg-lighten-5 {
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.btn-warning.btn-lighten-5 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}
.btn-warning.btn-lighten-5:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-lighten-5:focus, .btn-warning.btn-lighten-5:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-lighten-5 {
  border-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
  color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}
.btn-outline-warning.btn-outline-lighten-5:hover {
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-warning.border-lighten-5 {
  border: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-top-warning.border-top-lighten-5 {
  border-top: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-bottom-warning.border-bottom-lighten-5 {
  border-bottom: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-left-warning.border-left-lighten-5 {
  border-left: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.border-right-warning.border-right-lighten-5 {
  border-right: 1px solid rgb(100%, 87.8848560701%, 76.2745098039%) !important;
}

.overlay-warning.overlay-lighten-5 {
  background: rgb(100%, 87.8848560701%, 76.2745098039%); /* The Fallback */
  background: rgba(100%, 87.8848560701%, 76.2745098039%, 0.6);
}

.warning.lighten-4 {
  color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.bg-warning.bg-lighten-4 {
  background-color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.btn-warning.btn-lighten-4 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}
.btn-warning.btn-lighten-4:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-lighten-4:focus, .btn-warning.btn-lighten-4:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-lighten-4 {
  border-color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
  color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}
.btn-outline-warning.btn-outline-lighten-4:hover {
  background-color: rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.border-warning.border-lighten-4 {
  border: 1px solid rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.border-top-warning.border-top-lighten-4 {
  border-top: 1px solid rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.border-bottom-warning.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.border-left-warning.border-left-lighten-4 {
  border-left: 1px solid rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.border-right-warning.border-right-lighten-4 {
  border-right: 1px solid rgb(100%, 82.7784730914%, 66.2745098039%) !important;
}

.overlay-warning.overlay-lighten-4 {
  background: rgb(100%, 82.7784730914%, 66.2745098039%); /* The Fallback */
  background: rgba(100%, 82.7784730914%, 66.2745098039%, 0.6);
}

.warning.lighten-3 {
  color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.bg-warning.bg-lighten-3 {
  background-color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.btn-warning.btn-lighten-3 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}
.btn-warning.btn-lighten-3:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-lighten-3:focus, .btn-warning.btn-lighten-3:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-lighten-3 {
  border-color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
  color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}
.btn-outline-warning.btn-outline-lighten-3:hover {
  background-color: rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.border-warning.border-lighten-3 {
  border: 1px solid rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.border-top-warning.border-top-lighten-3 {
  border-top: 1px solid rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.border-bottom-warning.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.border-left-warning.border-left-lighten-3 {
  border-left: 1px solid rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.border-right-warning.border-right-lighten-3 {
  border-right: 1px solid rgb(100%, 77.6720901126%, 56.2745098039%) !important;
}

.overlay-warning.overlay-lighten-3 {
  background: rgb(100%, 77.6720901126%, 56.2745098039%); /* The Fallback */
  background: rgba(100%, 77.6720901126%, 56.2745098039%, 0.6);
}

.warning.lighten-2 {
  color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.bg-warning.bg-lighten-2 {
  background-color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.btn-warning.btn-lighten-2 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}
.btn-warning.btn-lighten-2:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-lighten-2:focus, .btn-warning.btn-lighten-2:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-lighten-2 {
  border-color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
  color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}
.btn-outline-warning.btn-outline-lighten-2:hover {
  background-color: rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.border-warning.border-lighten-2 {
  border: 1px solid rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.border-top-warning.border-top-lighten-2 {
  border-top: 1px solid rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.border-bottom-warning.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.border-left-warning.border-left-lighten-2 {
  border-left: 1px solid rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.border-right-warning.border-right-lighten-2 {
  border-right: 1px solid rgb(100%, 72.5657071339%, 46.2745098039%) !important;
}

.overlay-warning.overlay-lighten-2 {
  background: rgb(100%, 72.5657071339%, 46.2745098039%); /* The Fallback */
  background: rgba(100%, 72.5657071339%, 46.2745098039%, 0.6);
}

.warning.lighten-1 {
  color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.bg-warning.bg-lighten-1 {
  background-color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.btn-warning.btn-lighten-1 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}
.btn-warning.btn-lighten-1:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-lighten-1:focus, .btn-warning.btn-lighten-1:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-lighten-1 {
  border-color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
  color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}
.btn-outline-warning.btn-outline-lighten-1:hover {
  background-color: rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.border-warning.border-lighten-1 {
  border: 1px solid rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.border-top-warning.border-top-lighten-1 {
  border-top: 1px solid rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.border-bottom-warning.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.border-left-warning.border-left-lighten-1 {
  border-left: 1px solid rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.border-right-warning.border-right-lighten-1 {
  border-right: 1px solid rgb(100%, 67.4593241552%, 36.2745098039%) !important;
}

.overlay-warning.overlay-lighten-1 {
  background: rgb(100%, 67.4593241552%, 36.2745098039%); /* The Fallback */
  background: rgba(100%, 67.4593241552%, 36.2745098039%, 0.6);
}

.warning {
  color: #ff9f43 !important;
}

.bg-warning {
  background-color: #ff9f43 !important;
}
.bg-warning .card-header,
.bg-warning .card-footer {
  background-color: transparent;
}

.alert-warning {
  background: rgba(255, 159, 67, 0.2) !important;
  color: #ff9f43 !important;
}
.alert-warning .alert-heading {
  box-shadow: rgba(255, 159, 67, 0.4) 0px 6px 15px -7px;
}
.alert-warning .alert-link {
  color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.bg-rgba-warning {
  background: rgba(255, 159, 67, 0.15) !important;
}

.border-warning {
  border: 1px solid #ff9f43 !important;
}

.border-top-warning {
  border-top: 1px solid #ff9f43;
}

.border-bottom-warning {
  border-bottom: 1px solid #ff9f43;
}

.border-left-warning {
  border-left: 1px solid #ff9f43;
}

.border-right-warning {
  border-right: 1px solid #ff9f43;
}

.badge.badge-light-warning {
  background-color: rgb(100%, 87.8848560701%, 76.2745098039%);
  color: #ff9f43 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-warning.badge-glow,
.border-warning.badge-glow,
.badge-warning.badge-glow {
  box-shadow: 0px 0px 10px #ff9f43;
}

.overlay-warning {
  background: #ff9f43; /* The Fallback */
  background: rgba(255, 159, 67, 0.6);
}

.btn-warning {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #ff9f43 !important;
  color: #fff;
}
.btn-warning:hover {
  border-color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #ff9f43;
}
.btn-warning:focus, .btn-warning:active {
  color: #fff !important;
}

.btn-flat-warning {
  background-color: transparent;
  color: #ff9f43;
}
.btn-flat-warning:hover {
  color: #ff9f43;
  background-color: rgba(255, 159, 67, 0.1);
}
.btn-flat-warning:active, .btn-flat-warning:focus {
  background-color: #ff9f43;
  color: #fff !important;
}

.btn-relief-warning {
  background-color: #ff9f43;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-warning:hover {
  color: #fff;
}
.btn-relief-warning:active, .btn-relief-warning:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-warning {
  border: 1px solid #ff9f43;
  background-color: transparent;
  color: #ff9f43;
}
.btn-outline-warning:hover {
  background-color: rgba(255, 159, 67, 0.08);
  color: #ff9f43;
}
.btn-outline-warning:active {
  color: #fff !important;
}

.btn-warning ~ .dropdown-menu .dropdown-item.active,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active {
  background-color: #ff9f43;
  color: #fff;
}
.btn-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-warning ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #ff9f43;
}

.bullet.bullet-warning {
  background-color: #ff9f43;
}
.bullet.bullet-warning.bullet-bordered {
  background-color: transparent;
  border: 2px solid #ff9f43;
}

.pagination-warning li.active a,
.pagination-warning li.active .page-link,
.pagination-warning .page-item.active a,
.pagination-warning .page-item.active .page-link {
  background: #ff9f43 !important;
  color: #fff;
}
.pagination-warning li.active a:hover,
.pagination-warning li.active .page-link:hover,
.pagination-warning .page-item.active a:hover,
.pagination-warning .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-warning li a:hover,
.pagination-warning li .page-link:hover,
.pagination-warning .page-item a:hover,
.pagination-warning .page-item .page-link:hover {
  color: #ff9f43 !important;
}
.pagination-warning li.prev-item .page-link:hover, .pagination-warning li.next-item .page-link:hover,
.pagination-warning .page-item.prev-item .page-link:hover,
.pagination-warning .page-item.next-item .page-link:hover {
  background: #ff9f43;
  color: #fff;
}

.nav-pill-warning .nav-item .nav-link.active {
  color: #fff;
  background-color: #ff9f43;
}

.chip-warning {
  background-color: #ff9f43 !important;
}
.chip-warning .chip-body {
  color: #fff !important;
}

.divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
  border-color: #ff9f43 !important;
}

input[type=checkbox].bg-warning + .custom-control-label:before, input[type=radio].bg-warning + .custom-control-label:before {
  background-color: #ff9f43 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ff9f43 !important;
}

.vx-checkbox-warning input:checked ~ .vx-checkbox {
  border-color: #ff9f43 !important;
}
.vx-checkbox-warning input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #ff9f43 !important;
}
.vx-checkbox-warning input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #ff9f43 !important;
}

.vertical-layout .main-menu.theme-warning .navbar-header .navbar-nav .brand-text {
  color: #ff9f43;
}
.vertical-layout .main-menu.theme-warning .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-warning .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #ff9f43, rgba(255, 159, 67, 0.7));
  box-shadow: 0 0 10px 1px rgba(255, 159, 67, 0.7);
}

.horizontal-layout.theme-warning .header-navbar .brand-text {
  color: #ff9f43 !important;
}
.horizontal-layout.theme-warning .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #ff9f43, rgba(255, 159, 67, 0.7));
  box-shadow: 0 0 10px 1px rgba(255, 159, 67, 0.7) !important;
}

.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff9f43 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-warning {
  border: 1px solid transparent;
}
.color-radio.color-radio-warning.selected {
  border-color: #ff9f43;
}
.color-radio.color-radio-warning .radio-content {
  background-color: #ff9f43;
}

.vx-radio-warning input:checked ~ .vx-radio .vx-radio--circle {
  background: #ff9f43 !important;
  box-shadow: 0 3px 12px 0 rgba(255, 159, 67, 0.4) !important;
}

.warning.darken-1 {
  color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.bg-warning.bg-darken-1 {
  background-color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.btn-warning.btn-darken-1 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}
.btn-warning.btn-darken-1:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-darken-1:focus, .btn-warning.btn-darken-1:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-darken-1 {
  border-color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
  color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}
.btn-outline-warning.btn-outline-darken-1:hover {
  background-color: rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.border-warning.border-darken-1 {
  border: 1px solid rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.border-top-warning.border-top-darken-1 {
  border-top: 1px solid rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.border-bottom-warning.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.border-left-warning.border-left-darken-1 {
  border-left: 1px solid rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.border-right-warning.border-right-darken-1 {
  border-right: 1px solid rgb(100%, 57.2465581977%, 16.2745098039%) !important;
}

.overlay-warning.overlay-darken-1 {
  background: rgb(100%, 57.2465581977%, 16.2745098039%); /* The Fallback */
  background: rgba(100%, 57.2465581977%, 16.2745098039%, 0.6);
}

.warning.darken-2 {
  color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.bg-warning.bg-darken-2 {
  background-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.btn-warning.btn-darken-2 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}
.btn-warning.btn-darken-2:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-darken-2:focus, .btn-warning.btn-darken-2:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-darken-2 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}
.btn-outline-warning.btn-outline-darken-2:hover {
  background-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.border-warning.border-darken-2 {
  border: 1px solid rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.border-top-warning.border-top-darken-2 {
  border-top: 1px solid rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.border-bottom-warning.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.border-left-warning.border-left-darken-2 {
  border-left: 1px solid rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.border-right-warning.border-right-darken-2 {
  border-right: 1px solid rgb(100%, 52.140175219%, 6.2745098039%) !important;
}

.overlay-warning.overlay-darken-2 {
  background: rgb(100%, 52.140175219%, 6.2745098039%); /* The Fallback */
  background: rgba(100%, 52.140175219%, 6.2745098039%, 0.6);
}

.warning.darken-3 {
  color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.bg-warning.bg-darken-3 {
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.btn-warning.btn-darken-3 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-darken-3:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-darken-3:focus, .btn-warning.btn-darken-3:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-darken-3 {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-outline-warning.btn-outline-darken-3:hover {
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.border-warning.border-darken-3 {
  border: 1px solid rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.border-top-warning.border-top-darken-3 {
  border-top: 1px solid rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.border-bottom-warning.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.border-left-warning.border-left-darken-3 {
  border-left: 1px solid rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.border-right-warning.border-right-darken-3 {
  border-right: 1px solid rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}

.overlay-warning.overlay-darken-3 {
  background: rgb(96.2745098039%, 47.1130579892%, 0%); /* The Fallback */
  background: rgba(96.2745098039%, 47.1130579892%, 0%, 0.6);
}

.warning.darken-4 {
  color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.bg-warning.bg-darken-4 {
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-warning.btn-darken-4 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}
.btn-warning.btn-darken-4:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-darken-4:focus, .btn-warning.btn-darken-4:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-darken-4 {
  border-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
  color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}
.btn-outline-warning.btn-outline-darken-4:hover {
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.border-warning.border-darken-4 {
  border: 1px solid rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.border-top-warning.border-top-darken-4 {
  border-top: 1px solid rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.border-bottom-warning.border-bottom-darken-4 {
  border-bottom: 1px solid rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.border-left-warning.border-left-darken-4 {
  border-left: 1px solid rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.border-right-warning.border-right-darken-4 {
  border-right: 1px solid rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.overlay-warning.overlay-darken-4 {
  background: rgb(86.2745098039%, 42.2194409679%, 0%); /* The Fallback */
  background: rgba(86.2745098039%, 42.2194409679%, 0%, 0.6);
}

.warning.accent-1 {
  color: #fff5ef !important;
}

.bg-warning.bg-accent-1 {
  background-color: #fff5ef !important;
}

.btn-warning.btn-accent-1 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #fff5ef !important;
}
.btn-warning.btn-accent-1:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-accent-1:focus, .btn-warning.btn-accent-1:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-accent-1 {
  border-color: #fff5ef !important;
  color: #fff5ef !important;
}
.btn-outline-warning.btn-outline-accent-1:hover {
  background-color: #fff5ef !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff5ef !important;
}

.border-warning.border-accent-1 {
  border: 1px solid #fff5ef !important;
}

.border-top-warning.border-top-accent-1 {
  border-top: 1px solid #fff5ef !important;
}

.border-bottom-warning.border-bottom-accent-1 {
  border-bottom: 1px solid #fff5ef !important;
}

.border-left-warning.border-left-accent-1 {
  border-left: 1px solid #fff5ef !important;
}

.border-right-warning.border-right-accent-1 {
  border-right: 1px solid #fff5ef !important;
}

.overlay-warning.overlay-accent-1 {
  background: #fff5ef; /* The Fallback */
  background: rgba(255, 245, 239, 0.6);
}

.warning.accent-2 {
  color: #ffe5d8 !important;
}

.bg-warning.bg-accent-2 {
  background-color: #ffe5d8 !important;
}

.btn-warning.btn-accent-2 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #ffe5d8 !important;
}
.btn-warning.btn-accent-2:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-accent-2:focus, .btn-warning.btn-accent-2:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-accent-2 {
  border-color: #ffe5d8 !important;
  color: #ffe5d8 !important;
}
.btn-outline-warning.btn-outline-accent-2:hover {
  background-color: #ffe5d8 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe5d8 !important;
}

.border-warning.border-accent-2 {
  border: 1px solid #ffe5d8 !important;
}

.border-top-warning.border-top-accent-2 {
  border-top: 1px solid #ffe5d8 !important;
}

.border-bottom-warning.border-bottom-accent-2 {
  border-bottom: 1px solid #ffe5d8 !important;
}

.border-left-warning.border-left-accent-2 {
  border-left: 1px solid #ffe5d8 !important;
}

.border-right-warning.border-right-accent-2 {
  border-right: 1px solid #ffe5d8 !important;
}

.overlay-warning.overlay-accent-2 {
  background: #ffe5d8; /* The Fallback */
  background: rgba(255, 229, 216, 0.6);
}

.warning.accent-3 {
  color: #fff6f3 !important;
}

.bg-warning.bg-accent-3 {
  background-color: #fff6f3 !important;
}

.btn-warning.btn-accent-3 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #fff6f3 !important;
}
.btn-warning.btn-accent-3:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-accent-3:focus, .btn-warning.btn-accent-3:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-accent-3 {
  border-color: #fff6f3 !important;
  color: #fff6f3 !important;
}
.btn-outline-warning.btn-outline-accent-3:hover {
  background-color: #fff6f3 !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fff6f3 !important;
}

.border-warning.border-accent-3 {
  border: 1px solid #fff6f3 !important;
}

.border-top-warning.border-top-accent-3 {
  border-top: 1px solid #fff6f3 !important;
}

.border-bottom-warning.border-bottom-accent-3 {
  border-bottom: 1px solid #fff6f3 !important;
}

.border-left-warning.border-left-accent-3 {
  border-left: 1px solid #fff6f3 !important;
}

.border-right-warning.border-right-accent-3 {
  border-right: 1px solid #fff6f3 !important;
}

.overlay-warning.overlay-accent-3 {
  background: #fff6f3; /* The Fallback */
  background: rgba(255, 246, 243, 0.6);
}

.warning.accent-4 {
  color: #ffe3da !important;
}

.bg-warning.bg-accent-4 {
  background-color: #ffe3da !important;
}

.btn-warning.btn-accent-4 {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #ffe3da !important;
}
.btn-warning.btn-accent-4:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-accent-4:focus, .btn-warning.btn-accent-4:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-accent-4 {
  border-color: #ffe3da !important;
  color: #ffe3da !important;
}
.btn-outline-warning.btn-outline-accent-4:hover {
  background-color: #ffe3da !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffe3da !important;
}

.border-warning.border-accent-4 {
  border: 1px solid #ffe3da !important;
}

.border-top-warning.border-top-accent-4 {
  border-top: 1px solid #ffe3da !important;
}

.border-bottom-warning.border-bottom-accent-4 {
  border-bottom: 1px solid #ffe3da !important;
}

.border-left-warning.border-left-accent-4 {
  border-left: 1px solid #ffe3da !important;
}

.border-right-warning.border-right-accent-4 {
  border-right: 1px solid #ffe3da !important;
}

.overlay-warning.overlay-accent-4 {
  background: #ffe3da; /* The Fallback */
  background: rgba(255, 227, 218, 0.6);
}

.warning.gradient-bg {
  color: #fafafa !important;
}

.bg-warning.bg-gradient-bg {
  background-color: #fafafa !important;
}

.btn-warning.btn-gradient-bg {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: #fafafa !important;
}
.btn-warning.btn-gradient-bg:hover {
  border-color: rgb(100%, 52.140175219%, 6.2745098039%) !important;
  background-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
}
.btn-warning.btn-gradient-bg:focus, .btn-warning.btn-gradient-bg:active {
  border-color: rgb(96.2745098039%, 47.1130579892%, 0%) !important;
  background-color: rgb(86.2745098039%, 42.2194409679%, 0%) !important;
}

.btn-outline-warning.btn-outline-gradient-bg {
  border-color: #fafafa !important;
  color: #fafafa !important;
}
.btn-outline-warning.btn-outline-gradient-bg:hover {
  background-color: #fafafa !important;
}

input:focus ~ .bg-warning {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #fafafa !important;
}

.border-warning.border-gradient-bg {
  border: 1px solid #fafafa !important;
}

.border-top-warning.border-top-gradient-bg {
  border-top: 1px solid #fafafa !important;
}

.border-bottom-warning.border-bottom-gradient-bg {
  border-bottom: 1px solid #fafafa !important;
}

.border-left-warning.border-left-gradient-bg {
  border-left: 1px solid #fafafa !important;
}

.border-right-warning.border-right-gradient-bg {
  border-right: 1px solid #fafafa !important;
}

.overlay-warning.overlay-gradient-bg {
  background: #fafafa; /* The Fallback */
  background: rgba(250, 250, 250, 0.6);
}

.danger.gradient-light {
  color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.bg-danger.bg-gradient-light {
  background-color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.btn-danger.btn-gradient-light {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}
.btn-danger.btn-gradient-light:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-gradient-light:focus, .btn-danger.btn-gradient-light:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-gradient-light {
  border-color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
  color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}
.btn-outline-danger.btn-outline-gradient-light:hover {
  background-color: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.border-danger.border-gradient-light {
  border: 1px solid rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.border-top-danger.border-top-gradient-light {
  border-top: 1px solid rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.border-bottom-danger.border-bottom-gradient-light {
  border-bottom: 1px solid rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.border-left-danger.border-left-gradient-light {
  border-left: 1px solid rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.border-right-danger.border-right-gradient-light {
  border-right: 1px solid rgb(97.5743733824%, 71.7424833794%, 53.7915089706%) !important;
}

.overlay-danger.overlay-gradient-light {
  background: rgb(97.5743733824%, 71.7424833794%, 53.7915089706%); /* The Fallback */
  background: rgba(97.5743733824%, 71.7424833794%, 53.7915089706%, 0.6);
}

.danger.light-badge {
  color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.bg-danger.bg-light-badge {
  background-color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.btn-danger.btn-light-badge {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}
.btn-danger.btn-light-badge:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-light-badge:focus, .btn-danger.btn-light-badge:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-light-badge {
  border-color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
  color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}
.btn-outline-danger.btn-outline-light-badge:hover {
  background-color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.border-danger.border-light-badge {
  border: 1px solid rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.border-top-danger.border-top-light-badge {
  border-top: 1px solid rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.border-bottom-danger.border-bottom-light-badge {
  border-bottom: 1px solid rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.border-left-danger.border-left-light-badge {
  border-left: 1px solid rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.border-right-danger.border-right-light-badge {
  border-right: 1px solid rgb(98.3272058824%, 86.3786764706%, 86.4583333333%) !important;
}

.overlay-danger.overlay-light-badge {
  background: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%); /* The Fallback */
  background: rgba(98.3272058824%, 86.3786764706%, 86.4583333333%, 0.6);
}

.danger.lighten-5 {
  color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.bg-danger.bg-lighten-5 {
  background-color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.btn-danger.btn-lighten-5 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}
.btn-danger.btn-lighten-5:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-lighten-5:focus, .btn-danger.btn-lighten-5:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-lighten-5 {
  border-color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
  color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}
.btn-outline-danger.btn-outline-lighten-5:hover {
  background-color: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.border-danger.border-lighten-5 {
  border: 1px solid rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.border-top-danger.border-top-lighten-5 {
  border-top: 1px solid rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.border-bottom-danger.border-bottom-lighten-5 {
  border-bottom: 1px solid rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.border-left-danger.border-left-lighten-5 {
  border-left: 1px solid rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.border-right-danger.border-right-lighten-5 {
  border-right: 1px solid rgb(97.2334558824%, 77.4724264706%, 77.6041666667%) !important;
}

.overlay-danger.overlay-lighten-5 {
  background: rgb(97.2334558824%, 77.4724264706%, 77.6041666667%); /* The Fallback */
  background: rgba(97.2334558824%, 77.4724264706%, 77.6041666667%, 0.6);
}

.danger.lighten-4 {
  color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.bg-danger.bg-lighten-4 {
  background-color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.btn-danger.btn-lighten-4 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}
.btn-danger.btn-lighten-4:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-lighten-4:focus, .btn-danger.btn-lighten-4:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-lighten-4 {
  border-color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
  color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}
.btn-outline-danger.btn-outline-lighten-4:hover {
  background-color: rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.border-danger.border-lighten-4 {
  border: 1px solid rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.border-top-danger.border-top-lighten-4 {
  border-top: 1px solid rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.border-bottom-danger.border-bottom-lighten-4 {
  border-bottom: 1px solid rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.border-left-danger.border-left-lighten-4 {
  border-left: 1px solid rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.border-right-danger.border-right-lighten-4 {
  border-right: 1px solid rgb(96.1397058824%, 68.5661764706%, 68.75%) !important;
}

.overlay-danger.overlay-lighten-4 {
  background: rgb(96.1397058824%, 68.5661764706%, 68.75%); /* The Fallback */
  background: rgba(96.1397058824%, 68.5661764706%, 68.75%, 0.6);
}

.danger.lighten-3 {
  color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.bg-danger.bg-lighten-3 {
  background-color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.btn-danger.btn-lighten-3 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}
.btn-danger.btn-lighten-3:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-lighten-3:focus, .btn-danger.btn-lighten-3:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-lighten-3 {
  border-color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
  color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}
.btn-outline-danger.btn-outline-lighten-3:hover {
  background-color: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.border-danger.border-lighten-3 {
  border: 1px solid rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.border-top-danger.border-top-lighten-3 {
  border-top: 1px solid rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.border-bottom-danger.border-bottom-lighten-3 {
  border-bottom: 1px solid rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.border-left-danger.border-left-lighten-3 {
  border-left: 1px solid rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.border-right-danger.border-right-lighten-3 {
  border-right: 1px solid rgb(95.0459558824%, 59.6599264706%, 59.8958333333%) !important;
}

.overlay-danger.overlay-lighten-3 {
  background: rgb(95.0459558824%, 59.6599264706%, 59.8958333333%); /* The Fallback */
  background: rgba(95.0459558824%, 59.6599264706%, 59.8958333333%, 0.6);
}

.danger.lighten-2 {
  color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.bg-danger.bg-lighten-2 {
  background-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.btn-danger.btn-lighten-2 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}
.btn-danger.btn-lighten-2:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-lighten-2:focus, .btn-danger.btn-lighten-2:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-lighten-2 {
  border-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
  color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}
.btn-outline-danger.btn-outline-lighten-2:hover {
  background-color: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.border-danger.border-lighten-2 {
  border: 1px solid rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.border-top-danger.border-top-lighten-2 {
  border-top: 1px solid rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.border-bottom-danger.border-bottom-lighten-2 {
  border-bottom: 1px solid rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.border-left-danger.border-left-lighten-2 {
  border-left: 1px solid rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.border-right-danger.border-right-lighten-2 {
  border-right: 1px solid rgb(93.9522058824%, 50.7536764706%, 51.0416666667%) !important;
}

.overlay-danger.overlay-lighten-2 {
  background: rgb(93.9522058824%, 50.7536764706%, 51.0416666667%); /* The Fallback */
  background: rgba(93.9522058824%, 50.7536764706%, 51.0416666667%, 0.6);
}

.danger.lighten-1 {
  color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.bg-danger.bg-lighten-1 {
  background-color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.btn-danger.btn-lighten-1 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}
.btn-danger.btn-lighten-1:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-lighten-1:focus, .btn-danger.btn-lighten-1:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-lighten-1 {
  border-color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
  color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}
.btn-outline-danger.btn-outline-lighten-1:hover {
  background-color: rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.border-danger.border-lighten-1 {
  border: 1px solid rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.border-top-danger.border-top-lighten-1 {
  border-top: 1px solid rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.border-bottom-danger.border-bottom-lighten-1 {
  border-bottom: 1px solid rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.border-left-danger.border-left-lighten-1 {
  border-left: 1px solid rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.border-right-danger.border-right-lighten-1 {
  border-right: 1px solid rgb(92.8584558824%, 41.8474264706%, 42.1875%) !important;
}

.overlay-danger.overlay-lighten-1 {
  background: rgb(92.8584558824%, 41.8474264706%, 42.1875%); /* The Fallback */
  background: rgba(92.8584558824%, 41.8474264706%, 42.1875%, 0.6);
}

.danger {
  color: #ea5455 !important;
}

.bg-danger {
  background-color: #ea5455 !important;
}
.bg-danger .card-header,
.bg-danger .card-footer {
  background-color: transparent;
}

.alert-danger {
  background: rgba(234, 84, 85, 0.2) !important;
  color: #ea5455 !important;
}
.alert-danger .alert-heading {
  box-shadow: rgba(234, 84, 85, 0.4) 0px 6px 15px -7px;
}
.alert-danger .alert-link {
  color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.bg-rgba-danger {
  background: rgba(234, 84, 85, 0.15) !important;
}

.border-danger {
  border: 1px solid #ea5455 !important;
}

.border-top-danger {
  border-top: 1px solid #ea5455;
}

.border-bottom-danger {
  border-bottom: 1px solid #ea5455;
}

.border-left-danger {
  border-left: 1px solid #ea5455;
}

.border-right-danger {
  border-right: 1px solid #ea5455;
}

.badge.badge-light-danger {
  background-color: rgb(98.3272058824%, 86.3786764706%, 86.4583333333%);
  color: #ea5455 !important;
  font-weight: 500;
  text-transform: uppercase;
}

.bg-danger.badge-glow,
.border-danger.badge-glow,
.badge-danger.badge-glow {
  box-shadow: 0px 0px 10px #ea5455;
}

.overlay-danger {
  background: #ea5455; /* The Fallback */
  background: rgba(234, 84, 85, 0.6);
}

.btn-danger {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #ea5455 !important;
  color: #fff;
}
.btn-danger:hover {
  border-color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
  color: #fff !important;
  box-shadow: 0 8px 25px -8px #ea5455;
}
.btn-danger:focus, .btn-danger:active {
  color: #fff !important;
}

.btn-flat-danger {
  background-color: transparent;
  color: #ea5455;
}
.btn-flat-danger:hover {
  color: #ea5455;
  background-color: rgba(234, 84, 85, 0.1);
}
.btn-flat-danger:active, .btn-flat-danger:focus {
  background-color: #ea5455;
  color: #fff !important;
}

.btn-relief-danger {
  background-color: #ea5455;
  box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
}
.btn-relief-danger:hover {
  color: #fff;
}
.btn-relief-danger:active, .btn-relief-danger:focus {
  outline: none;
  transform: translateY(3px);
}

.btn-outline-danger {
  border: 1px solid #ea5455;
  background-color: transparent;
  color: #ea5455;
}
.btn-outline-danger:hover {
  background-color: rgba(234, 84, 85, 0.08);
  color: #ea5455;
}
.btn-outline-danger:active {
  color: #fff !important;
}

.btn-danger ~ .dropdown-menu .dropdown-item.active,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active {
  background-color: #ea5455;
  color: #fff;
}
.btn-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item.active:hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item.active:hover {
  color: #fff;
}
.btn-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-outline-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover,
.btn-flat-danger ~ .dropdown-menu .dropdown-item:not(.active):not(:active):hover {
  color: #ea5455;
}

.bullet.bullet-danger {
  background-color: #ea5455;
}
.bullet.bullet-danger.bullet-bordered {
  background-color: transparent;
  border: 2px solid #ea5455;
}

.pagination-danger li.active a,
.pagination-danger li.active .page-link,
.pagination-danger .page-item.active a,
.pagination-danger .page-item.active .page-link {
  background: #ea5455 !important;
  color: #fff;
}
.pagination-danger li.active a:hover,
.pagination-danger li.active .page-link:hover,
.pagination-danger .page-item.active a:hover,
.pagination-danger .page-item.active .page-link:hover {
  color: #fff !important;
}
.pagination-danger li a:hover,
.pagination-danger li .page-link:hover,
.pagination-danger .page-item a:hover,
.pagination-danger .page-item .page-link:hover {
  color: #ea5455 !important;
}
.pagination-danger li.prev-item .page-link:hover, .pagination-danger li.next-item .page-link:hover,
.pagination-danger .page-item.prev-item .page-link:hover,
.pagination-danger .page-item.next-item .page-link:hover {
  background: #ea5455;
  color: #fff;
}

.nav-pill-danger .nav-item .nav-link.active {
  color: #fff;
  background-color: #ea5455;
}

.chip-danger {
  background-color: #ea5455 !important;
}
.chip-danger .chip-body {
  color: #fff !important;
}

.divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
  border-color: #ea5455 !important;
}

input[type=checkbox].bg-danger + .custom-control-label:before, input[type=radio].bg-danger + .custom-control-label:before {
  background-color: #ea5455 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ea5455 !important;
}

.vx-checkbox-danger input:checked ~ .vx-checkbox {
  border-color: #ea5455 !important;
}
.vx-checkbox-danger input:checked ~ .vx-checkbox .vx-checkbox--check {
  background-color: #ea5455 !important;
}
.vx-checkbox-danger input:active:checked + .vx-checkbox .vx-checkbox--check {
  background-color: #ea5455 !important;
}

.vertical-layout .main-menu.theme-danger .navbar-header .navbar-nav .brand-text {
  color: #ea5455;
}
.vertical-layout .main-menu.theme-danger .navigation .nav-item.active a {
  /*   background: linear-gradient(
    118deg,
    rgba($color_value, 1),
    rgba($color_value, 0.7)
  );
  box-shadow: 0 0 10px 1px rgba($color_value, 0.7) !important; */
}
.vertical-layout .main-menu.theme-danger .navigation .nav-item .menu-content li.active {
  background: linear-gradient(118deg, #ea5455, rgba(234, 84, 85, 0.7));
  box-shadow: 0 0 10px 1px rgba(234, 84, 85, 0.7);
}

.horizontal-layout.theme-danger .header-navbar .brand-text {
  color: #ea5455 !important;
}
.horizontal-layout.theme-danger .navbar-horizontal #main-menu-navigation .nav-item.active .nav-link {
  background: linear-gradient(118deg, #ea5455, rgba(234, 84, 85, 0.7));
  box-shadow: 0 0 10px 1px rgba(234, 84, 85, 0.7) !important;
}

.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ea5455 !important;
  color: #fff;
  transition: all 0.2s ease-out;
}

.color-radio.color-radio-danger {
  border: 1px solid transparent;
}
.color-radio.color-radio-danger.selected {
  border-color: #ea5455;
}
.color-radio.color-radio-danger .radio-content {
  background-color: #ea5455;
}

.vx-radio-danger input:checked ~ .vx-radio .vx-radio--circle {
  background: #ea5455 !important;
  box-shadow: 0 3px 12px 0 rgba(234, 84, 85, 0.4) !important;
}

.danger.darken-1 {
  color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.bg-danger.bg-darken-1 {
  background-color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.btn-danger.btn-darken-1 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}
.btn-danger.btn-darken-1:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-darken-1:focus, .btn-danger.btn-darken-1:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-darken-1 {
  border-color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
  color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}
.btn-outline-danger.btn-outline-darken-1:hover {
  background-color: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.border-danger.border-darken-1 {
  border: 1px solid rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.border-top-danger.border-top-darken-1 {
  border-top: 1px solid rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.border-bottom-danger.border-bottom-darken-1 {
  border-bottom: 1px solid rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.border-left-danger.border-left-darken-1 {
  border-left: 1px solid rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.border-right-danger.border-right-darken-1 {
  border-right: 1px solid rgb(90.6709558824%, 24.0349264706%, 24.4791666667%) !important;
}

.overlay-danger.overlay-darken-1 {
  background: rgb(90.6709558824%, 24.0349264706%, 24.4791666667%); /* The Fallback */
  background: rgba(90.6709558824%, 24.0349264706%, 24.4791666667%, 0.6);
}

.danger.darken-2 {
  color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.bg-danger.bg-darken-2 {
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.btn-danger.btn-darken-2 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}
.btn-danger.btn-darken-2:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-darken-2:focus, .btn-danger.btn-darken-2:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-darken-2 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}
.btn-outline-danger.btn-outline-darken-2:hover {
  background-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.border-danger.border-darken-2 {
  border: 1px solid rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.border-top-danger.border-top-darken-2 {
  border-top: 1px solid rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.border-bottom-danger.border-bottom-darken-2 {
  border-bottom: 1px solid rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.border-left-danger.border-left-darken-2 {
  border-left: 1px solid rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.border-right-danger.border-right-darken-2 {
  border-right: 1px solid rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
}

.overlay-danger.overlay-darken-2 {
  background: rgb(89.5772058824%, 15.1286764706%, 15.625%); /* The Fallback */
  background: rgba(89.5772058824%, 15.1286764706%, 15.625%, 0.6);
}

.danger.darken-3 {
  color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.bg-danger.bg-darken-3 {
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.btn-danger.btn-darken-3 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-darken-3:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-darken-3:focus, .btn-danger.btn-darken-3:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-darken-3 {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-outline-danger.btn-outline-darken-3:hover {
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.border-danger.border-darken-3 {
  border: 1px solid rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.border-top-danger.border-top-darken-3 {
  border-top: 1px solid rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.border-bottom-danger.border-bottom-darken-3 {
  border-bottom: 1px solid rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.border-left-danger.border-left-darken-3 {
  border-left: 1px solid rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.border-right-danger.border-right-darken-3 {
  border-right: 1px solid rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}

.overlay-danger.overlay-darken-3 {
  background: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%); /* The Fallback */
  background: rgba(84.3474264706%, 10.3584558824%, 10.8517156863%, 0.6);
}

.danger.darken-4 {
  color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.bg-danger.bg-darken-4 {
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-danger.btn-darken-4 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}
.btn-danger.btn-darken-4:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-darken-4:focus, .btn-danger.btn-darken-4:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-darken-4 {
  border-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
  color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}
.btn-outline-danger.btn-outline-darken-4:hover {
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.border-danger.border-darken-4 {
  border: 1px solid rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.border-top-danger.border-top-darken-4 {
  border-top: 1px solid rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.border-bottom-danger.border-bottom-darken-4 {
  border-bottom: 1px solid rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.border-left-danger.border-left-darken-4 {
  border-left: 1px solid rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.border-right-danger.border-right-darken-4 {
  border-right: 1px solid rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.overlay-danger.overlay-darken-4 {
  background: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%); /* The Fallback */
  background: rgba(75.4411764706%, 9.2647058824%, 9.7058823529%, 0.6);
}

.danger.accent-1 {
  color: #ffeef1 !important;
}

.bg-danger.bg-accent-1 {
  background-color: #ffeef1 !important;
}

.btn-danger.btn-accent-1 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #ffeef1 !important;
}
.btn-danger.btn-accent-1:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-accent-1:focus, .btn-danger.btn-accent-1:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-accent-1 {
  border-color: #ffeef1 !important;
  color: #ffeef1 !important;
}
.btn-outline-danger.btn-outline-accent-1:hover {
  background-color: #ffeef1 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffeef1 !important;
}

.border-danger.border-accent-1 {
  border: 1px solid #ffeef1 !important;
}

.border-top-danger.border-top-accent-1 {
  border-top: 1px solid #ffeef1 !important;
}

.border-bottom-danger.border-bottom-accent-1 {
  border-bottom: 1px solid #ffeef1 !important;
}

.border-left-danger.border-left-accent-1 {
  border-left: 1px solid #ffeef1 !important;
}

.border-right-danger.border-right-accent-1 {
  border-right: 1px solid #ffeef1 !important;
}

.overlay-danger.overlay-accent-1 {
  background: #ffeef1; /* The Fallback */
  background: rgba(255, 238, 241, 0.6);
}

.danger.accent-2 {
  color: #ffd6db !important;
}

.bg-danger.bg-accent-2 {
  background-color: #ffd6db !important;
}

.btn-danger.btn-accent-2 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #ffd6db !important;
}
.btn-danger.btn-accent-2:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-accent-2:focus, .btn-danger.btn-accent-2:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-accent-2 {
  border-color: #ffd6db !important;
  color: #ffd6db !important;
}
.btn-outline-danger.btn-outline-accent-2:hover {
  background-color: #ffd6db !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd6db !important;
}

.border-danger.border-accent-2 {
  border: 1px solid #ffd6db !important;
}

.border-top-danger.border-top-accent-2 {
  border-top: 1px solid #ffd6db !important;
}

.border-bottom-danger.border-bottom-accent-2 {
  border-bottom: 1px solid #ffd6db !important;
}

.border-left-danger.border-left-accent-2 {
  border-left: 1px solid #ffd6db !important;
}

.border-right-danger.border-right-accent-2 {
  border-right: 1px solid #ffd6db !important;
}

.overlay-danger.overlay-accent-2 {
  background: #ffd6db; /* The Fallback */
  background: rgba(255, 214, 219, 0.6);
}

.danger.accent-3 {
  color: #ffecee !important;
}

.bg-danger.bg-accent-3 {
  background-color: #ffecee !important;
}

.btn-danger.btn-accent-3 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #ffecee !important;
}
.btn-danger.btn-accent-3:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-accent-3:focus, .btn-danger.btn-accent-3:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-accent-3 {
  border-color: #ffecee !important;
  color: #ffecee !important;
}
.btn-outline-danger.btn-outline-accent-3:hover {
  background-color: #ffecee !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffecee !important;
}

.border-danger.border-accent-3 {
  border: 1px solid #ffecee !important;
}

.border-top-danger.border-top-accent-3 {
  border-top: 1px solid #ffecee !important;
}

.border-bottom-danger.border-bottom-accent-3 {
  border-bottom: 1px solid #ffecee !important;
}

.border-left-danger.border-left-accent-3 {
  border-left: 1px solid #ffecee !important;
}

.border-right-danger.border-right-accent-3 {
  border-right: 1px solid #ffecee !important;
}

.overlay-danger.overlay-accent-3 {
  background: #ffecee; /* The Fallback */
  background: rgba(255, 236, 238, 0.6);
}

.danger.accent-4 {
  color: #ffd3d7 !important;
}

.bg-danger.bg-accent-4 {
  background-color: #ffd3d7 !important;
}

.btn-danger.btn-accent-4 {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #ffd3d7 !important;
}
.btn-danger.btn-accent-4:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-accent-4:focus, .btn-danger.btn-accent-4:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-accent-4 {
  border-color: #ffd3d7 !important;
  color: #ffd3d7 !important;
}
.btn-outline-danger.btn-outline-accent-4:hover {
  background-color: #ffd3d7 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #ffd3d7 !important;
}

.border-danger.border-accent-4 {
  border: 1px solid #ffd3d7 !important;
}

.border-top-danger.border-top-accent-4 {
  border-top: 1px solid #ffd3d7 !important;
}

.border-bottom-danger.border-bottom-accent-4 {
  border-bottom: 1px solid #ffd3d7 !important;
}

.border-left-danger.border-left-accent-4 {
  border-left: 1px solid #ffd3d7 !important;
}

.border-right-danger.border-right-accent-4 {
  border-right: 1px solid #ffd3d7 !important;
}

.overlay-danger.overlay-accent-4 {
  background: #ffd3d7; /* The Fallback */
  background: rgba(255, 211, 215, 0.6);
}

.danger.gradient-bg {
  color: #640064 !important;
}

.bg-danger.bg-gradient-bg {
  background-color: #640064 !important;
}

.btn-danger.btn-gradient-bg {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: #640064 !important;
}
.btn-danger.btn-gradient-bg:hover {
  border-color: rgb(89.5772058824%, 15.1286764706%, 15.625%) !important;
  background-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
}
.btn-danger.btn-gradient-bg:focus, .btn-danger.btn-gradient-bg:active {
  border-color: rgb(84.3474264706%, 10.3584558824%, 10.8517156863%) !important;
  background-color: rgb(75.4411764706%, 9.2647058824%, 9.7058823529%) !important;
}

.btn-outline-danger.btn-outline-gradient-bg {
  border-color: #640064 !important;
  color: #640064 !important;
}
.btn-outline-danger.btn-outline-gradient-bg:hover {
  background-color: #640064 !important;
}

input:focus ~ .bg-danger {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.21rem #640064 !important;
}

.border-danger.border-gradient-bg {
  border: 1px solid #640064 !important;
}

.border-top-danger.border-top-gradient-bg {
  border-top: 1px solid #640064 !important;
}

.border-bottom-danger.border-bottom-gradient-bg {
  border-bottom: 1px solid #640064 !important;
}

.border-left-danger.border-left-gradient-bg {
  border-left: 1px solid #640064 !important;
}

.border-right-danger.border-right-gradient-bg {
  border-right: 1px solid #640064 !important;
}

.overlay-danger.overlay-gradient-bg {
  background: #640064; /* The Fallback */
  background: rgba(100, 0, 100, 0.6);
}

.bg-primary-25 {
  background-color: #fafef0 !important;
}

.bg-primary-25-hover:hover {
  background-color: #fafef0 !important;
}

.badge-primary-25 {
  background-color: #fafef0 !important;
}

.text-primary-25 {
  color: #fafef0 !important;
}

.text-primary-25-hover:hover {
  color: #fafef0 !important;
}

.border-primary-25 {
  border-color: #fafef0 !important;
}

.border-primary-25-hover:hover {
  border-color: #fafef0 !important;
}

.alert-primary-25 {
  background-color: #fafef0 !important;
  border-color: rgb(91.7892156863%, 98.3578431373%, 75.3676470588%) !important;
  color: rgb(64.4362745098%, 87.8676470588%, 5.8578431373%) !important;
}

.btn-primary-25 {
  background-color: #fafef0 !important;
  border-color: #fafef0 !important;
  color: rgb(64.4362745098%, 87.8676470588%, 5.8578431373%) !important;
}
.btn-primary-25:hover {
  background-color: rgb(94.9142156863%, 98.9828431373%, 84.7426470588%) !important;
  border-color: rgb(94.9142156863%, 98.9828431373%, 84.7426470588%) !important;
}

.bg-primary-50 {
  background-color: #e7fab0 !important;
}

.bg-primary-50-hover:hover {
  background-color: #e7fab0 !important;
}

.badge-primary-50 {
  background-color: #e7fab0 !important;
}

.text-primary-50 {
  color: #e7fab0 !important;
}

.text-primary-50-hover:hover {
  color: #e7fab0 !important;
}

.border-primary-50 {
  border-color: #e7fab0 !important;
}

.border-primary-50-hover:hover {
  border-color: #e7fab0 !important;
}

.alert-primary-50 {
  background-color: #e7fab0 !important;
  border-color: rgb(84.8739495798%, 96.8487394958%, 50.2100840336%) !important;
  color: rgb(47.8991596639%, 63.0672268908%, 3.9915966387%) !important;
}

.btn-primary-50 {
  background-color: #e7fab0 !important;
  border-color: #e7fab0 !important;
  color: rgb(47.8991596639%, 63.0672268908%, 3.9915966387%) !important;
}
.btn-primary-50:hover {
  background-color: rgb(87.731092437%, 97.443977591%, 59.6148459384%) !important;
  border-color: rgb(87.731092437%, 97.443977591%, 59.6148459384%) !important;
}

.bg-primary-100 {
  background-color: #dbf88a !important;
}

.bg-primary-100-hover:hover {
  background-color: #dbf88a !important;
}

.badge-primary-100 {
  background-color: #dbf88a !important;
}

.text-primary-100 {
  color: #dbf88a !important;
}

.text-primary-100-hover:hover {
  color: #dbf88a !important;
}

.border-primary-100 {
  border-color: #dbf88a !important;
}

.border-primary-100-hover:hover {
  border-color: #dbf88a !important;
}

.alert-primary-100 {
  background-color: #dbf88a !important;
  border-color: rgb(80.0759013283%, 96.1258697027%, 35.2466793169%) !important;
  color: rgb(36.4579380139%, 48.4724857685%, 2.9000632511%) !important;
}

.btn-primary-100 {
  background-color: #dbf88a !important;
  border-color: #dbf88a !important;
  color: rgb(36.4579380139%, 48.4724857685%, 2.9000632511%) !important;
}
.btn-primary-100:hover {
  background-color: rgb(82.9791271347%, 96.6903858318%, 44.6821631879%) !important;
  border-color: rgb(82.9791271347%, 96.6903858318%, 44.6821631879%) !important;
}

.bg-primary-200 {
  background-color: #caf555 !important;
}

.bg-primary-200-hover:hover {
  background-color: #caf555 !important;
}

.badge-primary-200 {
  background-color: #caf555 !important;
}

.text-primary-200 {
  color: #caf555 !important;
}

.text-primary-200-hover:hover {
  color: #caf555 !important;
}

.border-primary-200 {
  border-color: #caf555 !important;
}

.border-primary-200-hover:hover {
  border-color: #caf555 !important;
}

.alert-primary-200 {
  background-color: #caf555 !important;
  border-color: rgb(73.3267973856%, 94.9673202614%, 14.4444444444%) !important;
  color: rgb(20.7516339869%, 27.7777777778%, 1.6339869281%) !important;
}

.btn-primary-200 {
  background-color: #caf555 !important;
  border-color: #caf555 !important;
  color: rgb(20.7516339869%, 27.7777777778%, 1.6339869281%) !important;
}
.btn-primary-200:hover {
  background-color: rgb(76.2712418301%, 95.522875817%, 23.8888888889%) !important;
  border-color: rgb(76.2712418301%, 95.522875817%, 23.8888888889%) !important;
}

.bg-primary-300 {
  background-color: #c0f334 !important;
}

.bg-primary-300-hover:hover {
  background-color: #c0f334 !important;
}

.badge-primary-300 {
  background-color: #c0f334 !important;
}

.text-primary-300 {
  color: #c0f334 !important;
}

.text-primary-300-hover:hover {
  color: #c0f334 !important;
}

.border-primary-300 {
  border-color: #c0f334 !important;
}

.border-primary-300-hover:hover {
  border-color: #c0f334 !important;
}

.alert-primary-300 {
  background-color: #c0f334 !important;
  border-color: rgb(67.6479708162%, 90.3456452348%, 5.340629275%) !important;
  color: rgb(11.0898312813%, 14.8107615139%, 0.8755129959%) !important;
}

.btn-primary-300 {
  background-color: #c0f334 !important;
  border-color: #c0f334 !important;
  color: rgb(11.0898312813%, 14.8107615139%, 0.8755129959%) !important;
}
.btn-primary-300:hover {
  background-color: rgb(72.3638850889%, 94.7359781122%, 10.9502963976%) !important;
  border-color: rgb(72.3638850889%, 94.7359781122%, 10.9502963976%) !important;
}

.bg-primary-400 {
  background-color: #b0f001 !important;
}

.bg-primary-400-hover:hover {
  background-color: #b0f001 !important;
}

.badge-primary-400 {
  background-color: #b0f001 !important;
}

.text-primary-400 {
  color: #b0f001 !important;
}

.text-primary-400-hover:hover {
  color: #b0f001 !important;
}

.border-primary-400 {
  border-color: #b0f001 !important;
}

.border-primary-400-hover:hover {
  border-color: #b0f001 !important;
}

.alert-primary-400 {
  background-color: #b0f001 !important;
  border-color: rgb(54.4137987145%, 74.2006346107%, 0.3091693109%) !important;
  color: black !important;
}

.btn-primary-400 {
  background-color: #b0f001 !important;
  border-color: #b0f001 !important;
  color: black !important;
}
.btn-primary-400:hover {
  background-color: rgb(61.7167032788%, 84.1591408348%, 0.3506630868%) !important;
  border-color: rgb(61.7167032788%, 84.1591408348%, 0.3506630868%) !important;
}

.bg-primary-500 {
  background-color: #a0da01 !important;
}

.bg-primary-500-hover:hover {
  background-color: #a0da01 !important;
}

.badge-primary-500 {
  background-color: #a0da01 !important;
}

.text-primary-500 {
  color: #a0da01 !important;
}

.text-primary-500-hover:hover {
  color: #a0da01 !important;
}

.border-primary-500 {
  border-color: #a0da01 !important;
}

.border-primary-500-hover:hover {
  border-color: #a0da01 !important;
}

.alert-primary-500 {
  background-color: #a0da01 !important;
  border-color: rgb(48.1332258931%, 65.5815202793%, 0.3008326618%) !important;
  color: black !important;
}

.btn-primary-500 {
  background-color: #a0da01 !important;
  border-color: #a0da01 !important;
  color: black !important;
}
.btn-primary-500:hover {
  background-color: rgb(55.4391619662%, 75.5358581789%, 0.3464947623%) !important;
  border-color: rgb(55.4391619662%, 75.5358581789%, 0.3464947623%) !important;
}

.bg-primary-600 {
  background-color: #6a9001 !important;
}

.bg-primary-600-hover:hover {
  background-color: #6a9001 !important;
}

.badge-primary-600 {
  background-color: #6a9001 !important;
}

.text-primary-600 {
  color: #6a9001 !important;
}

.text-primary-600-hover:hover {
  color: #6a9001 !important;
}

.border-primary-600 {
  border-color: #6a9001 !important;
}

.border-primary-600-hover:hover {
  border-color: #6a9001 !important;
}

.alert-primary-600 {
  background-color: #6a9001 !important;
  border-color: rgb(26.9479377958%, 36.6085192698%, 0.2542258283%) !important;
  color: black !important;
}

.btn-primary-600 {
  background-color: #6a9001 !important;
  border-color: #6a9001 !important;
  color: black !important;
}
.btn-primary-600:hover {
  background-color: rgb(34.2582826234%, 46.5395537525%, 0.3231913455%) !important;
  border-color: rgb(34.2582826234%, 46.5395537525%, 0.3231913455%) !important;
}

.bg-primary-700 {
  background-color: #476100 !important;
}

.bg-primary-700-hover:hover {
  background-color: #476100 !important;
}

.badge-primary-700 {
  background-color: #476100 !important;
}

.text-primary-700 {
  color: #476100 !important;
}

.text-primary-700-hover:hover {
  color: #476100 !important;
}

.border-primary-700 {
  border-color: #476100 !important;
}

.border-primary-700-hover:hover {
  border-color: #476100 !important;
}

.alert-primary-700 {
  background-color: #476100 !important;
  border-color: rgb(13.2039619972%, 18.0392156863%, 0%) !important;
  color: black !important;
}

.btn-primary-700 {
  background-color: #476100 !important;
  border-color: #476100 !important;
  color: black !important;
}
.btn-primary-700:hover {
  background-color: rgb(20.523549626%, 28.0392156863%, 0%) !important;
  border-color: rgb(20.523549626%, 28.0392156863%, 0%) !important;
}

.bg-primary-800 {
  background-color: #364900 !important;
}

.bg-primary-800-hover:hover {
  background-color: #364900 !important;
}

.badge-primary-800 {
  background-color: #364900 !important;
}

.text-primary-800 {
  color: #364900 !important;
}

.text-primary-800-hover:hover {
  color: #364900 !important;
}

.border-primary-800 {
  border-color: #364900 !important;
}

.border-primary-800-hover:hover {
  border-color: #364900 !important;
}

.alert-primary-800 {
  background-color: #364900 !important;
  border-color: rgb(6.3819500403%, 8.6274509804%, 0%) !important;
  color: black !important;
}

.btn-primary-800 {
  background-color: #364900 !important;
  border-color: #364900 !important;
  color: black !important;
}
.btn-primary-800:hover {
  background-color: rgb(13.7792103143%, 18.6274509804%, 0%) !important;
  border-color: rgb(13.7792103143%, 18.6274509804%, 0%) !important;
}

.bg-primary-900 {
  background-color: #131900 !important;
}

.bg-primary-900-hover:hover {
  background-color: #131900 !important;
}

.badge-primary-900 {
  background-color: #131900 !important;
}

.text-primary-900 {
  color: #131900 !important;
}

.text-primary-900-hover:hover {
  color: #131900 !important;
}

.border-primary-900 {
  border-color: #131900 !important;
}

.border-primary-900-hover:hover {
  border-color: #131900 !important;
}

.alert-primary-900 {
  background-color: #131900 !important;
  border-color: black !important;
  color: black !important;
}

.btn-primary-900 {
  background-color: #131900 !important;
  border-color: #131900 !important;
  color: black !important;
}
.btn-primary-900:hover {
  background-color: black !important;
  border-color: black !important;
}

.bg-success-25 {
  background-color: #f6fef9 !important;
}

.bg-success-25-hover:hover {
  background-color: #f6fef9 !important;
}

.badge-success-25 {
  background-color: #f6fef9 !important;
}

.text-success-25 {
  color: #f6fef9 !important;
}

.text-success-25-hover:hover {
  color: #f6fef9 !important;
}

.border-success-25 {
  border-color: #f6fef9 !important;
}

.border-success-25-hover:hover {
  border-color: #f6fef9 !important;
}

.alert-success-25 {
  background-color: #f6fef9 !important;
  border-color: rgb(78.4705882353%, 97.6078431373%, 85.6470588235%) !important;
  color: rgb(9.6078431373%, 86.4705882353%, 38.431372549%) !important;
}

.btn-success-25 {
  background-color: #f6fef9 !important;
  border-color: #f6fef9 !important;
  color: rgb(9.6078431373%, 86.4705882353%, 38.431372549%) !important;
}
.btn-success-25:hover {
  background-color: rgb(87.4705882353%, 98.6078431373%, 91.6470588235%) !important;
  border-color: rgb(87.4705882353%, 98.6078431373%, 91.6470588235%) !important;
}

.bg-success-50 {
  background-color: #ecfdf3 !important;
}

.bg-success-50-hover:hover {
  background-color: #ecfdf3 !important;
}

.badge-success-50 {
  background-color: #ecfdf3 !important;
}

.text-success-50 {
  color: #ecfdf3 !important;
}

.text-success-50-hover:hover {
  color: #ecfdf3 !important;
}

.border-success-50 {
  border-color: #ecfdf3 !important;
}

.border-success-50-hover:hover {
  border-color: #ecfdf3 !important;
}

.alert-success-50 {
  background-color: #ecfdf3 !important;
  border-color: rgb(74.4537815126%, 97.3109243697%, 83.8655462185%) !important;
  color: rgb(8.7394957983%, 83.025210084%, 39.3277310924%) !important;
}

.btn-success-50 {
  background-color: #ecfdf3 !important;
  border-color: #ecfdf3 !important;
  color: rgb(8.7394957983%, 83.025210084%, 39.3277310924%) !important;
}
.btn-success-50:hover {
  background-color: rgb(83.5014005602%, 98.2633053221%, 89.5798319328%) !important;
  border-color: rgb(83.5014005602%, 98.2633053221%, 89.5798319328%) !important;
}

.bg-success-100 {
  background-color: #d1fadf !important;
}

.bg-success-100-hover:hover {
  background-color: #d1fadf !important;
}

.badge-success-100 {
  background-color: #d1fadf !important;
}

.text-success-100 {
  color: #d1fadf !important;
}

.text-success-100-hover:hover {
  color: #d1fadf !important;
}

.border-success-100 {
  border-color: #d1fadf !important;
}

.border-success-100-hover:hover {
  border-color: #d1fadf !important;
}

.alert-success-100 {
  background-color: #d1fadf !important;
  border-color: #a3f5bf !important;
  color: #14b84c !important;
}

.btn-success-100 {
  background-color: #d1fadf !important;
  border-color: #d1fadf !important;
  color: #14b84c !important;
}
.btn-success-100:hover {
  background-color: rgb(72.9411764706%, 97.0588235294%, 81.1764705882%) !important;
  border-color: rgb(72.9411764706%, 97.0588235294%, 81.1764705882%) !important;
}

.bg-success-200 {
  background-color: #a6f4c5 !important;
}

.bg-success-200-hover:hover {
  background-color: #a6f4c5 !important;
}

.badge-success-200 {
  background-color: #a6f4c5 !important;
}

.text-success-200 {
  color: #a6f4c5 !important;
}

.text-success-200-hover:hover {
  color: #a6f4c5 !important;
}

.border-success-200 {
  border-color: #a6f4c5 !important;
}

.border-success-200-hover:hover {
  border-color: #a6f4c5 !important;
}

.alert-success-200 {
  background-color: #a6f4c5 !important;
  border-color: rgb(47.2980392157%, 93.4862745098%, 65.6549019608%) !important;
  color: rgb(6.6862745098%, 54.0980392157%, 25.5294117647%) !important;
}

.btn-success-200 {
  background-color: #a6f4c5 !important;
  border-color: #a6f4c5 !important;
  color: rgb(6.6862745098%, 54.0980392157%, 25.5294117647%) !important;
}
.btn-success-200:hover {
  background-color: rgb(56.1980392157%, 94.5862745098%, 71.4549019608%) !important;
  border-color: rgb(56.1980392157%, 94.5862745098%, 71.4549019608%) !important;
}

.bg-success-300 {
  background-color: #6ce9a6 !important;
}

.bg-success-300-hover:hover {
  background-color: #6ce9a6 !important;
}

.badge-success-300 {
  background-color: #6ce9a6 !important;
}

.text-success-300 {
  color: #6ce9a6 !important;
}

.text-success-300-hover:hover {
  color: #6ce9a6 !important;
}

.border-success-300 {
  border-color: #6ce9a6 !important;
}

.border-success-300-hover:hover {
  border-color: #6ce9a6 !important;
}

.alert-success-300 {
  background-color: #6ce9a6 !important;
  border-color: rgb(24.9564914723%, 88.7689987237%, 54.565494837%) !important;
  color: rgb(4.3903004989%, 29.3351896972%, 15.9647290869%) !important;
}

.btn-success-300 {
  background-color: #6ce9a6 !important;
  border-color: #6ce9a6 !important;
  color: rgb(4.3903004989%, 29.3351896972%, 15.9647290869%) !important;
}
.btn-success-300:hover {
  background-color: rgb(33.6547163244%, 90.0707738717%, 59.8317670263%) !important;
  border-color: rgb(33.6547163244%, 90.0707738717%, 59.8317670263%) !important;
}

.bg-success-400 {
  background-color: #32d583 !important;
}

.bg-success-400-hover:hover {
  background-color: #32d583 !important;
}

.badge-success-400 {
  background-color: #32d583 !important;
}

.text-success-400 {
  color: #32d583 !important;
}

.text-success-400-hover:hover {
  color: #32d583 !important;
}

.border-success-400 {
  border-color: #32d583 !important;
}

.border-success-400-hover:hover {
  border-color: #32d583 !important;
}

.alert-success-400 {
  background-color: #32d583 !important;
  border-color: rgb(14.1366992141%, 69.0005556879%, 41.4003334127%) !important;
  color: rgb(0.5334603477%, 2.6037945543%, 1.5622767326%) !important;
}

.btn-success-400 {
  background-color: #32d583 !important;
  border-color: #32d583 !important;
  color: rgb(0.5334603477%, 2.6037945543%, 1.5622767326%) !important;
}
.btn-success-400:hover {
  background-color: rgb(15.8371040724%, 77.3001508296%, 46.3800904977%) !important;
  border-color: rgb(15.8371040724%, 77.3001508296%, 46.3800904977%) !important;
}

.bg-success-500 {
  background-color: #12b76a !important;
}

.bg-success-500-hover:hover {
  background-color: #12b76a !important;
}

.badge-success-500 {
  background-color: #12b76a !important;
}

.text-success-500 {
  color: #12b76a !important;
}

.text-success-500-hover:hover {
  color: #12b76a !important;
}

.border-success-500 {
  border-color: #12b76a !important;
}

.border-success-500-hover:hover {
  border-color: #12b76a !important;
}

.alert-success-500 {
  background-color: #12b76a !important;
  border-color: rgb(5.2677787533%, 53.5557506585%, 31.0213637694%) !important;
  color: black !important;
}

.btn-success-500 {
  background-color: #12b76a !important;
  border-color: #12b76a !important;
  color: black !important;
}
.btn-success-500:hover {
  background-color: rgb(6.1633011414%, 62.6602282704%, 36.2949956102%) !important;
  border-color: rgb(6.1633011414%, 62.6602282704%, 36.2949956102%) !important;
}

.bg-success-600 {
  background-color: #039855 !important;
}

.bg-success-600-hover:hover {
  background-color: #039855 !important;
}

.badge-success-600 {
  background-color: #039855 !important;
}

.text-success-600 {
  color: #039855 !important;
}

.text-success-600-hover:hover {
  color: #039855 !important;
}

.border-success-600 {
  border-color: #039855 !important;
}

.border-success-600-hover:hover {
  border-color: #039855 !important;
}

.alert-success-600 {
  background-color: #039855 !important;
  border-color: rgb(0.789373814%, 39.9949399114%, 22.3655913978%) !important;
  color: black !important;
}

.btn-success-600 {
  background-color: #039855 !important;
  border-color: #039855 !important;
  color: black !important;
}
.btn-success-600:hover {
  background-color: rgb(0.9829222011%, 49.8013915244%, 27.8494623656%) !important;
  border-color: rgb(0.9829222011%, 49.8013915244%, 27.8494623656%) !important;
}

.bg-success-700 {
  background-color: #027a48 !important;
}

.bg-success-700-hover:hover {
  background-color: #027a48 !important;
}

.badge-success-700 {
  background-color: #027a48 !important;
}

.text-success-700 {
  color: #027a48 !important;
}

.text-success-700-hover:hover {
  color: #027a48 !important;
}

.border-success-700 {
  border-color: #027a48 !important;
}

.border-success-700-hover:hover {
  border-color: #027a48 !important;
}

.alert-success-700 {
  background-color: #027a48 !important;
  border-color: rgb(0.4617330803%, 28.1657179001%, 16.6223908918%) !important;
  color: black !important;
}

.btn-success-700 {
  background-color: #027a48 !important;
  border-color: #027a48 !important;
  color: black !important;
}
.btn-success-700:hover {
  background-color: rgb(0.6230234029%, 38.0044275775%, 22.4288425047%) !important;
  border-color: rgb(0.6230234029%, 38.0044275775%, 22.4288425047%) !important;
}

.bg-success-800 {
  background-color: #05603a !important;
}

.bg-success-800-hover:hover {
  background-color: #05603a !important;
}

.badge-success-800 {
  background-color: #05603a !important;
}

.text-success-800 {
  color: #05603a !important;
}

.text-success-800-hover:hover {
  color: #05603a !important;
}

.border-success-800 {
  border-color: #05603a !important;
}

.border-success-800-hover:hover {
  border-color: #05603a !important;
}

.alert-success-800 {
  background-color: #05603a !important;
  border-color: rgb(0.9706853038%, 18.6371578334%, 11.2599495244%) !important;
  color: black !important;
}

.btn-success-800 {
  background-color: #05603a !important;
  border-color: #05603a !important;
  color: black !important;
}
.btn-success-800:hover {
  background-color: rgb(1.4657348088%, 28.1421083285%, 17.0025237818%) !important;
  border-color: rgb(1.4657348088%, 28.1421083285%, 17.0025237818%) !important;
}

.bg-success-900 {
  background-color: #054f31 !important;
}

.bg-success-900-hover:hover {
  background-color: #054f31 !important;
}

.badge-success-900 {
  background-color: #054f31 !important;
}

.text-success-900 {
  color: #054f31 !important;
}

.text-success-900-hover:hover {
  color: #054f31 !important;
}

.border-success-900 {
  border-color: #054f31 !important;
}

.border-success-900-hover:hover {
  border-color: #054f31 !important;
}

.alert-success-900 {
  background-color: #054f31 !important;
  border-color: rgb(0.7703081232%, 12.1708683473%, 7.5490196078%) !important;
  color: black !important;
}

.btn-success-900 {
  background-color: #054f31 !important;
  border-color: #054f31 !important;
  color: black !important;
}
.btn-success-900:hover {
  background-color: rgb(1.3655462185%, 21.5756302521%, 13.3823529412%) !important;
  border-color: rgb(1.3655462185%, 21.5756302521%, 13.3823529412%) !important;
}

.bg-danger-25 {
  background-color: #fffbfa !important;
}

.bg-danger-25-hover:hover {
  background-color: #fffbfa !important;
}

.badge-danger-25 {
  background-color: #fffbfa !important;
}

.text-danger-25 {
  color: #fffbfa !important;
}

.text-danger-25-hover:hover {
  color: #fffbfa !important;
}

.border-danger-25 {
  border-color: #fffbfa !important;
}

.border-danger-25-hover:hover {
  border-color: #fffbfa !important;
}

.alert-danger-25 {
  background-color: #fffbfa !important;
  border-color: rgb(100%, 82.431372549%, 78.0392156863%) !important;
  color: #fa3200 !important;
}

.btn-danger-25 {
  background-color: #fffbfa !important;
  border-color: #fffbfa !important;
  color: #fa3200 !important;
}
.btn-danger-25:hover {
  background-color: rgb(100%, 90.431372549%, 88.0392156863%) !important;
  border-color: rgb(100%, 90.431372549%, 88.0392156863%) !important;
}

.bg-danger-50 {
  background-color: #fef3f2 !important;
}

.bg-danger-50-hover:hover {
  background-color: #fef3f2 !important;
}

.badge-danger-50 {
  background-color: #fef3f2 !important;
}

.text-danger-50 {
  color: #fef3f2 !important;
}

.text-danger-50-hover:hover {
  color: #fef3f2 !important;
}

.border-danger-50 {
  border-color: #fef3f2 !important;
}

.border-danger-50-hover:hover {
  border-color: #fef3f2 !important;
}

.alert-danger-50 {
  background-color: #fef3f2 !important;
  border-color: rgb(98.1792717087%, 78.1512605042%, 76.3305322129%) !important;
  color: rgb(87.7591036415%, 13.5014005602%, 6.7507002801%) !important;
}

.btn-danger-50 {
  background-color: #fef3f2 !important;
  border-color: #fef3f2 !important;
  color: rgb(87.7591036415%, 13.5014005602%, 6.7507002801%) !important;
}
.btn-danger-50:hover {
  background-color: rgb(98.893557423%, 86.7226890756%, 85.6162464986%) !important;
  border-color: rgb(98.893557423%, 86.7226890756%, 85.6162464986%) !important;
}

.bg-danger-100 {
  background-color: #fee4e2 !important;
}

.bg-danger-100-hover:hover {
  background-color: #fee4e2 !important;
}

.badge-danger-100 {
  background-color: #fee4e2 !important;
}

.text-danger-100 {
  color: #fee4e2 !important;
}

.text-danger-100-hover:hover {
  color: #fee4e2 !important;
}

.border-danger-100 {
  border-color: #fee4e2 !important;
}

.border-danger-100-hover:hover {
  border-color: #fee4e2 !important;
}

.alert-danger-100 {
  background-color: #fee4e2 !important;
  border-color: rgb(98.9411764706%, 71.4117647059%, 69.2941176471%) !important;
  color: rgb(85.2941176471%, 8.8235294118%, 2.9411764706%) !important;
}

.btn-danger-100 {
  background-color: #fee4e2 !important;
  border-color: #fee4e2 !important;
  color: rgb(85.2941176471%, 8.8235294118%, 2.9411764706%) !important;
}
.btn-danger-100:hover {
  background-color: rgb(99.2745098039%, 80.4117647059%, 78.9607843137%) !important;
  border-color: rgb(99.2745098039%, 80.4117647059%, 78.9607843137%) !important;
}

.bg-danger-200 {
  background-color: #fecdca !important;
}

.bg-danger-200-hover:hover {
  background-color: #fecdca !important;
}

.badge-danger-200 {
  background-color: #fecdca !important;
}

.text-danger-200 {
  color: #fecdca !important;
}

.text-danger-200-hover:hover {
  color: #fecdca !important;
}

.border-danger-200 {
  border-color: #fecdca !important;
}

.border-danger-200-hover:hover {
  border-color: #fecdca !important;
}

.alert-danger-200 {
  background-color: #fecdca !important;
  border-color: rgb(99.2374727669%, 61.8736383442%, 59.5860566449%) !important;
  color: rgb(77.3638344227%, 5.8387799564%, 1.4596949891%) !important;
}

.btn-danger-200 {
  background-color: #fecdca !important;
  border-color: #fecdca !important;
  color: rgb(77.3638344227%, 5.8387799564%, 1.4596949891%) !important;
}
.btn-danger-200:hover {
  background-color: rgb(99.4226579521%, 71.1328976035%, 69.4008714597%) !important;
  border-color: rgb(99.4226579521%, 71.1328976035%, 69.4008714597%) !important;
}

.bg-danger-300 {
  background-color: #fda29b !important;
}

.bg-danger-300-hover:hover {
  background-color: #fda29b !important;
}

.badge-danger-300 {
  background-color: #fda29b !important;
}

.text-danger-300 {
  color: #fda29b !important;
}

.text-danger-300-hover:hover {
  color: #fda29b !important;
}

.border-danger-300 {
  border-color: #fda29b !important;
}

.border-danger-300-hover:hover {
  border-color: #fda29b !important;
}

.alert-danger-300 {
  background-color: #fda29b !important;
  border-color: rgb(98.8235294118%, 45.2941176471%, 41.1764705882%) !important;
  color: rgb(58.8235294118%, 5.2941176471%, 1.1764705882%) !important;
}

.btn-danger-300 {
  background-color: #fda29b !important;
  border-color: #fda29b !important;
  color: rgb(58.8235294118%, 5.2941176471%, 1.1764705882%) !important;
}
.btn-danger-300:hover {
  background-color: rgb(99.0196078431%, 54.4117647059%, 50.9803921569%) !important;
  border-color: rgb(99.0196078431%, 54.4117647059%, 50.9803921569%) !important;
}

.bg-danger-400 {
  background-color: #f97066 !important;
}

.bg-danger-400-hover:hover {
  background-color: #f97066 !important;
}

.badge-danger-400 {
  background-color: #f97066 !important;
}

.text-danger-400 {
  color: #f97066 !important;
}

.text-danger-400-hover:hover {
  color: #f97066 !important;
}

.border-danger-400 {
  border-color: #f97066 !important;
}

.border-danger-400-hover:hover {
  border-color: #f97066 !important;
}

.alert-danger-400 {
  background-color: #f97066 !important;
  border-color: rgb(96.8923418424%, 25.9341472438%, 20.7547169811%) !important;
  color: rgb(36.2264150943%, 3.7883832778%, 1.4206437292%) !important;
}

.btn-danger-400 {
  background-color: #f97066 !important;
  border-color: #f97066 !important;
  color: rgb(36.2264150943%, 3.7883832778%, 1.4206437292%) !important;
}
.btn-danger-400:hover {
  background-color: rgb(97.269700333%, 34.9278579356%, 30.3773584906%) !important;
  border-color: rgb(97.269700333%, 34.9278579356%, 30.3773584906%) !important;
}

.bg-danger-500 {
  background-color: #f04438 !important;
}

.bg-danger-500-hover:hover {
  background-color: #f04438 !important;
}

.badge-danger-500 {
  background-color: #f04438 !important;
}

.text-danger-500 {
  color: #f04438 !important;
}

.text-danger-500-hover:hover {
  color: #f04438 !important;
}

.border-danger-500 {
  border-color: #f04438 !important;
}

.border-danger-500-hover:hover {
  border-color: #f04438 !important;
}

.alert-danger-500 {
  background-color: #f04438 !important;
  border-color: rgb(89.3439618838%, 12.1220450797%, 6.7344694887%) !important;
  color: rgb(14.9514385193%, 2.0285871358%, 1.1269928532%) !important;
}

.btn-danger-500 {
  background-color: #f04438 !important;
  border-color: #f04438 !important;
  color: rgb(14.9514385193%, 2.0285871358%, 1.1269928532%) !important;
}
.btn-danger-500:hover {
  background-color: rgb(93.4167124794%, 17.9283489097%, 12.6617188932%) !important;
  border-color: rgb(93.4167124794%, 17.9283489097%, 12.6617188932%) !important;
}

.bg-danger-600 {
  background-color: #d92d20 !important;
}

.bg-danger-600-hover:hover {
  background-color: #d92d20 !important;
}

.badge-danger-600 {
  background-color: #d92d20 !important;
}

.text-danger-600 {
  color: #d92d20 !important;
}

.text-danger-600-hover:hover {
  color: #d92d20 !important;
}

.border-danger-600 {
  border-color: #d92d20 !important;
}

.border-danger-600-hover:hover {
  border-color: #d92d20 !important;
}

.alert-danger-600 {
  background-color: #d92d20 !important;
  border-color: rgb(67.6683203402%, 14.0326009922%, 9.9787384833%) !important;
  color: black !important;
}

.btn-danger-600 {
  background-color: #d92d20 !important;
  border-color: #d92d20 !important;
  color: black !important;
}
.btn-danger-600:hover {
  background-color: rgb(76.3831797779%, 15.8398299079%, 11.2638790456%) !important;
  border-color: rgb(76.3831797779%, 15.8398299079%, 11.2638790456%) !important;
}

.bg-danger-700 {
  background-color: #b42318 !important;
}

.bg-danger-700-hover:hover {
  background-color: #b42318 !important;
}

.badge-danger-700 {
  background-color: #b42318 !important;
}

.text-danger-700 {
  color: #b42318 !important;
}

.text-danger-700-hover:hover {
  color: #b42318 !important;
}

.border-danger-700 {
  border-color: #b42318 !important;
}

.border-danger-700-hover:hover {
  border-color: #b42318 !important;
}

.alert-danger-700 {
  background-color: #b42318 !important;
  border-color: rgb(52.9411764706%, 10.2941176471%, 7.0588235294%) !important;
  color: black !important;
}

.btn-danger-700 {
  background-color: #b42318 !important;
  border-color: #b42318 !important;
  color: black !important;
}
.btn-danger-700:hover {
  background-color: rgb(61.7647058824%, 12.0098039216%, 8.2352941176%) !important;
  border-color: rgb(61.7647058824%, 12.0098039216%, 8.2352941176%) !important;
}

.bg-danger-800 {
  background-color: #912018 !important;
}

.bg-danger-800-hover:hover {
  background-color: #912018 !important;
}

.badge-danger-800 {
  background-color: #912018 !important;
}

.text-danger-800 {
  color: #912018 !important;
}

.text-danger-800-hover:hover {
  color: #912018 !important;
}

.border-danger-800 {
  border-color: #912018 !important;
}

.border-danger-800-hover:hover {
  border-color: #912018 !important;
}

.alert-danger-800 {
  background-color: #912018 !important;
  border-color: rgb(39.7029817844%, 8.7620373593%, 6.5715280195%) !important;
  color: black !important;
}

.btn-danger-800 {
  background-color: #912018 !important;
  border-color: #912018 !important;
  color: black !important;
}
.btn-danger-800:hover {
  background-color: rgb(48.2828634412%, 10.6555284836%, 7.9916463627%) !important;
  border-color: rgb(48.2828634412%, 10.6555284836%, 7.9916463627%) !important;
}

.bg-danger-900 {
  background-color: #7a271a !important;
}

.bg-danger-900-hover:hover {
  background-color: #7a271a !important;
}

.badge-danger-900 {
  background-color: #7a271a !important;
}

.text-danger-900 {
  color: #7a271a !important;
}

.text-danger-900-hover:hover {
  color: #7a271a !important;
}

.border-danger-900 {
  border-color: #7a271a !important;
}

.border-danger-900-hover:hover {
  border-color: #7a271a !important;
}

.alert-danger-900 {
  background-color: #7a271a !important;
  border-color: rgb(31.3566507684%, 10.0238473768%, 6.6825649179%) !important;
  color: black !important;
}

.btn-danger-900 {
  background-color: #7a271a !important;
  border-color: #7a271a !important;
  color: black !important;
}
.btn-danger-900:hover {
  background-color: rgb(39.5998940117%, 12.6589825119%, 8.4393216746%) !important;
  border-color: rgb(39.5998940117%, 12.6589825119%, 8.4393216746%) !important;
}

.bg-warning-25 {
  background-color: #fffcf5 !important;
}

.bg-warning-25-hover:hover {
  background-color: #fffcf5 !important;
}

.badge-warning-25 {
  background-color: #fffcf5 !important;
}

.text-warning-25 {
  color: #fffcf5 !important;
}

.text-warning-25-hover:hover {
  color: #fffcf5 !important;
}

.border-warning-25 {
  border-color: #fffcf5 !important;
}

.border-warning-25-hover:hover {
  border-color: #fffcf5 !important;
}

.alert-warning-25 {
  background-color: #fffcf5 !important;
  border-color: rgb(100%, 92.8235294118%, 76.0784313725%) !important;
  color: rgb(96.0784313725%, 67.2549019608%, 0%) !important;
}

.btn-warning-25 {
  background-color: #fffcf5 !important;
  border-color: #fffcf5 !important;
  color: rgb(96.0784313725%, 67.2549019608%, 0%) !important;
}
.btn-warning-25:hover {
  background-color: rgb(100%, 95.8235294118%, 86.0784313725%) !important;
  border-color: rgb(100%, 95.8235294118%, 86.0784313725%) !important;
}

.bg-warning-50 {
  background-color: #fffaeb !important;
}

.bg-warning-50-hover:hover {
  background-color: #fffaeb !important;
}

.badge-warning-50 {
  background-color: #fffaeb !important;
}

.text-warning-50 {
  color: #fffaeb !important;
}

.text-warning-50-hover:hover {
  color: #fffaeb !important;
}

.border-warning-50 {
  border-color: #fffaeb !important;
}

.border-warning-50-hover:hover {
  border-color: #fffaeb !important;
}

.alert-warning-50 {
  background-color: #fffaeb !important;
  border-color: rgb(100%, 93.0392156863%, 72.1568627451%) !important;
  color: rgb(92.1568627451%, 69.1176470588%, 0%) !important;
}

.btn-warning-50 {
  background-color: #fffaeb !important;
  border-color: #fffaeb !important;
  color: rgb(92.1568627451%, 69.1176470588%, 0%) !important;
}
.btn-warning-50:hover {
  background-color: rgb(100%, 95.5392156863%, 82.1568627451%) !important;
  border-color: rgb(100%, 95.5392156863%, 82.1568627451%) !important;
}

.bg-warning-100 {
  background-color: #fef0c7 !important;
}

.bg-warning-100-hover:hover {
  background-color: #fef0c7 !important;
}

.badge-warning-100 {
  background-color: #fef0c7 !important;
}

.text-warning-100 {
  color: #fef0c7 !important;
}

.text-warning-100-hover:hover {
  color: #fef0c7 !important;
}

.border-warning-100 {
  border-color: #fef0c7 !important;
}

.border-warning-100-hover:hover {
  border-color: #fef0c7 !important;
}

.alert-warning-100 {
  background-color: #fef0c7 !important;
  border-color: rgb(99.2569659443%, 88.8544891641%, 58.3900928793%) !important;
  color: rgb(76.2848297214%, 57.213622291%, 1.3622291022%) !important;
}

.btn-warning-100 {
  background-color: #fef0c7 !important;
  border-color: #fef0c7 !important;
  color: rgb(76.2848297214%, 57.213622291%, 1.3622291022%) !important;
}
.btn-warning-100:hover {
  background-color: rgb(99.4324045408%, 91.4860681115%, 68.2146542828%) !important;
  border-color: rgb(99.4324045408%, 91.4860681115%, 68.2146542828%) !important;
}

.bg-warning-200 {
  background-color: #fedf89 !important;
}

.bg-warning-200-hover:hover {
  background-color: #fedf89 !important;
}

.badge-warning-200 {
  background-color: #fedf89 !important;
}

.text-warning-200 {
  color: #fedf89 !important;
}

.text-warning-200-hover:hover {
  color: #fedf89 !important;
}

.border-warning-200 {
  border-color: #fedf89 !important;
}

.border-warning-200-hover:hover {
  border-color: #fedf89 !important;
}

.alert-warning-200 {
  background-color: #fedf89 !important;
  border-color: rgb(99.4397759104%, 82.0728291317%, 33.893557423%) !important;
  color: rgb(52.8851540616%, 38.9915966387%, 0.4481792717%) !important;
}

.btn-warning-200 {
  background-color: #fedf89 !important;
  border-color: #fedf89 !important;
  color: rgb(52.8851540616%, 38.9915966387%, 0.4481792717%) !important;
}
.btn-warning-200:hover {
  background-color: rgb(99.5238095238%, 84.7619047619%, 43.8095238095%) !important;
  border-color: rgb(99.5238095238%, 84.7619047619%, 43.8095238095%) !important;
}

.bg-warning-300 {
  background-color: #fec84b !important;
}

.bg-warning-300-hover:hover {
  background-color: #fec84b !important;
}

.badge-warning-300 {
  background-color: #fec84b !important;
}

.text-warning-300 {
  color: #fec84b !important;
}

.text-warning-300-hover:hover {
  color: #fec84b !important;
}

.border-warning-300 {
  border-color: #fec84b !important;
}

.border-warning-300-hover:hover {
  border-color: #fec84b !important;
}

.alert-warning-300 {
  background-color: #fec84b !important;
  border-color: rgb(99.4973458997%, 72.3540244827%, 9.5222619435%) !important;
  color: rgb(28.859278518%, 20.2014949626%, 0.1603293251%) !important;
}

.btn-warning-300 {
  background-color: #fec84b !important;
  border-color: #fec84b !important;
  color: rgb(28.859278518%, 20.2014949626%, 0.1603293251%) !important;
}
.btn-warning-300:hover {
  background-color: rgb(99.5525945185%, 75.3926985159%, 19.4670133247%) !important;
  border-color: rgb(99.5525945185%, 75.3926985159%, 19.4670133247%) !important;
}

.bg-warning-400 {
  background-color: #fdb022 !important;
}

.bg-warning-400-hover:hover {
  background-color: #fdb022 !important;
}

.badge-warning-400 {
  background-color: #fdb022 !important;
}

.text-warning-400 {
  color: #fdb022 !important;
}

.text-warning-400-hover:hover {
  color: #fdb022 !important;
}

.border-warning-400 {
  border-color: #fdb022 !important;
}

.border-warning-400-hover:hover {
  border-color: #fdb022 !important;
}

.alert-warning-400 {
  background-color: #fdb022 !important;
  border-color: rgb(91.7189835575%, 59.7625956212%, 0.8300360503%) !important;
  color: rgb(12.4364723468%, 8.1034027961%, 0.1125472611%) !important;
}

.btn-warning-400 {
  background-color: #fdb022 !important;
  border-color: #fdb022 !important;
  color: rgb(12.4364723468%, 8.1034027961%, 0.1125472611%) !important;
}
.btn-warning-400:hover {
  background-color: rgb(99.1260001759%, 65.4770069463%, 3.423019432%) !important;
  border-color: rgb(99.1260001759%, 65.4770069463%, 3.423019432%) !important;
}

.bg-warning-500 {
  background-color: #f79009 !important;
}

.bg-warning-500-hover:hover {
  background-color: #f79009 !important;
}

.badge-warning-500 {
  background-color: #f79009 !important;
}

.text-warning-500 {
  color: #f79009 !important;
}

.text-warning-500-hover:hover {
  color: #f79009 !important;
}

.border-warning-500 {
  border-color: #f79009 !important;
}

.border-warning-500-hover:hover {
  border-color: #f79009 !important;
}

.alert-warning-500 {
  background-color: #f79009 !important;
  border-color: rgb(77.8601204261%, 45.2601513046%, 2.5320364366%) !important;
  color: rgb(0.3798054655%, 0.2207812259%, 0.0123513973%) !important;
}

.btn-warning-500 {
  background-color: #f79009 !important;
  border-color: #f79009 !important;
  color: rgb(0.3798054655%, 0.2207812259%, 0.0123513973%) !important;
}
.btn-warning-500:hover {
  background-color: rgb(87.5451597962%, 50.8900725645%, 2.8469970665%) !important;
  border-color: rgb(87.5451597962%, 50.8900725645%, 2.8469970665%) !important;
}

.bg-warning-600 {
  background-color: #dc6803 !important;
}

.bg-warning-600-hover:hover {
  background-color: #dc6803 !important;
}

.badge-warning-600 {
  background-color: #dc6803 !important;
}

.text-warning-600 {
  color: #dc6803 !important;
}

.text-warning-600-hover:hover {
  color: #dc6803 !important;
}

.border-warning-600 {
  border-color: #dc6803 !important;
}

.border-warning-600-hover:hover {
  border-color: #dc6803 !important;
}

.alert-warning-600 {
  background-color: #dc6803 !important;
  border-color: rgb(66.5435680999%, 31.4569594654%, 0.9074122923%) !important;
  color: black !important;
}

.btn-warning-600 {
  background-color: #dc6803 !important;
  border-color: #dc6803 !important;
  color: black !important;
}
.btn-warning-600:hover {
  background-color: rgb(76.4090389519%, 36.1206365954%, 1.0419414403%) !important;
  border-color: rgb(76.4090389519%, 36.1206365954%, 1.0419414403%) !important;
}

.bg-warning-700 {
  background-color: #b54708 !important;
}

.bg-warning-700-hover:hover {
  background-color: #b54708 !important;
}

.badge-warning-700 {
  background-color: #b54708 !important;
}

.text-warning-700 {
  color: #b54708 !important;
}

.text-warning-700-hover:hover {
  color: #b54708 !important;
}

.border-warning-700 {
  border-color: #b54708 !important;
}

.border-warning-700-hover:hover {
  border-color: #b54708 !important;
}

.alert-warning-700 {
  background-color: #b54708 !important;
  border-color: rgb(51.8269530034%, 20.3299097417%, 2.2906940554%) !important;
  color: black !important;
}

.btn-warning-700 {
  background-color: #b54708 !important;
  border-color: #b54708 !important;
  color: black !important;
}
.btn-warning-700:hover {
  background-color: rgb(61.4036725801%, 24.0865234983%, 2.7139744787%) !important;
  border-color: rgb(61.4036725801%, 24.0865234983%, 2.7139744787%) !important;
}

.bg-warning-800 {
  background-color: #93370d !important;
}

.bg-warning-800-hover:hover {
  background-color: #93370d !important;
}

.badge-warning-800 {
  background-color: #93370d !important;
}

.text-warning-800 {
  color: #93370d !important;
}

.text-warning-800-hover:hover {
  color: #93370d !important;
}

.border-warning-800 {
  border-color: #93370d !important;
}

.border-warning-800-hover:hover {
  border-color: #93370d !important;
}

.alert-warning-800 {
  background-color: #93370d !important;
  border-color: rgb(39.2720588235%, 14.693627451%, 3.4730392157%) !important;
  color: black !important;
}

.btn-warning-800 {
  background-color: #93370d !important;
  border-color: #93370d !important;
  color: black !important;
}
.btn-warning-800:hover {
  background-color: rgb(48.4595588235%, 18.131127451%, 4.2855392157%) !important;
  border-color: rgb(48.4595588235%, 18.131127451%, 4.2855392157%) !important;
}

.bg-warning-900 {
  background-color: #7a2e0e !important;
}

.bg-warning-900-hover:hover {
  background-color: #7a2e0e !important;
}

.badge-warning-900 {
  background-color: #7a2e0e !important;
}

.text-warning-900 {
  color: #7a2e0e !important;
}

.text-warning-900-hover:hover {
  color: #7a2e0e !important;
}

.border-warning-900 {
  border-color: #7a2e0e !important;
}

.border-warning-900-hover:hover {
  border-color: #7a2e0e !important;
}

.alert-warning-900 {
  background-color: #7a2e0e !important;
  border-color: rgb(29.9019607843%, 11.2745098039%, 3.431372549%) !important;
  color: black !important;
}

.btn-warning-900 {
  background-color: #7a2e0e !important;
  border-color: #7a2e0e !important;
  color: black !important;
}
.btn-warning-900:hover {
  background-color: rgb(38.8725490196%, 14.6568627451%, 4.4607843137%) !important;
  border-color: rgb(38.8725490196%, 14.6568627451%, 4.4607843137%) !important;
}

.bg-light-25 {
  background-color: #fcfcfd !important;
}

.bg-light-25-hover:hover {
  background-color: #fcfcfd !important;
}

.badge-light-25 {
  background-color: #fcfcfd !important;
}

.text-light-25 {
  color: #fcfcfd !important;
}

.text-light-25-hover:hover {
  color: #fcfcfd !important;
}

.border-light-25 {
  border-color: #fcfcfd !important;
}

.border-light-25-hover:hover {
  border-color: #fcfcfd !important;
}

.alert-light-25 {
  background-color: #fcfcfd !important;
  border-color: rgb(86.8235294118%, 86.8235294118%, 91.2156862745%) !important;
  color: #646496 !important;
}

.btn-light-25 {
  background-color: #fcfcfd !important;
  border-color: #fcfcfd !important;
  color: #646496 !important;
}
.btn-light-25:hover {
  background-color: rgb(92.8235294118%, 92.8235294118%, 95.2156862745%) !important;
  border-color: rgb(92.8235294118%, 92.8235294118%, 95.2156862745%) !important;
}

.bg-light-50 {
  background-color: #f9fafb !important;
}

.bg-light-50-hover:hover {
  background-color: #f9fafb !important;
}

.badge-light-50 {
  background-color: #f9fafb !important;
}

.text-light-50 {
  color: #f9fafb !important;
}

.text-light-50-hover:hover {
  color: #f9fafb !important;
}

.border-light-50 {
  border-color: #f9fafb !important;
}

.border-light-50-hover:hover {
  border-color: #f9fafb !important;
}

.alert-light-50 {
  background-color: #f9fafb !important;
  border-color: rgb(85.6470588235%, 88.0392156863%, 90.431372549%) !important;
  color: rgb(38.431372549%, 48.0392156863%, 57.6470588235%) !important;
}

.btn-light-50 {
  background-color: #f9fafb !important;
  border-color: #f9fafb !important;
  color: rgb(38.431372549%, 48.0392156863%, 57.6470588235%) !important;
}
.btn-light-50:hover {
  background-color: rgb(91.6470588235%, 93.0392156863%, 94.431372549%) !important;
  border-color: rgb(91.6470588235%, 93.0392156863%, 94.431372549%) !important;
}

.bg-light-100 {
  background-color: #f2f4f7 !important;
}

.bg-light-100-hover:hover {
  background-color: #f2f4f7 !important;
}

.badge-light-100 {
  background-color: #f2f4f7 !important;
}

.text-light-100 {
  color: #f2f4f7 !important;
}

.text-light-100-hover:hover {
  color: #f2f4f7 !important;
}

.border-light-100 {
  border-color: #f2f4f7 !important;
}

.border-light-100-hover:hover {
  border-color: #f2f4f7 !important;
}

.alert-light-100 {
  background-color: #f2f4f7 !important;
  border-color: rgb(82.5210084034%, 85.2100840336%, 89.243697479%) !important;
  color: rgb(34.9579831933%, 43.6974789916%, 56.8067226891%) !important;
}

.btn-light-100 {
  background-color: #f2f4f7 !important;
  border-color: #f2f4f7 !important;
  color: rgb(34.9579831933%, 43.6974789916%, 56.8067226891%) !important;
}
.btn-light-100:hover {
  background-color: rgb(88.7114845938%, 90.4481792717%, 93.0532212885%) !important;
  border-color: rgb(88.7114845938%, 90.4481792717%, 93.0532212885%) !important;
}

.bg-light-200 {
  background-color: #eaecf0 !important;
}

.bg-light-200-hover:hover {
  background-color: #eaecf0 !important;
}

.badge-light-200 {
  background-color: #eaecf0 !important;
}

.text-light-200 {
  color: #eaecf0 !important;
}

.text-light-200-hover:hover {
  color: #eaecf0 !important;
}

.border-light-200 {
  border-color: #eaecf0 !important;
}

.border-light-200-hover:hover {
  border-color: #eaecf0 !important;
}

.alert-light-200 {
  background-color: #eaecf0 !important;
  border-color: rgb(80.0980392157%, 81.9934640523%, 85.7843137255%) !important;
  color: rgb(35.7843137255%, 40.5555555556%, 50.0980392157%) !important;
}

.btn-light-200 {
  background-color: #eaecf0 !important;
  border-color: #eaecf0 !important;
  color: rgb(35.7843137255%, 40.5555555556%, 50.0980392157%) !important;
}
.btn-light-200:hover {
  background-color: rgb(85.931372549%, 87.2712418301%, 89.9509803922%) !important;
  border-color: rgb(85.931372549%, 87.2712418301%, 89.9509803922%) !important;
}

.bg-light-300 {
  background-color: #d0d5dd !important;
}

.bg-light-300-hover:hover {
  background-color: #d0d5dd !important;
}

.badge-light-300 {
  background-color: #d0d5dd !important;
}

.text-light-300 {
  color: #d0d5dd !important;
}

.text-light-300-hover:hover {
  color: #d0d5dd !important;
}

.border-light-300 {
  border-color: #d0d5dd !important;
}

.border-light-300-hover:hover {
  border-color: #d0d5dd !important;
}

.alert-light-300 {
  background-color: #d0d5dd !important;
  border-color: rgb(69.9636891794%, 73.1590413943%, 78.2716049383%) !important;
  color: rgb(28.6419753086%, 32.8540305011%, 39.593318809%) !important;
}

.btn-light-300 {
  background-color: #d0d5dd !important;
  border-color: #d0d5dd !important;
  color: rgb(28.6419753086%, 32.8540305011%, 39.593318809%) !important;
}
.btn-light-300:hover {
  background-color: rgb(75.7661583152%, 78.3442265795%, 82.4691358025%) !important;
  border-color: rgb(75.7661583152%, 78.3442265795%, 82.4691358025%) !important;
}

.bg-light-400 {
  background-color: #98a2b3 !important;
}

.bg-light-400-hover:hover {
  background-color: #98a2b3 !important;
}

.badge-light-400 {
  background-color: #98a2b3 !important;
}

.text-light-400 {
  color: #98a2b3 !important;
}

.text-light-400-hover:hover {
  color: #98a2b3 !important;
}

.border-light-400 {
  border-color: #98a2b3 !important;
}

.border-light-400-hover:hover {
  border-color: #98a2b3 !important;
}

.alert-light-400 {
  background-color: #98a2b3 !important;
  border-color: rgb(48.099463249%, 53.1383503122%, 61.7044583196%) !important;
  color: rgb(12.65417899%, 14.3192025414%, 17.1497425786%) !important;
}

.btn-light-400 {
  background-color: #98a2b3 !important;
  border-color: #98a2b3 !important;
  color: rgb(12.65417899%, 14.3192025414%, 17.1497425786%) !important;
}
.btn-light-400:hover {
  background-color: rgb(53.8536531931%, 58.3338810384%, 65.9502683755%) !important;
  border-color: rgb(53.8536531931%, 58.3338810384%, 65.9502683755%) !important;
}

.bg-light-500 {
  background-color: #667085 !important;
}

.bg-light-500-hover:hover {
  background-color: #667085 !important;
}

.badge-light-500 {
  background-color: #667085 !important;
}

.text-light-500 {
  color: #667085 !important;
}

.text-light-500-hover:hover {
  color: #667085 !important;
}

.border-light-500 {
  border-color: #667085 !important;
}

.border-light-500-hover:hover {
  border-color: #667085 !important;
}

.alert-light-500 {
  background-color: #667085 !important;
  border-color: rgb(31.3191489362%, 34.3896537338%, 40.8377138089%) !important;
  color: black !important;
}

.btn-light-500 {
  background-color: #667085 !important;
  border-color: #667085 !important;
  color: black !important;
}
.btn-light-500:hover {
  background-color: rgb(35.6595744681%, 39.1556111806%, 46.497288277%) !important;
  border-color: rgb(35.6595744681%, 39.1556111806%, 46.497288277%) !important;
}

.bg-light-600 {
  background-color: #475467 !important;
}

.bg-light-600-hover:hover {
  background-color: #475467 !important;
}

.badge-light-600 {
  background-color: #475467 !important;
}

.text-light-600 {
  color: #475467 !important;
}

.text-light-600-hover:hover {
  color: #475467 !important;
}

.border-light-600 {
  border-color: #475467 !important;
}

.border-light-600-hover:hover {
  border-color: #475467 !important;
}

.alert-light-600 {
  background-color: #475467 !important;
  border-color: rgb(19.6822177147%, 23.2860040568%, 28.553076403%) !important;
  color: black !important;
}

.btn-light-600 {
  background-color: #475467 !important;
  border-color: #475467 !important;
  color: black !important;
}
.btn-light-600:hover {
  background-color: rgb(23.7626774848%, 28.1135902637%, 34.4726166329%) !important;
  border-color: rgb(23.7626774848%, 28.1135902637%, 34.4726166329%) !important;
}

.bg-light-700 {
  background-color: #344054 !important;
}

.bg-light-700-hover:hover {
  background-color: #344054 !important;
}

.badge-light-700 {
  background-color: #344054 !important;
}

.text-light-700 {
  color: #344054 !important;
}

.text-light-700-hover:hover {
  color: #344054 !important;
}

.border-light-700 {
  border-color: #344054 !important;
}

.border-light-700-hover:hover {
  border-color: #344054 !important;
}

.alert-light-700 {
  background-color: #344054 !important;
  border-color: rgb(12.7450980392%, 15.6862745098%, 20.5882352941%) !important;
  color: black !important;
}

.btn-light-700 {
  background-color: #344054 !important;
  border-color: #344054 !important;
  color: black !important;
}
.btn-light-700:hover {
  background-color: rgb(16.568627451%, 20.3921568627%, 26.7647058824%) !important;
  border-color: rgb(16.568627451%, 20.3921568627%, 26.7647058824%) !important;
}

.bg-light-800 {
  background-color: #1d2939 !important;
}

.bg-light-800-hover:hover {
  background-color: #1d2939 !important;
}

.badge-light-800 {
  background-color: #1d2939 !important;
}

.text-light-800 {
  color: #1d2939 !important;
}

.text-light-800-hover:hover {
  color: #1d2939 !important;
}

.border-light-800 {
  border-color: #1d2939 !important;
}

.border-light-800-hover:hover {
  border-color: #1d2939 !important;
}

.alert-light-800 {
  background-color: #1d2939 !important;
  border-color: rgb(4.6283629731%, 6.5435476516%, 9.097127223%) !important;
  color: black !important;
}

.btn-light-800 {
  background-color: #1d2939 !important;
  border-color: #1d2939 !important;
  color: black !important;
}
.btn-light-800:hover {
  background-color: rgb(8.0004559964%, 11.3109895121%, 15.7250341997%) !important;
  border-color: rgb(8.0004559964%, 11.3109895121%, 15.7250341997%) !important;
}

.bg-light-900 {
  background-color: #101828 !important;
}

.bg-light-900-hover:hover {
  background-color: #101828 !important;
}

.badge-light-900 {
  background-color: #101828 !important;
}

.text-light-900 {
  color: #101828 !important;
}

.text-light-900-hover:hover {
  color: #101828 !important;
}

.border-light-900 {
  border-color: #101828 !important;
}

.border-light-900-hover:hover {
  border-color: #101828 !important;
}

.alert-light-900 {
  background-color: #101828 !important;
  border-color: rgb(0.5602240896%, 0.8403361345%, 1.4005602241%) !important;
  color: black !important;
}

.btn-light-900 {
  background-color: #101828 !important;
  border-color: #101828 !important;
  color: black !important;
}
.btn-light-900:hover {
  background-color: rgb(3.4173669468%, 5.1260504202%, 8.5434173669%) !important;
  border-color: rgb(3.4173669468%, 5.1260504202%, 8.5434173669%) !important;
}

.bg-blue-gray-25 {
  background-color: #fcfcfd !important;
}

.bg-blue-gray-25-hover:hover {
  background-color: #fcfcfd !important;
}

.badge-blue-gray-25 {
  background-color: #fcfcfd !important;
}

.text-blue-gray-25 {
  color: #fcfcfd !important;
}

.text-blue-gray-25-hover:hover {
  color: #fcfcfd !important;
}

.border-blue-gray-25 {
  border-color: #fcfcfd !important;
}

.border-blue-gray-25-hover:hover {
  border-color: #fcfcfd !important;
}

.alert-blue-gray-25 {
  background-color: #fcfcfd !important;
  border-color: rgb(86.8235294118%, 86.8235294118%, 91.2156862745%) !important;
  color: #646496 !important;
}

.btn-blue-gray-25 {
  background-color: #fcfcfd !important;
  border-color: #fcfcfd !important;
  color: #646496 !important;
}
.btn-blue-gray-25:hover {
  background-color: rgb(92.8235294118%, 92.8235294118%, 95.2156862745%) !important;
  border-color: rgb(92.8235294118%, 92.8235294118%, 95.2156862745%) !important;
}

.bg-blue-gray-50 {
  background-color: #f8f9fc !important;
}

.bg-blue-gray-50-hover:hover {
  background-color: #f8f9fc !important;
}

.badge-blue-gray-50 {
  background-color: #f8f9fc !important;
}

.text-blue-gray-50 {
  color: #f8f9fc !important;
}

.text-blue-gray-50-hover:hover {
  color: #f8f9fc !important;
}

.border-blue-gray-50 {
  border-color: #f8f9fc !important;
}

.border-blue-gray-50-hover:hover {
  border-color: #f8f9fc !important;
}

.alert-blue-gray-50 {
  background-color: #f8f9fc !important;
  border-color: rgb(83.2549019608%, 85.6470588235%, 92.8235294118%) !important;
  color: rgb(28.8235294118%, 38.431372549%, 67.2549019608%) !important;
}

.btn-blue-gray-50 {
  background-color: #f8f9fc !important;
  border-color: #f8f9fc !important;
  color: rgb(28.8235294118%, 38.431372549%, 67.2549019608%) !important;
}
.btn-blue-gray-50:hover {
  background-color: rgb(90.2549019608%, 91.6470588235%, 95.8235294118%) !important;
  border-color: rgb(90.2549019608%, 91.6470588235%, 95.8235294118%) !important;
}

.bg-blue-gray-100 {
  background-color: #eaecf5 !important;
}

.bg-blue-gray-100-hover:hover {
  background-color: #eaecf5 !important;
}

.badge-blue-gray-100 {
  background-color: #eaecf5 !important;
}

.text-blue-gray-100 {
  color: #eaecf5 !important;
}

.text-blue-gray-100-hover:hover {
  color: #eaecf5 !important;
}

.border-blue-gray-100 {
  border-color: #eaecf5 !important;
}

.border-blue-gray-100-hover:hover {
  border-color: #eaecf5 !important;
}

.alert-blue-gray-100 {
  background-color: #eaecf5 !important;
  border-color: rgb(78.2163187856%, 80.2909550917%, 89.6268184693%) !important;
  color: rgb(28.3364958887%, 34.0037950664%, 59.5066413662%) !important;
}

.btn-blue-gray-100 {
  background-color: #eaecf5 !important;
  border-color: #eaecf5 !important;
  color: rgb(28.3364958887%, 34.0037950664%, 59.5066413662%) !important;
}
.btn-blue-gray-100:hover {
  background-color: rgb(84.990512334%, 86.4199873498%, 92.8526249209%) !important;
  border-color: rgb(84.990512334%, 86.4199873498%, 92.8526249209%) !important;
}

.bg-blue-gray-200 {
  background-color: #d5d9eb !important;
}

.bg-blue-gray-200-hover:hover {
  background-color: #d5d9eb !important;
}

.badge-blue-gray-200 {
  background-color: #d5d9eb !important;
}

.text-blue-gray-200 {
  color: #d5d9eb !important;
}

.text-blue-gray-200-hover:hover {
  color: #d5d9eb !important;
}

.border-blue-gray-200 {
  border-color: #d5d9eb !important;
}

.border-blue-gray-200-hover:hover {
  border-color: #d5d9eb !important;
}

.alert-blue-gray-200 {
  background-color: #d5d9eb !important;
  border-color: rgb(69.9810246679%, 72.8399746996%, 85.7052498419%) !important;
  color: rgb(24.4149272612%, 29.2979127135%, 51.2713472486%) !important;
}

.btn-blue-gray-200 {
  background-color: #d5d9eb !important;
  border-color: #d5d9eb !important;
  color: rgb(24.4149272612%, 29.2979127135%, 51.2713472486%) !important;
}
.btn-blue-gray-200:hover {
  background-color: rgb(76.7552182163%, 78.9690069576%, 88.9310562935%) !important;
  border-color: rgb(76.7552182163%, 78.9690069576%, 88.9310562935%) !important;
}

.bg-blue-gray-300 {
  background-color: #afb5d9 !important;
}

.bg-blue-gray-300-hover:hover {
  background-color: #afb5d9 !important;
}

.badge-blue-gray-300 {
  background-color: #afb5d9 !important;
}

.text-blue-gray-300 {
  color: #afb5d9 !important;
}

.text-blue-gray-300-hover:hover {
  color: #afb5d9 !important;
}

.border-blue-gray-300 {
  border-color: #afb5d9 !important;
}

.border-blue-gray-300-hover:hover {
  border-color: #afb5d9 !important;
}

.alert-blue-gray-300 {
  background-color: #afb5d9 !important;
  border-color: rgb(55.0681289465%, 58.4380192755%, 78.6573612496%) !important;
  color: rgb(17.3014290462%, 20.0332336324%, 36.4240611499%) !important;
}

.btn-blue-gray-300 {
  background-color: #afb5d9 !important;
  border-color: #afb5d9 !important;
  color: rgb(17.3014290462%, 20.0332336324%, 36.4240611499%) !important;
}
.btn-blue-gray-300:hover {
  background-color: rgb(61.8477899634%, 64.7092057162%, 81.8777002326%) !important;
  border-color: rgb(61.8477899634%, 64.7092057162%, 81.8777002326%) !important;
}

.bg-blue-gray-400 {
  background-color: #717bbc !important;
}

.bg-blue-gray-400-hover:hover {
  background-color: #717bbc !important;
}

.badge-blue-gray-400 {
  background-color: #717bbc !important;
}

.text-blue-gray-400 {
  color: #717bbc !important;
}

.text-blue-gray-400-hover:hover {
  color: #717bbc !important;
}

.border-blue-gray-400 {
  border-color: #717bbc !important;
}

.border-blue-gray-400-hover:hover {
  border-color: #717bbc !important;
}

.alert-blue-gray-400 {
  background-color: #717bbc !important;
  border-color: rgb(31.4288394784%, 36.1197110423%, 66.6103762079%) !important;
  color: rgb(5.782906464%, 6.6460268318%, 12.2563092223%) !important;
}

.btn-blue-gray-400 {
  background-color: #717bbc !important;
  border-color: #717bbc !important;
  color: rgb(5.782906464%, 6.6460268318%, 12.2563092223%) !important;
}
.btn-blue-gray-400:hover {
  background-color: rgb(37.519467117%, 41.919504644%, 70.5197485693%) !important;
  border-color: rgb(37.519467117%, 41.919504644%, 70.5197485693%) !important;
}

.bg-blue-gray-500 {
  background-color: #4e5ba6 !important;
}

.bg-blue-gray-500-hover:hover {
  background-color: #4e5ba6 !important;
}

.badge-blue-gray-500 {
  background-color: #4e5ba6 !important;
}

.text-blue-gray-500 {
  color: #4e5ba6 !important;
}

.text-blue-gray-500-hover:hover {
  color: #4e5ba6 !important;
}

.border-blue-gray-500 {
  border-color: #4e5ba6 !important;
}

.border-blue-gray-500-hover:hover {
  border-color: #4e5ba6 !important;
}

.alert-blue-gray-500 {
  background-color: #4e5ba6 !important;
  border-color: rgb(24.1947926712%, 28.2272581164%, 51.4914818386%) !important;
  color: black !important;
}

.btn-blue-gray-500 {
  background-color: #4e5ba6 !important;
  border-color: #4e5ba6 !important;
  color: black !important;
}
.btn-blue-gray-500:hover {
  background-color: rgb(27.3915139826%, 31.9567663131%, 58.2947605272%) !important;
  border-color: rgb(27.3915139826%, 31.9567663131%, 58.2947605272%) !important;
}

.bg-blue-gray-600 {
  background-color: #3e4784 !important;
}

.bg-blue-gray-600-hover:hover {
  background-color: #3e4784 !important;
}

.badge-blue-gray-600 {
  background-color: #3e4784 !important;
}

.text-blue-gray-600 {
  color: #3e4784 !important;
}

.text-blue-gray-600-hover:hover {
  color: #3e4784 !important;
}

.border-blue-gray-600 {
  border-color: #3e4784 !important;
}

.border-blue-gray-600-hover:hover {
  border-color: #3e4784 !important;
}

.alert-blue-gray-600 {
  background-color: #3e4784 !important;
  border-color: rgb(17.9219729129%, 20.523549626%, 38.1564584597%) !important;
  color: black !important;
}

.btn-blue-gray-600 {
  background-color: #3e4784 !important;
  border-color: #3e4784 !important;
  color: black !important;
}
.btn-blue-gray-600:hover {
  background-color: rgb(21.1178492015%, 24.1833434405%, 44.960582171%) !important;
  border-color: rgb(21.1178492015%, 24.1833434405%, 44.960582171%) !important;
}

.bg-blue-gray-700 {
  background-color: #363f72 !important;
}

.bg-blue-gray-700-hover:hover {
  background-color: #363f72 !important;
}

.badge-blue-gray-700 {
  background-color: #363f72 !important;
}

.text-blue-gray-700 {
  color: #363f72 !important;
}

.text-blue-gray-700-hover:hover {
  color: #363f72 !important;
}

.border-blue-gray-700 {
  border-color: #363f72 !important;
}

.border-blue-gray-700-hover:hover {
  border-color: #363f72 !important;
}

.alert-blue-gray-700 {
  background-color: #363f72 !important;
  border-color: rgb(14.7478991597%, 17.2058823529%, 31.1344537815%) !important;
  color: black !important;
}

.btn-blue-gray-700 {
  background-color: #363f72 !important;
  border-color: #363f72 !important;
  color: black !important;
}
.btn-blue-gray-700:hover {
  background-color: rgb(17.9621848739%, 20.9558823529%, 37.9201680672%) !important;
  border-color: rgb(17.9621848739%, 20.9558823529%, 37.9201680672%) !important;
}

.bg-blue-gray-800 {
  background-color: #293056 !important;
}

.bg-blue-gray-800-hover:hover {
  background-color: #293056 !important;
}

.badge-blue-gray-800 {
  background-color: #293056 !important;
}

.text-blue-gray-800 {
  color: #293056 !important;
}

.text-blue-gray-800-hover:hover {
  color: #293056 !important;
}

.border-blue-gray-800 {
  border-color: #293056 !important;
}

.border-blue-gray-800-hover:hover {
  border-color: #293056 !important;
}

.alert-blue-gray-800 {
  background-color: #293056 !important;
  border-color: rgb(9.6217384592%, 11.2644742937%, 20.1821831095%) !important;
  color: black !important;
}

.btn-blue-gray-800 {
  background-color: #293056 !important;
  border-color: #293056 !important;
  color: black !important;
}
.btn-blue-gray-800:hover {
  background-color: rgb(12.8500849159%, 15.0440018527%, 26.9538366528%) !important;
  border-color: rgb(12.8500849159%, 15.0440018527%, 26.9538366528%) !important;
}

.bg-blue-gray-900 {
  background-color: #101323 !important;
}

.bg-blue-gray-900-hover:hover {
  background-color: #101323 !important;
}

.badge-blue-gray-900 {
  background-color: #101323 !important;
}

.text-blue-gray-900 {
  color: #101323 !important;
}

.text-blue-gray-900-hover:hover {
  color: #101323 !important;
}

.border-blue-gray-900 {
  border-color: #101323 !important;
}

.border-blue-gray-900-hover:hover {
  border-color: #101323 !important;
}

.alert-blue-gray-900 {
  background-color: #101323 !important;
  border-color: black !important;
  color: black !important;
}

.btn-blue-gray-900 {
  background-color: #101323 !important;
  border-color: #101323 !important;
  color: black !important;
}
.btn-blue-gray-900:hover {
  background-color: rgb(3.137254902%, 3.7254901961%, 6.862745098%) !important;
  border-color: rgb(3.137254902%, 3.7254901961%, 6.862745098%) !important;
}

.bg-blue-light-25 {
  background-color: #f5fbff !important;
}

.bg-blue-light-25-hover:hover {
  background-color: #f5fbff !important;
}

.badge-blue-light-25 {
  background-color: #f5fbff !important;
}

.text-blue-light-25 {
  color: #f5fbff !important;
}

.text-blue-light-25-hover:hover {
  color: #f5fbff !important;
}

.border-blue-light-25 {
  border-color: #f5fbff !important;
}

.border-blue-light-25-hover:hover {
  border-color: #f5fbff !important;
}

.alert-blue-light-25 {
  background-color: #f5fbff !important;
  border-color: rgb(76.0784313725%, 90.431372549%, 100%) !important;
  color: #0093f5 !important;
}

.btn-blue-light-25 {
  background-color: #f5fbff !important;
  border-color: #f5fbff !important;
  color: #0093f5 !important;
}
.btn-blue-light-25:hover {
  background-color: rgb(86.0784313725%, 94.431372549%, 100%) !important;
  border-color: rgb(86.0784313725%, 94.431372549%, 100%) !important;
}

.bg-blue-light-50 {
  background-color: #f0f9ff !important;
}

.bg-blue-light-50-hover:hover {
  background-color: #f0f9ff !important;
}

.badge-blue-light-50 {
  background-color: #f0f9ff !important;
}

.text-blue-light-50 {
  color: #f0f9ff !important;
}

.text-blue-light-50-hover:hover {
  color: #f0f9ff !important;
}

.border-blue-light-50 {
  border-color: #f0f9ff !important;
}

.border-blue-light-50-hover:hover {
  border-color: #f0f9ff !important;
}

.alert-blue-light-50 {
  background-color: #f0f9ff !important;
  border-color: rgb(74.1176470588%, 89.6470588235%, 100%) !important;
  color: #0090f0 !important;
}

.btn-blue-light-50 {
  background-color: #f0f9ff !important;
  border-color: #f0f9ff !important;
  color: #0090f0 !important;
}
.btn-blue-light-50:hover {
  background-color: rgb(84.1176470588%, 93.6470588235%, 100%) !important;
  border-color: rgb(84.1176470588%, 93.6470588235%, 100%) !important;
}

.bg-blue-light-100 {
  background-color: #e0f2fe !important;
}

.bg-blue-light-100-hover:hover {
  background-color: #e0f2fe !important;
}

.badge-blue-light-100 {
  background-color: #e0f2fe !important;
}

.text-blue-light-100 {
  color: #e0f2fe !important;
}

.text-blue-light-100-hover:hover {
  color: #e0f2fe !important;
}

.border-blue-light-100 {
  border-color: #e0f2fe !important;
}

.border-blue-light-100-hover:hover {
  border-color: #e0f2fe !important;
}

.alert-blue-light-100 {
  background-color: #e0f2fe !important;
  border-color: rgb(68.4681372549%, 86.7769607843%, 98.9828431373%) !important;
  color: rgb(2.7328431373%, 51.9240196078%, 84.7181372549%) !important;
}

.btn-blue-light-100 {
  background-color: #e0f2fe !important;
  border-color: #e0f2fe !important;
  color: rgb(2.7328431373%, 51.9240196078%, 84.7181372549%) !important;
}
.btn-blue-light-100:hover {
  background-color: rgb(78.1556372549%, 90.8394607843%, 99.2953431373%) !important;
  border-color: rgb(78.1556372549%, 90.8394607843%, 99.2953431373%) !important;
}

.bg-blue-light-200 {
  background-color: #b9e6fe !important;
}

.bg-blue-light-200-hover:hover {
  background-color: #b9e6fe !important;
}

.badge-blue-light-200 {
  background-color: #b9e6fe !important;
}

.text-blue-light-200 {
  color: #b9e6fe !important;
}

.text-blue-light-200-hover:hover {
  color: #b9e6fe !important;
}

.border-blue-light-200 {
  border-color: #b9e6fe !important;
}

.border-blue-light-200-hover:hover {
  border-color: #b9e6fe !important;
}

.alert-blue-light-200 {
  background-color: #b9e6fe !important;
  border-color: rgb(52.8307097487%, 83.1538249102%, 99.3261529964%) !important;
  color: rgb(1.0162938415%, 46.7495167081%, 71.1405689036%) !important;
}

.btn-blue-light-200 {
  background-color: #b9e6fe !important;
  border-color: #b9e6fe !important;
  color: rgb(1.0162938415%, 46.7495167081%, 71.1405689036%) !important;
}
.btn-blue-light-200:hover {
  background-color: rgb(62.6898646783%, 86.6749516708%, 99.4669980668%) !important;
  border-color: rgb(62.6898646783%, 86.6749516708%, 99.4669980668%) !important;
}

.bg-blue-light-300 {
  background-color: #7cd4fd !important;
}

.bg-blue-light-300-hover:hover {
  background-color: #7cd4fd !important;
}

.badge-blue-light-300 {
  background-color: #7cd4fd !important;
}

.text-blue-light-300 {
  color: #7cd4fd !important;
}

.text-blue-light-300-hover:hover {
  color: #7cd4fd !important;
}

.border-blue-light-300 {
  border-color: #7cd4fd !important;
}

.border-blue-light-300-hover:hover {
  border-color: #7cd4fd !important;
}

.alert-blue-light-300 {
  background-color: #7cd4fd !important;
  border-color: rgb(28.9282028601%, 76.6710894884%, 98.9149343948%) !important;
  color: rgb(0.719445673%, 32.3750552853%, 47.1236915819%) !important;
}

.btn-blue-light-300 {
  background-color: #7cd4fd !important;
  border-color: #7cd4fd !important;
  color: rgb(0.719445673%, 32.3750552853%, 47.1236915819%) !important;
}
.btn-blue-light-300:hover {
  background-color: rgb(38.7778269202%, 79.9041721952%, 99.0653103347%) !important;
  border-color: rgb(38.7778269202%, 79.9041721952%, 99.0653103347%) !important;
}

.bg-blue-light-400 {
  background-color: #36bffa !important;
}

.bg-blue-light-400-hover:hover {
  background-color: #36bffa !important;
}

.badge-blue-light-400 {
  background-color: #36bffa !important;
}

.text-blue-light-400 {
  color: #36bffa !important;
}

.text-blue-light-400-hover:hover {
  color: #36bffa !important;
}

.border-blue-light-400 {
  border-color: #36bffa !important;
}

.border-blue-light-400-hover:hover {
  border-color: #36bffa !important;
}

.alert-blue-light-400 {
  background-color: #36bffa !important;
  border-color: rgb(2.4081477251%, 68.3913953931%, 96.8075385494%) !important;
  color: rgb(0.4664001523%, 13.2457643251%, 18.7492861222%) !important;
}

.btn-blue-light-400 {
  background-color: #36bffa !important;
  border-color: #36bffa !important;
  color: rgb(0.4664001523%, 13.2457643251%, 18.7492861222%) !important;
}
.btn-blue-light-400:hover {
  background-color: rgb(11.4191890348%, 71.7951646678%, 97.7964972397%) !important;
  border-color: rgb(11.4191890348%, 71.7951646678%, 97.7964972397%) !important;
}

.bg-blue-light-500 {
  background-color: #0ba5ec !important;
}

.bg-blue-light-500-hover:hover {
  background-color: #0ba5ec !important;
}

.badge-blue-light-500 {
  background-color: #0ba5ec !important;
}

.text-blue-light-500 {
  color: #0ba5ec !important;
}

.text-blue-light-500-hover:hover {
  color: #0ba5ec !important;
}

.border-blue-light-500 {
  border-color: #0ba5ec !important;
}

.border-blue-light-500-hover:hover {
  border-color: #0ba5ec !important;
}

.alert-blue-light-500 {
  background-color: #0ba5ec !important;
  border-color: rgb(3.4230372311%, 51.3455584663%, 73.439707867%) !important;
  color: black !important;
}

.btn-blue-light-500 {
  background-color: #0ba5ec !important;
  border-color: #0ba5ec !important;
  color: black !important;
}
.btn-blue-light-500:hover {
  background-color: rgb(3.8683813606%, 58.0257204096%, 82.9943637374%) !important;
  border-color: rgb(3.8683813606%, 58.0257204096%, 82.9943637374%) !important;
}

.bg-blue-light-600 {
  background-color: #0086c9 !important;
}

.bg-blue-light-600-hover:hover {
  background-color: #0086c9 !important;
}

.badge-blue-light-600 {
  background-color: #0086c9 !important;
}

.text-blue-light-600 {
  color: #0086c9 !important;
}

.text-blue-light-600-hover:hover {
  color: #0086c9 !important;
}

.border-blue-light-600 {
  border-color: #0086c9 !important;
}

.border-blue-light-600-hover:hover {
  border-color: #0086c9 !important;
}

.alert-blue-light-600 {
  background-color: #0086c9 !important;
  border-color: #006496 !important;
  color: black !important;
}

.btn-blue-light-600 {
  background-color: #0086c9 !important;
  border-color: #0086c9 !important;
  color: black !important;
}
.btn-blue-light-600:hover {
  background-color: rgb(0%, 45.8823529412%, 68.8235294118%) !important;
  border-color: rgb(0%, 45.8823529412%, 68.8235294118%) !important;
}

.bg-blue-light-700 {
  background-color: #026aa2 !important;
}

.bg-blue-light-700-hover:hover {
  background-color: #026aa2 !important;
}

.badge-blue-light-700 {
  background-color: #026aa2 !important;
}

.text-blue-light-700 {
  color: #026aa2 !important;
}

.text-blue-light-700-hover:hover {
  color: #026aa2 !important;
}

.border-blue-light-700 {
  border-color: #026aa2 !important;
}

.border-blue-light-700-hover:hover {
  border-color: #026aa2 !important;
}

.alert-blue-light-700 {
  background-color: #026aa2 !important;
  border-color: rgb(0.5404112865%, 28.6417981827%, 43.7733142037%) !important;
  color: black !important;
}

.btn-blue-light-700 {
  background-color: #026aa2 !important;
  border-color: #026aa2 !important;
  color: black !important;
}
.btn-blue-light-700:hover {
  background-color: rgb(0.662362506%, 35.1052128168%, 53.6513629842%) !important;
  border-color: rgb(0.662362506%, 35.1052128168%, 53.6513629842%) !important;
}

.bg-blue-light-800 {
  background-color: #065986 !important;
}

.bg-blue-light-800-hover:hover {
  background-color: #065986 !important;
}

.badge-blue-light-800 {
  background-color: #065986 !important;
}

.text-blue-light-800 {
  color: #065986 !important;
}

.text-blue-light-800-hover:hover {
  color: #065986 !important;
}

.border-blue-light-800 {
  border-color: #065986 !important;
}

.border-blue-light-800-hover:hover {
  border-color: #065986 !important;
}

.alert-blue-light-800 {
  background-color: #065986 !important;
  border-color: rgb(1.4957983193%, 22.18767507%, 33.406162465%) !important;
  color: black !important;
}

.btn-blue-light-800 {
  background-color: #065986 !important;
  border-color: #065986 !important;
  color: black !important;
}
.btn-blue-light-800:hover {
  background-color: rgb(1.9243697479%, 28.5448179272%, 42.9775910364%) !important;
  border-color: rgb(1.9243697479%, 28.5448179272%, 42.9775910364%) !important;
}

.bg-blue-light-900 {
  background-color: #0b4a6f !important;
}

.bg-blue-light-900-hover:hover {
  background-color: #0b4a6f !important;
}

.badge-blue-light-900 {
  background-color: #0b4a6f !important;
}

.text-blue-light-900 {
  color: #0b4a6f !important;
}

.text-blue-light-900-hover:hover {
  color: #0b4a6f !important;
}

.border-blue-light-900 {
  border-color: #0b4a6f !important;
}

.border-blue-light-900-hover:hover {
  border-color: #0b4a6f !important;
}

.alert-blue-light-900 {
  background-color: #0b4a6f !important;
  border-color: rgb(2.5104468017%, 16.8884603022%, 25.3326904532%) !important;
  color: black !important;
}

.btn-blue-light-900 {
  background-color: #0b4a6f !important;
  border-color: #0b4a6f !important;
  color: black !important;
}
.btn-blue-light-900:hover {
  background-color: rgb(3.4120861459%, 22.9540340726%, 34.431051109%) !important;
  border-color: rgb(3.4120861459%, 22.9540340726%, 34.431051109%) !important;
}

.bg-blue-25 {
  background-color: #f5faff !important;
}

.bg-blue-25-hover:hover {
  background-color: #f5faff !important;
}

.badge-blue-25 {
  background-color: #f5faff !important;
}

.text-blue-25 {
  color: #f5faff !important;
}

.text-blue-25-hover:hover {
  color: #f5faff !important;
}

.border-blue-25 {
  border-color: #f5faff !important;
}

.border-blue-25-hover:hover {
  border-color: #f5faff !important;
}

.alert-blue-25 {
  background-color: #f5faff !important;
  border-color: rgb(76.0784313725%, 88.0392156863%, 100%) !important;
  color: rgb(0%, 48.0392156863%, 96.0784313725%) !important;
}

.btn-blue-25 {
  background-color: #f5faff !important;
  border-color: #f5faff !important;
  color: rgb(0%, 48.0392156863%, 96.0784313725%) !important;
}
.btn-blue-25:hover {
  background-color: rgb(86.0784313725%, 93.0392156863%, 100%) !important;
  border-color: rgb(86.0784313725%, 93.0392156863%, 100%) !important;
}

.bg-blue-50 {
  background-color: #eff8ff !important;
}

.bg-blue-50-hover:hover {
  background-color: #eff8ff !important;
}

.badge-blue-50 {
  background-color: #eff8ff !important;
}

.text-blue-50 {
  color: #eff8ff !important;
}

.text-blue-50-hover:hover {
  color: #eff8ff !important;
}

.border-blue-50 {
  border-color: #eff8ff !important;
}

.border-blue-50-hover:hover {
  border-color: #eff8ff !important;
}

.alert-blue-50 {
  background-color: #eff8ff !important;
  border-color: rgb(73.7254901961%, 88.5049019608%, 100%) !important;
  color: rgb(0%, 52.7205882353%, 93.7254901961%) !important;
}

.btn-blue-50 {
  background-color: #eff8ff !important;
  border-color: #eff8ff !important;
  color: rgb(0%, 52.7205882353%, 93.7254901961%) !important;
}
.btn-blue-50:hover {
  background-color: rgb(83.7254901961%, 92.8799019608%, 100%) !important;
  border-color: rgb(83.7254901961%, 92.8799019608%, 100%) !important;
}

.bg-blue-100 {
  background-color: #d1e9ff !important;
}

.bg-blue-100-hover:hover {
  background-color: #d1e9ff !important;
}

.badge-blue-100 {
  background-color: #d1e9ff !important;
}

.text-blue-100 {
  color: #d1e9ff !important;
}

.text-blue-100-hover:hover {
  color: #d1e9ff !important;
}

.border-blue-100 {
  border-color: #d1e9ff !important;
}

.border-blue-100-hover:hover {
  border-color: #d1e9ff !important;
}

.alert-blue-100 {
  background-color: #d1e9ff !important;
  border-color: rgb(61.9607843137%, 81.8073316283%, 100%) !important;
  color: rgb(0%, 42.7621483376%, 81.9607843137%) !important;
}

.btn-blue-100 {
  background-color: #d1e9ff !important;
  border-color: #d1e9ff !important;
  color: rgb(0%, 42.7621483376%, 81.9607843137%) !important;
}
.btn-blue-100:hover {
  background-color: rgb(71.9607843137%, 86.589940324%, 100%) !important;
  border-color: rgb(71.9607843137%, 86.589940324%, 100%) !important;
}

.bg-blue-200 {
  background-color: #b2ddff !important;
}

.bg-blue-200-hover:hover {
  background-color: #b2ddff !important;
}

.badge-blue-200 {
  background-color: #b2ddff !important;
}

.text-blue-200 {
  color: #b2ddff !important;
}

.text-blue-200-hover:hover {
  color: #b2ddff !important;
}

.border-blue-200 {
  border-color: #b2ddff !important;
}

.border-blue-200-hover:hover {
  border-color: #b2ddff !important;
}

.alert-blue-200 {
  background-color: #b2ddff !important;
  border-color: rgb(49.8039215686%, 77.8354978355%, 100%) !important;
  color: rgb(0%, 38.9814107461%, 69.8039215686%) !important;
}

.btn-blue-200 {
  background-color: #b2ddff !important;
  border-color: #b2ddff !important;
  color: rgb(0%, 38.9814107461%, 69.8039215686%) !important;
}
.btn-blue-200:hover {
  background-color: rgb(59.8039215686%, 82.2510822511%, 100%) !important;
  border-color: rgb(59.8039215686%, 82.2510822511%, 100%) !important;
}

.bg-blue-300 {
  background-color: #84caff !important;
}

.bg-blue-300-hover:hover {
  background-color: #84caff !important;
}

.badge-blue-300 {
  background-color: #84caff !important;
}

.text-blue-300 {
  color: #84caff !important;
}

.text-blue-300-hover:hover {
  color: #84caff !important;
}

.border-blue-300 {
  border-color: #84caff !important;
}

.border-blue-300-hover:hover {
  border-color: #84caff !important;
}

.alert-blue-300 {
  background-color: #84caff !important;
  border-color: rgb(31.7647058824%, 70.5978000956%, 100%) !important;
  color: rgb(0%, 29.4595887135%, 51.7647058824%) !important;
}

.btn-blue-300 {
  background-color: #84caff !important;
  border-color: #84caff !important;
  color: rgb(0%, 29.4595887135%, 51.7647058824%) !important;
}
.btn-blue-300:hover {
  background-color: rgb(41.7647058824%, 74.9067431851%, 100%) !important;
  border-color: rgb(41.7647058824%, 74.9067431851%, 100%) !important;
}

.bg-blue-400 {
  background-color: #53b1fd !important;
}

.bg-blue-400-hover:hover {
  background-color: #53b1fd !important;
}

.badge-blue-400 {
  background-color: #53b1fd !important;
}

.text-blue-400 {
  color: #53b1fd !important;
}

.text-blue-400-hover:hover {
  color: #53b1fd !important;
}

.border-blue-400 {
  border-color: #53b1fd !important;
}

.border-blue-400-hover:hover {
  border-color: #53b1fd !important;
}

.alert-blue-400 {
  background-color: #53b1fd !important;
  border-color: rgb(12.7789046653%, 60.4462474645%, 98.985801217%) !important;
  color: rgb(0.3651115619%, 17.5253549696%, 31.3995943205%) !important;
}

.btn-blue-400 {
  background-color: #53b1fd !important;
  border-color: #53b1fd !important;
  color: rgb(0.3651115619%, 17.5253549696%, 31.3995943205%) !important;
}
.btn-blue-400:hover {
  background-color: rgb(22.6639621366%, 64.9290060852%, 99.1007437458%) !important;
  border-color: rgb(22.6639621366%, 64.9290060852%, 99.1007437458%) !important;
}

.bg-blue-500 {
  background-color: #2e90fa !important;
}

.bg-blue-500-hover:hover {
  background-color: #2e90fa !important;
}

.badge-blue-500 {
  background-color: #2e90fa !important;
}

.text-blue-500 {
  color: #2e90fa !important;
}

.text-blue-500-hover:hover {
  color: #2e90fa !important;
}

.border-blue-500 {
  border-color: #2e90fa !important;
}

.border-blue-500-hover:hover {
  border-color: #2e90fa !important;
}

.alert-blue-500 {
  background-color: #2e90fa !important;
  border-color: rgb(2.2448231629%, 46.2433571559%, 93.8336082096%) !important;
  color: rgb(0.3756642844%, 7.7386842588%, 15.7027670881%) !important;
}

.btn-blue-500 {
  background-color: #2e90fa !important;
  border-color: #2e90fa !important;
  color: rgb(0.3756642844%, 7.7386842588%, 15.7027670881%) !important;
}
.btn-blue-500:hover {
  background-color: rgb(8.2728605461%, 51.2836723474%, 97.8055708265%) !important;
  border-color: rgb(8.2728605461%, 51.2836723474%, 97.8055708265%) !important;
}

.bg-blue-600 {
  background-color: #1570ef !important;
}

.bg-blue-600-hover:hover {
  background-color: #1570ef !important;
}

.badge-blue-600 {
  background-color: #1570ef !important;
}

.text-blue-600 {
  color: #1570ef !important;
}

.text-blue-600-hover:hover {
  color: #1570ef !important;
}

.border-blue-600 {
  border-color: #1570ef !important;
}

.border-blue-600-hover:hover {
  border-color: #1570ef !important;
}

.alert-blue-600 {
  background-color: #1570ef !important;
  border-color: rgb(5.2454901961%, 35.0792156863%, 76.7152941176%) !important;
  color: rgb(0.1254901961%, 0.8392156863%, 1.8352941176%) !important;
}

.btn-blue-600 {
  background-color: #1570ef !important;
  border-color: #1570ef !important;
  color: rgb(0.1254901961%, 0.8392156863%, 1.8352941176%) !important;
}
.btn-blue-600:hover {
  background-color: rgb(5.8854901961%, 39.3592156863%, 86.0752941176%) !important;
  border-color: rgb(5.8854901961%, 39.3592156863%, 86.0752941176%) !important;
}

.bg-blue-700 {
  background-color: #175cd3 !important;
}

.bg-blue-700-hover:hover {
  background-color: #175cd3 !important;
}

.badge-blue-700 {
  background-color: #175cd3 !important;
}

.text-blue-700 {
  color: #175cd3 !important;
}

.text-blue-700-hover:hover {
  color: #175cd3 !important;
}

.border-blue-700 {
  border-color: #175cd3 !important;
}

.border-blue-700-hover:hover {
  border-color: #175cd3 !important;
}

.alert-blue-700 {
  background-color: #175cd3 !important;
  border-color: rgb(7.0537958773%, 28.2151835093%, 64.710910005%) !important;
  color: black !important;
}

.btn-blue-700 {
  background-color: #175cd3 !important;
  border-color: #175cd3 !important;
  color: black !important;
}
.btn-blue-700:hover {
  background-color: rgb(8.0367018602%, 32.1468074409%, 73.7280040221%) !important;
  border-color: rgb(8.0367018602%, 32.1468074409%, 73.7280040221%) !important;
}

.bg-blue-800 {
  background-color: #1849a9 !important;
}

.bg-blue-800-hover:hover {
  background-color: #1849a9 !important;
}

.badge-blue-800 {
  background-color: #1849a9 !important;
}

.text-blue-800 {
  color: #1849a9 !important;
}

.text-blue-800-hover:hover {
  color: #1849a9 !important;
}

.border-blue-800 {
  border-color: #1849a9 !important;
}

.border-blue-800-hover:hover {
  border-color: #1849a9 !important;
}

.alert-blue-800 {
  background-color: #1849a9 !important;
  border-color: rgb(6.9247180738%, 21.062684141%, 48.761556436%) !important;
  color: black !important;
}

.btn-blue-800 {
  background-color: #1849a9 !important;
  border-color: #1849a9 !important;
  color: black !important;
}
.btn-blue-800:hover {
  background-color: rgb(8.1682413898%, 24.8450675607%, 57.51803312%) !important;
  border-color: rgb(8.1682413898%, 24.8450675607%, 57.51803312%) !important;
}

.bg-blue-900 {
  background-color: #194185 !important;
}

.bg-blue-900-hover:hover {
  background-color: #194185 !important;
}

.badge-blue-900 {
  background-color: #194185 !important;
}

.text-blue-900 {
  color: #194185 !important;
}

.text-blue-900-hover:hover {
  color: #194185 !important;
}

.border-blue-900 {
  border-color: #194185 !important;
}

.border-blue-900-hover:hover {
  border-color: #194185 !important;
}

.alert-blue-900 {
  background-color: #194185 !important;
  border-color: rgb(6.6393646066%, 17.2623479772%, 35.3214197071%) !important;
  color: black !important;
}

.btn-blue-900 {
  background-color: #194185 !important;
  border-color: #194185 !important;
  color: black !important;
}
.btn-blue-900:hover {
  background-color: rgb(8.2216430876%, 21.3762720278%, 43.7391412261%) !important;
  border-color: rgb(8.2216430876%, 21.3762720278%, 43.7391412261%) !important;
}

.bg-indigo-25 {
  background-color: #f5f8ff !important;
}

.bg-indigo-25-hover:hover {
  background-color: #f5f8ff !important;
}

.badge-indigo-25 {
  background-color: #f5f8ff !important;
}

.text-indigo-25 {
  color: #f5f8ff !important;
}

.text-indigo-25-hover:hover {
  color: #f5f8ff !important;
}

.border-indigo-25 {
  border-color: #f5f8ff !important;
}

.border-indigo-25-hover:hover {
  border-color: #f5f8ff !important;
}

.alert-indigo-25 {
  background-color: #f5f8ff !important;
  border-color: rgb(76.0784313725%, 83.2549019608%, 100%) !important;
  color: rgb(0%, 28.8235294118%, 96.0784313725%) !important;
}

.btn-indigo-25 {
  background-color: #f5f8ff !important;
  border-color: #f5f8ff !important;
  color: rgb(0%, 28.8235294118%, 96.0784313725%) !important;
}
.btn-indigo-25:hover {
  background-color: rgb(86.0784313725%, 90.2549019608%, 100%) !important;
  border-color: rgb(86.0784313725%, 90.2549019608%, 100%) !important;
}

.bg-indigo-50 {
  background-color: #eef4ff !important;
}

.bg-indigo-50-hover:hover {
  background-color: #eef4ff !important;
}

.badge-indigo-50 {
  background-color: #eef4ff !important;
}

.text-indigo-50 {
  color: #eef4ff !important;
}

.text-indigo-50-hover:hover {
  color: #eef4ff !important;
}

.border-indigo-50 {
  border-color: #eef4ff !important;
}

.border-indigo-50-hover:hover {
  border-color: #eef4ff !important;
}

.alert-indigo-50 {
  background-color: #eef4ff !important;
  border-color: #bbd3ff !important;
  color: #0054ee !important;
}

.btn-indigo-50 {
  background-color: #eef4ff !important;
  border-color: #eef4ff !important;
  color: #0054ee !important;
}
.btn-indigo-50:hover {
  background-color: rgb(83.3333333333%, 89.2156862745%, 100%) !important;
  border-color: rgb(83.3333333333%, 89.2156862745%, 100%) !important;
}

.bg-indigo-100 {
  background-color: #e0eaff !important;
}

.bg-indigo-100-hover:hover {
  background-color: #e0eaff !important;
}

.badge-indigo-100 {
  background-color: #e0eaff !important;
}

.text-indigo-100 {
  color: #e0eaff !important;
}

.text-indigo-100-hover:hover {
  color: #e0eaff !important;
}

.border-indigo-100 {
  border-color: #e0eaff !important;
}

.border-indigo-100-hover:hover {
  border-color: #e0eaff !important;
}

.alert-indigo-100 {
  background-color: #e0eaff !important;
  border-color: rgb(67.8431372549%, 78.2163187856%, 100%) !important;
  color: rgb(0%, 28.3364958887%, 87.8431372549%) !important;
}

.btn-indigo-100 {
  background-color: #e0eaff !important;
  border-color: #e0eaff !important;
  color: rgb(0%, 28.3364958887%, 87.8431372549%) !important;
}
.btn-indigo-100:hover {
  background-color: rgb(77.8431372549%, 84.990512334%, 100%) !important;
  border-color: rgb(77.8431372549%, 84.990512334%, 100%) !important;
}

.bg-indigo-200 {
  background-color: #c7d7fe !important;
}

.bg-indigo-200-hover:hover {
  background-color: #c7d7fe !important;
}

.badge-indigo-200 {
  background-color: #c7d7fe !important;
}

.text-indigo-200 {
  color: #c7d7fe !important;
}

.text-indigo-200-hover:hover {
  color: #c7d7fe !important;
}

.border-indigo-200 {
  border-color: #c7d7fe !important;
}

.border-indigo-200-hover:hover {
  border-color: #c7d7fe !important;
}

.alert-indigo-200 {
  background-color: #c7d7fe !important;
  border-color: rgb(58.3900928793%, 70.2786377709%, 99.2569659443%) !important;
  color: rgb(1.3622291022%, 23.1578947368%, 76.2848297214%) !important;
}

.btn-indigo-200 {
  background-color: #c7d7fe !important;
  border-color: #c7d7fe !important;
  color: rgb(1.3622291022%, 23.1578947368%, 76.2848297214%) !important;
}
.btn-indigo-200:hover {
  background-color: rgb(68.2146542828%, 77.2961816305%, 99.4324045408%) !important;
  border-color: rgb(68.2146542828%, 77.2961816305%, 99.4324045408%) !important;
}

.bg-indigo-300 {
  background-color: #a4bcfd !important;
}

.bg-indigo-300-hover:hover {
  background-color: #a4bcfd !important;
}

.badge-indigo-300 {
  background-color: #a4bcfd !important;
}

.text-indigo-300 {
  color: #a4bcfd !important;
}

.text-indigo-300-hover:hover {
  color: #a4bcfd !important;
}

.border-indigo-300 {
  border-color: #a4bcfd !important;
}

.border-indigo-300-hover:hover {
  border-color: #a4bcfd !important;
}

.alert-indigo-300 {
  background-color: #a4bcfd !important;
  border-color: rgb(44.7438330171%, 59.3168880455%, 98.7855787476%) !important;
  color: rgb(1.3662239089%, 17.7609108159%, 62.1631878558%) !important;
}

.btn-indigo-300 {
  background-color: #a4bcfd !important;
  border-color: #a4bcfd !important;
  color: rgb(1.3662239089%, 17.7609108159%, 62.1631878558%) !important;
}
.btn-indigo-300:hover {
  background-color: rgb(54.5287792536%, 66.5211891208%, 99.0006325111%) !important;
  border-color: rgb(54.5287792536%, 66.5211891208%, 99.0006325111%) !important;
}

.bg-indigo-400 {
  background-color: #8098f9 !important;
}

.bg-indigo-400-hover:hover {
  background-color: #8098f9 !important;
}

.badge-indigo-400 {
  background-color: #8098f9 !important;
}

.text-indigo-400 {
  color: #8098f9 !important;
}

.text-indigo-400-hover:hover {
  color: #8098f9 !important;
}

.border-indigo-400 {
  border-color: #8098f9 !important;
}

.border-indigo-400-hover:hover {
  border-color: #8098f9 !important;
}

.alert-indigo-400 {
  background-color: #8098f9 !important;
  border-color: rgb(31.0983340705%, 44.1191213327%, 96.7448031844%) !important;
  color: rgb(2.158337019%, 10.7916850951%, 45.6848002359%) !important;
}

.btn-indigo-400 {
  background-color: #8098f9 !important;
  border-color: #8098f9 !important;
  color: rgb(2.158337019%, 10.7916850951%, 45.6848002359%) !important;
}
.btn-indigo-400:hover {
  background-color: rgb(40.6472062509%, 51.863482235%, 97.195931004%) !important;
  border-color: rgb(40.6472062509%, 51.863482235%, 97.195931004%) !important;
}

.bg-indigo-500 {
  background-color: #6172f3 !important;
}

.bg-indigo-500-hover:hover {
  background-color: #6172f3 !important;
}

.badge-indigo-500 {
  background-color: #6172f3 !important;
}

.text-indigo-500 {
  color: #6172f3 !important;
}

.text-indigo-500-hover:hover {
  color: #6172f3 !important;
}

.border-indigo-500 {
  border-color: #6172f3 !important;
}

.border-indigo-500-hover:hover {
  border-color: #6172f3 !important;
}

.alert-indigo-500 {
  background-color: #6172f3 !important;
  border-color: rgb(19.4509803922%, 28.1176470588%, 93.8823529412%) !important;
  color: rgb(2.3529411765%, 5.6862745098%, 30.9803921569%) !important;
}

.btn-indigo-500 {
  background-color: #6172f3 !important;
  border-color: #6172f3 !important;
  color: rgb(2.3529411765%, 5.6862745098%, 30.9803921569%) !important;
}
.btn-indigo-500:hover {
  background-color: rgb(28.7450980392%, 36.4117647059%, 94.5882352941%) !important;
  border-color: rgb(28.7450980392%, 36.4117647059%, 94.5882352941%) !important;
}

.bg-indigo-600 {
  background-color: #444ce7 !important;
}

.bg-indigo-600-hover:hover {
  background-color: #444ce7 !important;
}

.badge-indigo-600 {
  background-color: #444ce7 !important;
}

.text-indigo-600 {
  color: #444ce7 !important;
}

.text-indigo-600-hover:hover {
  color: #444ce7 !important;
}

.border-indigo-600 {
  border-color: #444ce7 !important;
}

.border-indigo-600-hover:hover {
  border-color: #444ce7 !important;
}

.alert-indigo-600 {
  background-color: #444ce7 !important;
  border-color: rgb(11.0621689434%, 14.7495585912%, 86.1927330174%) !important;
  color: rgb(1.9626428771%, 2.6168571694%, 15.2922590837%) !important;
}

.btn-indigo-600 {
  background-color: #444ce7 !important;
  border-color: #444ce7 !important;
  color: rgb(1.9626428771%, 2.6168571694%, 15.2922590837%) !important;
}
.btn-indigo-600:hover {
  background-color: rgb(17.804107425%, 21.3205092464%, 89.4507945358%) !important;
  border-color: rgb(17.804107425%, 21.3205092464%, 89.4507945358%) !important;
}

.bg-indigo-700 {
  background-color: #3538cd !important;
}

.bg-indigo-700-hover:hover {
  background-color: #3538cd !important;
}

.badge-indigo-700 {
  background-color: #3538cd !important;
}

.text-indigo-700 {
  color: #3538cd !important;
}

.text-indigo-700-hover:hover {
  color: #3538cd !important;
}

.border-indigo-700 {
  border-color: #3538cd !important;
}

.border-indigo-700-hover:hover {
  border-color: #3538cd !important;
}

.alert-indigo-700 {
  background-color: #3538cd !important;
  border-color: rgb(16.106442577%, 17.0728291317%, 65.0700280112%) !important;
  color: rgb(0.233426704%, 0.2474323063%, 0.9430438842%) !important;
}

.btn-indigo-700 {
  background-color: #3538cd !important;
  border-color: #3538cd !important;
  color: rgb(0.233426704%, 0.2474323063%, 0.9430438842%) !important;
}
.btn-indigo-700:hover {
  background-color: rgb(18.0905695612%, 19.1760037348%, 73.0859010271%) !important;
  border-color: rgb(18.0905695612%, 19.1760037348%, 73.0859010271%) !important;
}

.bg-indigo-800 {
  background-color: #2d31a6 !important;
}

.bg-indigo-800-hover:hover {
  background-color: #2d31a6 !important;
}

.badge-indigo-800 {
  background-color: #2d31a6 !important;
}

.text-indigo-800 {
  color: #2d31a6 !important;
}

.text-indigo-800-hover:hover {
  color: #2d31a6 !important;
}

.border-indigo-800 {
  border-color: #2d31a6 !important;
}

.border-indigo-800-hover:hover {
  border-color: #2d31a6 !important;
}

.alert-indigo-800 {
  background-color: #2d31a6 !important;
  border-color: rgb(13.3816559799%, 14.5711365115%, 49.3634420593%) !important;
  color: black !important;
}

.btn-indigo-800 {
  background-color: #2d31a6 !important;
  border-color: #2d31a6 !important;
  color: black !important;
}
.btn-indigo-800:hover {
  background-color: rgb(15.5143574017%, 16.893411393%, 57.2307406375%) !important;
  border-color: rgb(15.5143574017%, 16.893411393%, 57.2307406375%) !important;
}

.bg-indigo-900 {
  background-color: #2d3282 !important;
}

.bg-indigo-900-hover:hover {
  background-color: #2d3282 !important;
}

.badge-indigo-900 {
  background-color: #2d3282 !important;
}

.text-indigo-900 {
  color: #2d3282 !important;
}

.text-indigo-900-hover:hover {
  color: #2d3282 !important;
}

.border-indigo-900 {
  border-color: #2d3282 !important;
}

.border-indigo-900-hover:hover {
  border-color: #2d3282 !important;
}

.alert-indigo-900 {
  background-color: #2d3282 !important;
  border-color: rgb(12.5042016807%, 13.893557423%, 36.1232492997%) !important;
  color: black !important;
}

.btn-indigo-900 {
  background-color: #2d3282 !important;
  border-color: #2d3282 !important;
  color: black !important;
}
.btn-indigo-900:hover {
  background-color: rgb(15.0756302521%, 16.7507002801%, 43.5518207283%) !important;
  border-color: rgb(15.0756302521%, 16.7507002801%, 43.5518207283%) !important;
}

.bg-purple-25 {
  background-color: #fafaff !important;
}

.bg-purple-25-hover:hover {
  background-color: #fafaff !important;
}

.badge-purple-25 {
  background-color: #fafaff !important;
}

.text-purple-25 {
  color: #fafaff !important;
}

.text-purple-25-hover:hover {
  color: #fafaff !important;
}

.border-purple-25 {
  border-color: #fafaff !important;
}

.border-purple-25-hover:hover {
  border-color: #fafaff !important;
}

.alert-purple-25 {
  background-color: #fafaff !important;
  border-color: #c7c7ff !important;
  color: #0000fa !important;
}

.btn-purple-25 {
  background-color: #fafaff !important;
  border-color: #fafaff !important;
  color: #0000fa !important;
}
.btn-purple-25:hover {
  background-color: rgb(88.0392156863%, 88.0392156863%, 100%) !important;
  border-color: rgb(88.0392156863%, 88.0392156863%, 100%) !important;
}

.bg-purple-50 {
  background-color: #f4f3ff !important;
}

.bg-purple-50-hover:hover {
  background-color: #f4f3ff !important;
}

.badge-purple-50 {
  background-color: #f4f3ff !important;
}

.text-purple-50 {
  color: #f4f3ff !important;
}

.text-purple-50-hover:hover {
  color: #f4f3ff !important;
}

.border-purple-50 {
  border-color: #f4f3ff !important;
}

.border-purple-50-hover:hover {
  border-color: #f4f3ff !important;
}

.alert-purple-50 {
  background-color: #f4f3ff !important;
  border-color: rgb(77.3529411765%, 75.2941176471%, 100%) !important;
  color: rgb(7.9411764706%, 0%, 95.2941176471%) !important;
}

.btn-purple-50 {
  background-color: #f4f3ff !important;
  border-color: #f4f3ff !important;
  color: rgb(7.9411764706%, 0%, 95.2941176471%) !important;
}
.btn-purple-50:hover {
  background-color: rgb(86.5196078431%, 85.2941176471%, 100%) !important;
  border-color: rgb(86.5196078431%, 85.2941176471%, 100%) !important;
}

.bg-purple-100 {
  background-color: #ebe9fe !important;
}

.bg-purple-100-hover:hover {
  background-color: #ebe9fe !important;
}

.badge-purple-100 {
  background-color: #ebe9fe !important;
}

.text-purple-100 {
  color: #ebe9fe !important;
}

.text-purple-100-hover:hover {
  color: #ebe9fe !important;
}

.border-purple-100 {
  border-color: #ebe9fe !important;
}

.border-purple-100-hover:hover {
  border-color: #ebe9fe !important;
}

.alert-purple-100 {
  background-color: #ebe9fe !important;
  border-color: rgb(74.7655583973%, 72.242114237%, 98.7382779199%) !important;
  color: rgb(11.8670076726%, 3.9556692242%, 87.0247229327%) !important;
}

.btn-purple-100 {
  background-color: #ebe9fe !important;
  border-color: #ebe9fe !important;
  color: rgb(11.8670076726%, 3.9556692242%, 87.0247229327%) !important;
}
.btn-purple-100:hover {
  background-color: rgb(83.4612105712%, 81.8073316283%, 99.1730605286%) !important;
  border-color: rgb(83.4612105712%, 81.8073316283%, 99.1730605286%) !important;
}

.bg-purple-200 {
  background-color: #d9d6fe !important;
}

.bg-purple-200-hover:hover {
  background-color: #d9d6fe !important;
}

.badge-purple-200 {
  background-color: #d9d6fe !important;
}

.text-purple-200 {
  color: #d9d6fe !important;
}

.text-purple-200-hover:hover {
  color: #d9d6fe !important;
}

.border-purple-200 {
  border-color: #d9d6fe !important;
}

.border-purple-200-hover:hover {
  border-color: #d9d6fe !important;
}

.alert-purple-200 {
  background-color: #d9d6fe !important;
  border-color: rgb(67.0028011204%, 64.3977591036%, 99.1316526611%) !important;
  color: rgb(7.9551820728%, 1.9887955182%, 81.5406162465%) !important;
}

.btn-purple-200 {
  background-color: #d9d6fe !important;
  border-color: #d9d6fe !important;
  color: rgb(7.9551820728%, 1.9887955182%, 81.5406162465%) !important;
}
.btn-purple-200:hover {
  background-color: rgb(76.0504201681%, 74.1596638655%, 99.3697478992%) !important;
  border-color: rgb(76.0504201681%, 74.1596638655%, 99.3697478992%) !important;
}

.bg-purple-300 {
  background-color: #bdb4fe !important;
}

.bg-purple-300-hover:hover {
  background-color: #bdb4fe !important;
}

.badge-purple-300 {
  background-color: #bdb4fe !important;
}

.text-purple-300 {
  color: #bdb4fe !important;
}

.text-purple-300-hover:hover {
  color: #bdb4fe !important;
}

.border-purple-300 {
  border-color: #bdb4fe !important;
}

.border-purple-300-hover:hover {
  border-color: #bdb4fe !important;
}

.alert-purple-300 {
  background-color: #bdb4fe !important;
  border-color: rgb(56.7492260062%, 50.8513931889%, 99.3446852425%) !important;
  color: rgb(9.2363261094%, 0.9236326109%, 69.2724458204%) !important;
}

.btn-purple-300 {
  background-color: #bdb4fe !important;
  border-color: #bdb4fe !important;
  color: rgb(9.2363261094%, 0.9236326109%, 69.2724458204%) !important;
}
.btn-purple-300:hover {
  background-color: rgb(65.4334365325%, 60.7198142415%, 99.4762641899%) !important;
  border-color: rgb(65.4334365325%, 60.7198142415%, 99.4762641899%) !important;
}

.bg-purple-400 {
  background-color: #9b8afb !important;
}

.bg-purple-400-hover:hover {
  background-color: #9b8afb !important;
}

.badge-purple-400 {
  background-color: #9b8afb !important;
}

.text-purple-400 {
  color: #9b8afb !important;
}

.text-purple-400-hover:hover {
  color: #9b8afb !important;
}

.border-purple-400 {
  border-color: #9b8afb !important;
}

.border-purple-400-hover:hover {
  border-color: #9b8afb !important;
}

.alert-purple-400 {
  background-color: #9b8afb !important;
  border-color: rgb(44.2553881057%, 34.7788040836%, 97.7702155242%) !important;
  color: rgb(9.1200777832%, 1.737157673%, 50.8118619349%) !important;
}

.btn-purple-400 {
  background-color: #9b8afb !important;
  border-color: #9b8afb !important;
  color: rgb(9.1200777832%, 1.737157673%, 50.8118619349%) !important;
}
.btn-purple-400:hover {
  background-color: rgb(52.5198509156%, 44.4482255712%, 98.1007940366%) !important;
  border-color: rgb(52.5198509156%, 44.4482255712%, 98.1007940366%) !important;
}

.bg-purple-500 {
  background-color: #7a5af8 !important;
}

.bg-purple-500-hover:hover {
  background-color: #7a5af8 !important;
}

.badge-purple-500 {
  background-color: #7a5af8 !important;
}

.text-purple-500 {
  color: #7a5af8 !important;
}

.text-purple-500-hover:hover {
  color: #7a5af8 !important;
}

.border-purple-500 {
  border-color: #7a5af8 !important;
}

.border-purple-500-hover:hover {
  border-color: #7a5af8 !important;
}

.alert-purple-500 {
  background-color: #7a5af8 !important;
  border-color: rgb(32.3780209758%, 16.1080711354%, 96.4409484724%) !important;
  color: rgb(7.3803009576%, 1.3246694026%, 31.2243502052%) !important;
}

.btn-purple-500 {
  background-color: #7a5af8 !important;
  border-color: #7a5af8 !important;
  color: rgb(7.3803009576%, 1.3246694026%, 31.2243502052%) !important;
}
.btn-purple-500:hover {
  background-color: rgb(40.1105791154%, 25.7010943912%, 96.8479252166%) !important;
  border-color: rgb(40.1105791154%, 25.7010943912%, 96.8479252166%) !important;
}

.bg-purple-600 {
  background-color: #6938ef !important;
}

.bg-purple-600-hover:hover {
  background-color: #6938ef !important;
}

.badge-purple-600 {
  background-color: #6938ef !important;
}

.text-purple-600 {
  color: #6938ef !important;
}

.text-purple-600-hover:hover {
  color: #6938ef !important;
}

.border-purple-600 {
  border-color: #6938ef !important;
}

.border-purple-600-hover:hover {
  border-color: #6938ef !important;
}

.alert-purple-600 {
  background-color: #6938ef !important;
  border-color: rgb(28.9284085727%, 7.1208390333%, 88.5654354765%) !important;
  color: rgb(4.7423620611%, 1.1673506612%, 14.5189238486%) !important;
}

.btn-purple-600 {
  background-color: #6938ef !important;
  border-color: #6938ef !important;
  color: rgb(4.7423620611%, 1.1673506612%, 14.5189238486%) !important;
}
.btn-purple-600:hover {
  background-color: rgb(34.1997264022%, 12.7049703602%, 92.9813041496%) !important;
  border-color: rgb(34.1997264022%, 12.7049703602%, 92.9813041496%) !important;
}

.bg-purple-700 {
  background-color: #5925dc !important;
}

.bg-purple-700-hover:hover {
  background-color: #5925dc !important;
}

.badge-purple-700 {
  background-color: #5925dc !important;
}

.text-purple-700 {
  color: #5925dc !important;
}

.text-purple-700-hover:hover {
  color: #5925dc !important;
}

.border-purple-700 {
  border-color: #5925dc !important;
}

.border-purple-700-hover:hover {
  border-color: #5925dc !important;
}

.alert-purple-700 {
  background-color: #5925dc !important;
  border-color: rgb(27.7795861428%, 11.1756955747%, 69.6086181508%) !important;
  color: rgb(0.2697047198%, 0.1085018988%, 0.6758118267%) !important;
}

.btn-purple-700 {
  background-color: #5925dc !important;
  border-color: #5925dc !important;
  color: rgb(0.2697047198%, 0.1085018988%, 0.6758118267%) !important;
}
.btn-purple-700:hover {
  background-color: rgb(31.2183213206%, 12.5590947842%, 78.2252189413%) !important;
  border-color: rgb(31.2183213206%, 12.5590947842%, 78.2252189413%) !important;
}

.bg-purple-800 {
  background-color: #4a1fb8 !important;
}

.bg-purple-800-hover:hover {
  background-color: #4a1fb8 !important;
}

.badge-purple-800 {
  background-color: #4a1fb8 !important;
}

.text-purple-800 {
  color: #4a1fb8 !important;
}

.text-purple-800-hover:hover {
  color: #4a1fb8 !important;
}

.border-purple-800 {
  border-color: #4a1fb8 !important;
}

.border-purple-800-hover:hover {
  border-color: #4a1fb8 !important;
}

.alert-purple-800 {
  background-color: #4a1fb8 !important;
  border-color: rgb(22.1358869129%, 9.2731418149%, 55.0405836753%) !important;
  color: black !important;
}

.btn-purple-800 {
  background-color: #4a1fb8 !important;
  border-color: #4a1fb8 !important;
  color: black !important;
}
.btn-purple-800:hover {
  background-color: rgb(25.577747378%, 10.71500228%, 63.5987232102%) !important;
  border-color: rgb(25.577747378%, 10.71500228%, 63.5987232102%) !important;
}

.bg-purple-900 {
  background-color: #3e1c96 !important;
}

.bg-purple-900-hover:hover {
  background-color: #3e1c96 !important;
}

.badge-purple-900 {
  background-color: #3e1c96 !important;
}

.text-purple-900 {
  color: #3e1c96 !important;
}

.text-purple-900-hover:hover {
  color: #3e1c96 !important;
}

.border-purple-900 {
  border-color: #3e1c96 !important;
}

.border-purple-900-hover:hover {
  border-color: #3e1c96 !important;
}

.alert-purple-900 {
  background-color: #3e1c96 !important;
  border-color: rgb(17.3474333554%, 7.8343247411%, 41.9695968275%) !important;
  color: black !important;
}

.btn-purple-900 {
  background-color: #3e1c96 !important;
  border-color: #3e1c96 !important;
  color: black !important;
}
.btn-purple-900:hover {
  background-color: rgb(20.8305794228%, 9.407358449%, 50.3965631196%) !important;
  border-color: rgb(20.8305794228%, 9.407358449%, 50.3965631196%) !important;
}

.bg-pink-25 {
  background-color: #fef6fb !important;
}

.bg-pink-25-hover:hover {
  background-color: #fef6fb !important;
}

.badge-pink-25 {
  background-color: #fef6fb !important;
}

.text-pink-25 {
  color: #fef6fb !important;
}

.text-pink-25-hover:hover {
  color: #fef6fb !important;
}

.border-pink-25 {
  border-color: #fef6fb !important;
}

.border-pink-25-hover:hover {
  border-color: #fef6fb !important;
}

.alert-pink-25 {
  background-color: #fef6fb !important;
  border-color: rgb(97.6078431373%, 78.4705882353%, 90.431372549%) !important;
  color: rgb(86.4705882353%, 9.6078431373%, 57.6470588235%) !important;
}

.btn-pink-25 {
  background-color: #fef6fb !important;
  border-color: #fef6fb !important;
  color: rgb(86.4705882353%, 9.6078431373%, 57.6470588235%) !important;
}
.btn-pink-25:hover {
  background-color: rgb(98.6078431373%, 87.4705882353%, 94.431372549%) !important;
  border-color: rgb(98.6078431373%, 87.4705882353%, 94.431372549%) !important;
}

.bg-pink-50 {
  background-color: #fdf2fa !important;
}

.bg-pink-50-hover:hover {
  background-color: #fdf2fa !important;
}

.badge-pink-50 {
  background-color: #fdf2fa !important;
}

.text-pink-50 {
  color: #fdf2fa !important;
}

.text-pink-50-hover:hover {
  color: #fdf2fa !important;
}

.border-pink-50 {
  border-color: #fdf2fa !important;
}

.border-pink-50-hover:hover {
  border-color: #fdf2fa !important;
}

.alert-pink-50 {
  background-color: #fdf2fa !important;
  border-color: rgb(96.5490196078%, 77.568627451%, 91.3725490196%) !important;
  color: #d020a0 !important;
}

.btn-pink-50 {
  background-color: #fdf2fa !important;
  border-color: #fdf2fa !important;
  color: #d020a0 !important;
}
.btn-pink-50:hover {
  background-color: rgb(97.8823529412%, 86.2352941176%, 94.7058823529%) !important;
  border-color: rgb(97.8823529412%, 86.2352941176%, 94.7058823529%) !important;
}

.bg-pink-100 {
  background-color: #fce7f6 !important;
}

.bg-pink-100-hover:hover {
  background-color: #fce7f6 !important;
}

.badge-pink-100 {
  background-color: #fce7f6 !important;
}

.text-pink-100 {
  color: #fce7f6 !important;
}

.text-pink-100-hover:hover {
  color: #fce7f6 !important;
}

.border-pink-100 {
  border-color: #fce7f6 !important;
}

.border-pink-100-hover:hover {
  border-color: #fce7f6 !important;
}

.alert-pink-100 {
  background-color: #fce7f6 !important;
  border-color: rgb(96.6013071895%, 72.8104575163%, 89.8039215686%) !important;
  color: rgb(79.477124183%, 9.9346405229%, 59.6078431373%) !important;
}

.btn-pink-100 {
  background-color: #fce7f6 !important;
  border-color: #fce7f6 !important;
  color: rgb(79.477124183%, 9.9346405229%, 59.6078431373%) !important;
}
.btn-pink-100:hover {
  background-color: rgb(97.7124183007%, 81.6993464052%, 93.137254902%) !important;
  border-color: rgb(97.7124183007%, 81.6993464052%, 93.137254902%) !important;
}

.bg-pink-200 {
  background-color: #fcceee !important;
}

.bg-pink-200-hover:hover {
  background-color: #fcceee !important;
}

.badge-pink-200 {
  background-color: #fcceee !important;
}

.text-pink-200 {
  color: #fcceee !important;
}

.text-pink-200-hover:hover {
  color: #fcceee !important;
}

.border-pink-200 {
  border-color: #fcceee !important;
}

.border-pink-200-hover:hover {
  border-color: #fcceee !important;
}

.alert-pink-200 {
  background-color: #fcceee !important;
  border-color: rgb(97.6696832579%, 61.9381598793%, 86.7948717949%) !important;
  color: rgb(75.0150829563%, 4.592760181%, 53.5822021116%) !important;
}

.btn-pink-200 {
  background-color: #fcceee !important;
  border-color: #fcceee !important;
  color: rgb(75.0150829563%, 4.592760181%, 53.5822021116%) !important;
}
.btn-pink-200:hover {
  background-color: rgb(98.2466063348%, 71.3612368024%, 90.0641025641%) !important;
  border-color: rgb(98.2466063348%, 71.3612368024%, 90.0641025641%) !important;
}

.bg-pink-300 {
  background-color: #faa7e0 !important;
}

.bg-pink-300-hover:hover {
  background-color: #faa7e0 !important;
}

.badge-pink-300 {
  background-color: #faa7e0 !important;
}

.text-pink-300 {
  color: #faa7e0 !important;
}

.text-pink-300-hover:hover {
  color: #faa7e0 !important;
}

.border-pink-300 {
  border-color: #faa7e0 !important;
}

.border-pink-300-hover:hover {
  border-color: #faa7e0 !important;
}

.alert-pink-300 {
  background-color: #faa7e0 !important;
  border-color: rgb(96.9639468691%, 46.5654648956%, 81.1764705882%) !important;
  color: rgb(60.1138519924%, 3.4155597723%, 42.3529411765%) !important;
}

.btn-pink-300 {
  background-color: #faa7e0 !important;
  border-color: #faa7e0 !important;
  color: rgb(60.1138519924%, 3.4155597723%, 42.3529411765%) !important;
}
.btn-pink-300:hover {
  background-color: rgb(97.5015812777%, 56.027830487%, 84.5098039216%) !important;
  border-color: rgb(97.5015812777%, 56.027830487%, 84.5098039216%) !important;
}

.bg-pink-400 {
  background-color: #f670c7 !important;
}

.bg-pink-400-hover:hover {
  background-color: #f670c7 !important;
}

.badge-pink-400 {
  background-color: #f670c7 !important;
}

.text-pink-400 {
  color: #f670c7 !important;
}

.text-pink-400-hover:hover {
  color: #f670c7 !important;
}

.border-pink-400 {
  border-color: #f670c7 !important;
}

.border-pink-400-hover:hover {
  border-color: #f670c7 !important;
}

.alert-pink-400 {
  background-color: #f670c7 !important;
  border-color: rgb(95.286377709%, 25.1057791538%, 70.6707946336%) !important;
  color: rgb(38.0005159959%, 2.3916408669%, 25.5108359133%) !important;
}

.btn-pink-400 {
  background-color: #f670c7 !important;
  border-color: #f670c7 !important;
  color: rgb(38.0005159959%, 2.3916408669%, 25.5108359133%) !important;
}
.btn-pink-400:hover {
  background-color: rgb(95.8784829721%, 34.5136738906%, 74.35500516%) !important;
  border-color: rgb(95.8784829721%, 34.5136738906%, 74.35500516%) !important;
}

.bg-pink-500 {
  background-color: #ee46bc !important;
}

.bg-pink-500-hover:hover {
  background-color: #ee46bc !important;
}

.badge-pink-500 {
  background-color: #ee46bc !important;
}

.text-pink-500 {
  color: #ee46bc !important;
}

.text-pink-500-hover:hover {
  color: #ee46bc !important;
}

.border-pink-500 {
  border-color: #ee46bc !important;
}

.border-pink-500-hover:hover {
  border-color: #ee46bc !important;
}

.alert-pink-500 {
  background-color: #ee46bc !important;
  border-color: rgb(91.6501650165%, 9.134148709%, 67.0918268297%) !important;
  color: rgb(19.035138808%, 1.7491749175%, 13.8905066977%) !important;
}

.btn-pink-500 {
  background-color: #ee46bc !important;
  border-color: #ee46bc !important;
  color: rgb(19.035138808%, 1.7491749175%, 13.8905066977%) !important;
}
.btn-pink-500:hover {
  background-color: rgb(92.4917491749%, 18.2925645506%, 70.4086585129%) !important;
  border-color: rgb(92.4917491749%, 18.2925645506%, 70.4086585129%) !important;
}

.bg-pink-600 {
  background-color: #dd2590 !important;
}

.bg-pink-600-hover:hover {
  background-color: #dd2590 !important;
}

.badge-pink-600 {
  background-color: #dd2590 !important;
}

.text-pink-600 {
  color: #dd2590 !important;
}

.text-pink-600-hover:hover {
  color: #dd2590 !important;
}

.border-pink-600 {
  border-color: #dd2590 !important;
}

.border-pink-600-hover:hover {
  border-color: #dd2590 !important;
}

.alert-pink-600 {
  background-color: #dd2590 !important;
  border-color: rgb(70.2240896359%, 10.9523809524%, 45.4201680672%) !important;
  color: rgb(1.0177404295%, 0.1587301587%, 0.6582633053%) !important;
}

.btn-pink-600 {
  background-color: #dd2590 !important;
  border-color: #dd2590 !important;
  color: rgb(1.0177404295%, 0.1587301587%, 0.6582633053%) !important;
}
.btn-pink-600:hover {
  background-color: rgb(78.8748832866%, 12.3015873016%, 51.0154061625%) !important;
  border-color: rgb(78.8748832866%, 12.3015873016%, 51.0154061625%) !important;
}

.bg-pink-700 {
  background-color: #c11574 !important;
}

.bg-pink-700-hover:hover {
  background-color: #c11574 !important;
}

.badge-pink-700 {
  background-color: #c11574 !important;
}

.text-pink-700 {
  color: #c11574 !important;
}

.text-pink-700-hover:hover {
  color: #c11574 !important;
}

.border-pink-700 {
  border-color: #c11574 !important;
}

.border-pink-700-hover:hover {
  border-color: #c11574 !important;
}

.alert-pink-700 {
  background-color: #c11574 !important;
  border-color: rgb(57.6488913322%, 6.2726772952%, 34.6490745831%) !important;
  color: black !important;
}

.btn-pink-700 {
  background-color: #c11574 !important;
  border-color: #c11574 !important;
  color: black !important;
}
.btn-pink-700:hover {
  background-color: rgb(66.667582921%, 7.2539857064%, 40.0696353308%) !important;
  border-color: rgb(66.667582921%, 7.2539857064%, 40.0696353308%) !important;
}

.bg-pink-800 {
  background-color: #9e165f !important;
}

.bg-pink-800-hover:hover {
  background-color: #9e165f !important;
}

.badge-pink-800 {
  background-color: #9e165f !important;
}

.text-pink-800 {
  color: #9e165f !important;
}

.text-pink-800-hover:hover {
  color: #9e165f !important;
}

.border-pink-800 {
  border-color: #9e165f !important;
}

.border-pink-800-hover:hover {
  border-color: #9e165f !important;
}

.alert-pink-800 {
  background-color: #9e165f !important;
  border-color: rgb(44.4052287582%, 6.1830065359%, 26.6993464052%) !important;
  color: black !important;
}

.btn-pink-800 {
  background-color: #9e165f !important;
  border-color: #9e165f !important;
  color: black !important;
}
.btn-pink-800:hover {
  background-color: rgb(53.1830065359%, 7.4052287582%, 31.977124183%) !important;
  border-color: rgb(53.1830065359%, 7.4052287582%, 31.977124183%) !important;
}

.bg-pink-900 {
  background-color: #851651 !important;
}

.bg-pink-900-hover:hover {
  background-color: #851651 !important;
}

.badge-pink-900 {
  background-color: #851651 !important;
}

.text-pink-900 {
  color: #851651 !important;
}

.text-pink-900-hover:hover {
  color: #851651 !important;
}

.border-pink-900 {
  border-color: #851651 !important;
}

.border-pink-900-hover:hover {
  border-color: #851651 !important;
}

.alert-pink-900 {
  background-color: #851651 !important;
  border-color: rgb(34.9955724225%, 5.788741303%, 21.3130929791%) !important;
  color: black !important;
}

.btn-pink-900 {
  background-color: #851651 !important;
  border-color: #851651 !important;
  color: black !important;
}
.btn-pink-900:hover {
  background-color: rgb(43.5762175838%, 7.2080961417%, 26.5388994307%) !important;
  border-color: rgb(43.5762175838%, 7.2080961417%, 26.5388994307%) !important;
}

.bg-rose-25 {
  background-color: #fff5f6 !important;
}

.bg-rose-25-hover:hover {
  background-color: #fff5f6 !important;
}

.badge-rose-25 {
  background-color: #fff5f6 !important;
}

.text-rose-25 {
  color: #fff5f6 !important;
}

.text-rose-25-hover:hover {
  color: #fff5f6 !important;
}

.border-rose-25 {
  border-color: #fff5f6 !important;
}

.border-rose-25-hover:hover {
  border-color: #fff5f6 !important;
}

.alert-rose-25 {
  background-color: #fff5f6 !important;
  border-color: rgb(100%, 76.0784313725%, 78.4705882353%) !important;
  color: rgb(96.0784313725%, 0%, 9.6078431373%) !important;
}

.btn-rose-25 {
  background-color: #fff5f6 !important;
  border-color: #fff5f6 !important;
  color: rgb(96.0784313725%, 0%, 9.6078431373%) !important;
}
.btn-rose-25:hover {
  background-color: rgb(100%, 86.0784313725%, 87.4705882353%) !important;
  border-color: rgb(100%, 86.0784313725%, 87.4705882353%) !important;
}

.bg-rose-50 {
  background-color: #fff1f3 !important;
}

.bg-rose-50-hover:hover {
  background-color: #fff1f3 !important;
}

.badge-rose-50 {
  background-color: #fff1f3 !important;
}

.text-rose-50 {
  color: #fff1f3 !important;
}

.text-rose-50-hover:hover {
  color: #fff1f3 !important;
}

.border-rose-50 {
  border-color: #fff1f3 !important;
}

.border-rose-50-hover:hover {
  border-color: #fff1f3 !important;
}

.alert-rose-50 {
  background-color: #fff1f3 !important;
  border-color: rgb(100%, 74.5098039216%, 78.1512605042%) !important;
  color: rgb(94.5098039216%, 0%, 13.5014005602%) !important;
}

.btn-rose-50 {
  background-color: #fff1f3 !important;
  border-color: #fff1f3 !important;
  color: rgb(94.5098039216%, 0%, 13.5014005602%) !important;
}
.btn-rose-50:hover {
  background-color: rgb(100%, 84.5098039216%, 86.7226890756%) !important;
  border-color: rgb(100%, 84.5098039216%, 86.7226890756%) !important;
}

.bg-rose-100 {
  background-color: #ffe4e8 !important;
}

.bg-rose-100-hover:hover {
  background-color: #ffe4e8 !important;
}

.badge-rose-100 {
  background-color: #ffe4e8 !important;
}

.text-rose-100 {
  color: #ffe4e8 !important;
}

.text-rose-100-hover:hover {
  color: #ffe4e8 !important;
}

.border-rose-100 {
  border-color: #ffe4e8 !important;
}

.border-rose-100-hover:hover {
  border-color: #ffe4e8 !important;
}

.alert-rose-100 {
  background-color: #ffe4e8 !important;
  border-color: rgb(100%, 69.4117647059%, 73.9433551198%) !important;
  color: rgb(89.4117647059%, 0%, 13.2461873638%) !important;
}

.btn-rose-100 {
  background-color: #ffe4e8 !important;
  border-color: #ffe4e8 !important;
  color: rgb(89.4117647059%, 0%, 13.2461873638%) !important;
}
.btn-rose-100:hover {
  background-color: rgb(100%, 79.4117647059%, 82.4618736383%) !important;
  border-color: rgb(100%, 79.4117647059%, 82.4618736383%) !important;
}

.bg-rose-200 {
  background-color: #fecdd6 !important;
}

.bg-rose-200-hover:hover {
  background-color: #fecdd6 !important;
}

.badge-rose-200 {
  background-color: #fecdd6 !important;
}

.text-rose-200 {
  color: #fecdd6 !important;
}

.text-rose-200-hover:hover {
  color: #fecdd6 !important;
}

.border-rose-200 {
  border-color: #fecdd6 !important;
}

.border-rose-200-hover:hover {
  border-color: #fecdd6 !important;
}

.alert-rose-200 {
  background-color: #fecdd6 !important;
  border-color: #fd9bad !important;
  color: #c80428 !important;
}

.btn-rose-200 {
  background-color: #fecdd6 !important;
  border-color: #fecdd6 !important;
  color: #c80428 !important;
}
.btn-rose-200:hover {
  background-color: rgb(99.4117647059%, 70.5882352941%, 75.8823529412%) !important;
  border-color: rgb(99.4117647059%, 70.5882352941%, 75.8823529412%) !important;
}

.bg-rose-300 {
  background-color: #fea3b4 !important;
}

.bg-rose-300-hover:hover {
  background-color: #fea3b4 !important;
}

.badge-rose-300 {
  background-color: #fea3b4 !important;
}

.text-rose-300 {
  color: #fea3b4 !important;
}

.text-rose-300-hover:hover {
  color: #fea3b4 !important;
}

.border-rose-300 {
  border-color: #fea3b4 !important;
}

.border-rose-300-hover:hover {
  border-color: #fea3b4 !important;
}

.alert-rose-300 {
  background-color: #fea3b4 !important;
  border-color: rgb(99.3927893738%, 44.1366223909%, 54.4592030361%) !important;
  color: rgb(62.8462998102%, 0.6831119545%, 12.2960151803%) !important;
}

.btn-rose-300 {
  background-color: #fea3b4 !important;
  border-color: #fea3b4 !important;
  color: rgb(62.8462998102%, 0.6831119545%, 12.2960151803%) !important;
}
.btn-rose-300:hover {
  background-color: rgb(99.5003162555%, 54.0290955092%, 62.5237191651%) !important;
  border-color: rgb(99.5003162555%, 54.0290955092%, 62.5237191651%) !important;
}

.bg-rose-400 {
  background-color: #fd6f8e !important;
}

.bg-rose-400-hover:hover {
  background-color: #fd6f8e !important;
}

.badge-rose-400 {
  background-color: #fd6f8e !important;
}

.text-rose-400 {
  color: #fd6f8e !important;
}

.text-rose-400-hover:hover {
  color: #fd6f8e !important;
}

.border-rose-400 {
  border-color: #fd6f8e !important;
}

.border-rose-400-hover:hover {
  border-color: #fd6f8e !important;
}

.alert-rose-400 {
  background-color: #fd6f8e !important;
  border-color: rgb(98.9417136718%, 23.8033843674%, 40.206822455%) !important;
  color: rgb(42.159548751%, 0.5855492882%, 9.6615632554%) !important;
}

.btn-rose-400 {
  background-color: #fd6f8e !important;
  border-color: #fd6f8e !important;
  color: rgb(42.159548751%, 0.5855492882%, 9.6615632554%) !important;
}
.btn-rose-400:hover {
  background-color: rgb(99.0786999731%, 33.6663980661%, 47.9465484824%) !important;
  border-color: rgb(99.0786999731%, 33.6663980661%, 47.9465484824%) !important;
}

.bg-rose-500 {
  background-color: #f63d68 !important;
}

.bg-rose-500-hover:hover {
  background-color: #f63d68 !important;
}

.badge-rose-500 {
  background-color: #f63d68 !important;
}

.text-rose-500 {
  color: #f63d68 !important;
}

.text-rose-500-hover:hover {
  color: #f63d68 !important;
}

.border-rose-500 {
  border-color: #f63d68 !important;
}

.border-rose-500-hover:hover {
  border-color: #f63d68 !important;
}

.alert-rose-500 {
  background-color: #f63d68 !important;
  border-color: rgb(95.5838887279%, 4.8082681348%, 25.9074664348%) !important;
  color: rgb(19.4880710905%, 0.9040857722%, 5.2236066841%) !important;
}

.btn-rose-500 {
  background-color: #f63d68 !important;
  border-color: #f63d68 !important;
  color: rgb(19.4880710905%, 0.9040857722%, 5.2236066841%) !important;
}
.btn-rose-500:hover {
  background-color: rgb(96.0272384816%, 14.3649183811%, 33.3458900802%) !important;
  border-color: rgb(96.0272384816%, 14.3649183811%, 33.3458900802%) !important;
}

.bg-rose-600 {
  background-color: #e31b54 !important;
}

.bg-rose-600-hover:hover {
  background-color: #e31b54 !important;
}

.badge-rose-600 {
  background-color: #e31b54 !important;
}

.text-rose-600 {
  color: #e31b54 !important;
}

.text-rose-600-hover:hover {
  color: #e31b54 !important;
}

.border-rose-600 {
  border-color: #e31b54 !important;
}

.border-rose-600-hover:hover {
  border-color: #e31b54 !important;
}

.alert-rose-600 {
  background-color: #e31b54 !important;
  border-color: rgb(71.1455920951%, 8.4622510421%, 26.3270032422%) !important;
  color: black !important;
}

.btn-rose-600 {
  background-color: #e31b54 !important;
  border-color: #e31b54 !important;
  color: black !important;
}
.btn-rose-600:hover {
  background-color: rgb(80.0825999691%, 9.5252431681%, 29.6340898564%) !important;
  border-color: rgb(80.0825999691%, 9.5252431681%, 29.6340898564%) !important;
}

.bg-rose-700 {
  background-color: #c01048 !important;
}

.bg-rose-700-hover:hover {
  background-color: #c01048 !important;
}

.badge-rose-700 {
  background-color: #c01048 !important;
}

.text-rose-700 {
  color: #c01048 !important;
}

.text-rose-700-hover:hover {
  color: #c01048 !important;
}

.border-rose-700 {
  border-color: #c01048 !important;
}

.border-rose-700-hover:hover {
  border-color: #c01048 !important;
}

.alert-rose-700 {
  background-color: #c01048 !important;
  border-color: rgb(56.8325791855%, 4.7360482655%, 21.3122171946%) !important;
  color: black !important;
}

.btn-rose-700 {
  background-color: #c01048 !important;
  border-color: #c01048 !important;
  color: black !important;
}
.btn-rose-700:hover {
  background-color: rgb(66.0633484163%, 5.5052790347%, 24.7737556561%) !important;
  border-color: rgb(66.0633484163%, 5.5052790347%, 24.7737556561%) !important;
}

.bg-rose-800 {
  background-color: #a11043 !important;
}

.bg-rose-800-hover:hover {
  background-color: #a11043 !important;
}

.badge-rose-800 {
  background-color: #a11043 !important;
}

.text-rose-800 {
  color: #a11043 !important;
}

.text-rose-800-hover:hover {
  color: #a11043 !important;
}

.border-rose-800 {
  border-color: #a11043 !important;
}

.border-rose-800-hover:hover {
  border-color: #a11043 !important;
}

.alert-rose-800 {
  background-color: #a11043 !important;
  border-color: rgb(44.9451645065%, 4.4666001994%, 18.703888335%) !important;
  color: black !important;
}

.btn-rose-800 {
  background-color: #a11043 !important;
  border-color: #a11043 !important;
  color: black !important;
}
.btn-rose-800:hover {
  background-color: rgb(54.0412097042%, 5.3705550017%, 22.4891990695%) !important;
  border-color: rgb(54.0412097042%, 5.3705550017%, 22.4891990695%) !important;
}

.bg-rose-900 {
  background-color: #89123e !important;
}

.bg-rose-900-hover:hover {
  background-color: #89123e !important;
}

.badge-rose-900 {
  background-color: #89123e !important;
}

.text-rose-900 {
  color: #89123e !important;
}

.text-rose-900-hover:hover {
  color: #89123e !important;
}

.border-rose-900 {
  border-color: #89123e !important;
}

.border-rose-900-hover:hover {
  border-color: #89123e !important;
}

.alert-rose-900 {
  background-color: #89123e !important;
  border-color: rgb(36.0480708412%, 4.7362428843%, 16.3137254902%) !important;
  color: black !important;
}

.btn-rose-900 {
  background-color: #89123e !important;
  border-color: #89123e !important;
  color: black !important;
}
.btn-rose-900:hover {
  background-color: rgb(44.8867805187%, 5.8975332068%, 20.3137254902%) !important;
  border-color: rgb(44.8867805187%, 5.8975332068%, 20.3137254902%) !important;
}

.bg-orange-25 {
  background-color: #fffaf5 !important;
}

.bg-orange-25-hover:hover {
  background-color: #fffaf5 !important;
}

.badge-orange-25 {
  background-color: #fffaf5 !important;
}

.text-orange-25 {
  color: #fffaf5 !important;
}

.text-orange-25-hover:hover {
  color: #fffaf5 !important;
}

.border-orange-25 {
  border-color: #fffaf5 !important;
}

.border-orange-25-hover:hover {
  border-color: #fffaf5 !important;
}

.alert-orange-25 {
  background-color: #fffaf5 !important;
  border-color: rgb(100%, 88.0392156863%, 76.0784313725%) !important;
  color: rgb(96.0784313725%, 48.0392156863%, 0%) !important;
}

.btn-orange-25 {
  background-color: #fffaf5 !important;
  border-color: #fffaf5 !important;
  color: rgb(96.0784313725%, 48.0392156863%, 0%) !important;
}
.btn-orange-25:hover {
  background-color: rgb(100%, 93.0392156863%, 86.0784313725%) !important;
  border-color: rgb(100%, 93.0392156863%, 86.0784313725%) !important;
}

.bg-orange-50 {
  background-color: #fff6ed !important;
}

.bg-orange-50-hover:hover {
  background-color: #fff6ed !important;
}

.badge-orange-50 {
  background-color: #fff6ed !important;
}

.text-orange-50 {
  color: #fff6ed !important;
}

.text-orange-50-hover:hover {
  color: #fff6ed !important;
}

.border-orange-50 {
  border-color: #fff6ed !important;
}

.border-orange-50-hover:hover {
  border-color: #fff6ed !important;
}

.alert-orange-50 {
  background-color: #fff6ed !important;
  border-color: rgb(100%, 86.4705882353%, 72.9411764706%) !important;
  color: rgb(92.9411764706%, 46.4705882353%, 0%) !important;
}

.btn-orange-50 {
  background-color: #fff6ed !important;
  border-color: #fff6ed !important;
  color: rgb(92.9411764706%, 46.4705882353%, 0%) !important;
}
.btn-orange-50:hover {
  background-color: rgb(100%, 91.4705882353%, 82.9411764706%) !important;
  border-color: rgb(100%, 91.4705882353%, 82.9411764706%) !important;
}

.bg-orange-100 {
  background-color: #ffead5 !important;
}

.bg-orange-100-hover:hover {
  background-color: #ffead5 !important;
}

.badge-orange-100 {
  background-color: #ffead5 !important;
}

.text-orange-100 {
  color: #ffead5 !important;
}

.text-orange-100-hover:hover {
  color: #ffead5 !important;
}

.border-orange-100 {
  border-color: #ffead5 !important;
}

.border-orange-100-hover:hover {
  border-color: #ffead5 !important;
}

.alert-orange-100 {
  background-color: #ffead5 !important;
  border-color: rgb(100%, 81.7647058824%, 63.5294117647%) !important;
  color: rgb(83.5294117647%, 41.7647058824%, 0%) !important;
}

.btn-orange-100 {
  background-color: #ffead5 !important;
  border-color: #ffead5 !important;
  color: rgb(83.5294117647%, 41.7647058824%, 0%) !important;
}
.btn-orange-100:hover {
  background-color: rgb(100%, 86.7647058824%, 73.5294117647%) !important;
  border-color: rgb(100%, 86.7647058824%, 73.5294117647%) !important;
}

.bg-orange-200 {
  background-color: #fddcab !important;
}

.bg-orange-200-hover:hover {
  background-color: #fddcab !important;
}

.badge-orange-200 {
  background-color: #fddcab !important;
}

.text-orange-200 {
  color: #fddcab !important;
}

.text-orange-200-hover:hover {
  color: #fddcab !important;
}

.border-orange-200 {
  border-color: #fddcab !important;
}

.border-orange-200-hover:hover {
  border-color: #fddcab !important;
}

.alert-orange-200 {
  background-color: #fddcab !important;
  border-color: rgb(98.7505699954%, 78.1349749202%, 47.5239398085%) !important;
  color: rgb(64.7332421341%, 39.3023255814%, 1.5412676699%) !important;
}

.btn-orange-200 {
  background-color: #fddcab !important;
  border-color: #fddcab !important;
  color: rgb(64.7332421341%, 39.3023255814%, 1.5412676699%) !important;
}
.btn-orange-200:hover {
  background-color: rgb(98.983128135%, 82.2047423621%, 57.2913816689%) !important;
  border-color: rgb(98.983128135%, 82.2047423621%, 57.2913816689%) !important;
}

.bg-orange-300 {
  background-color: #feb273 !important;
}

.bg-orange-300-hover:hover {
  background-color: #feb273 !important;
}

.badge-orange-300 {
  background-color: #feb273 !important;
}

.text-orange-300 {
  color: #feb273 !important;
}

.text-orange-300-hover:hover {
  color: #feb273 !important;
}

.border-orange-300 {
  border-color: #feb273 !important;
}

.border-orange-300-hover:hover {
  border-color: #feb273 !important;
}

.alert-orange-300 {
  background-color: #feb273 !important;
  border-color: rgb(99.4659991656%, 58.881935753%, 25.2398831873%) !important;
  color: rgb(44.3888193575%, 20.2920317063%, 0.3170629954%) !important;
}

.btn-orange-300 {
  background-color: #feb273 !important;
  border-color: #feb273 !important;
  color: rgb(44.3888193575%, 20.2920317063%, 0.3170629954%) !important;
}
.btn-orange-300:hover {
  background-color: rgb(99.5369211514%, 64.3429286608%, 35.1689612015%) !important;
  border-color: rgb(99.5369211514%, 64.3429286608%, 35.1689612015%) !important;
}

.bg-orange-400 {
  background-color: #fd853a !important;
}

.bg-orange-400-hover:hover {
  background-color: #fd853a !important;
}

.badge-orange-400 {
  background-color: #fd853a !important;
}

.text-orange-400 {
  color: #fd853a !important;
}

.text-orange-400-hover:hover {
  color: #fd853a !important;
}

.border-orange-400 {
  border-color: #fd853a !important;
}

.border-orange-400-hover:hover {
  border-color: #fd853a !important;
}

.alert-orange-400 {
  background-color: #fd853a !important;
  border-color: rgb(99.0146812494%, 39.8955562124%, 2.9461030643%) !important;
  color: rgb(21.7400729136%, 8.4973889053%, 0.2207114001%) !important;
}

.btn-orange-400 {
  background-color: #fd853a !important;
  border-color: #fd853a !important;
  color: rgb(21.7400729136%, 8.4973889053%, 0.2207114001%) !important;
}
.btn-orange-400:hover {
  background-color: rgb(99.1151837619%, 46.0262094788%, 12.8456005518%) !important;
  border-color: rgb(99.1151837619%, 46.0262094788%, 12.8456005518%) !important;
}

.bg-orange-500 {
  background-color: #fb6514 !important;
}

.bg-orange-500-hover:hover {
  background-color: #fb6514 !important;
}

.badge-orange-500 {
  background-color: #fb6514 !important;
}

.text-orange-500 {
  color: #fb6514 !important;
}

.text-orange-500-hover:hover {
  color: #fb6514 !important;
}

.border-orange-500 {
  border-color: #fb6514 !important;
}

.border-orange-500-hover:hover {
  border-color: #fb6514 !important;
}

.alert-orange-500 {
  background-color: #fb6514 !important;
  border-color: rgb(84.8305849536%, 30.6834030683%, 1.4439248503%) !important;
  color: rgb(6.1694970875%, 2.2315202232%, 0.1050127164%) !important;
}

.btn-orange-500 {
  background-color: #fb6514 !important;
  border-color: #fb6514 !important;
  color: rgb(6.1694970875%, 2.2315202232%, 0.1050127164%) !important;
}
.btn-orange-500:hover {
  background-color: rgb(94.6632209369%, 34.239888424%, 1.611288867%) !important;
  border-color: rgb(94.6632209369%, 34.239888424%, 1.611288867%) !important;
}

.bg-orange-600 {
  background-color: #ec4a0a !important;
}

.bg-orange-600-hover:hover {
  background-color: #ec4a0a !important;
}

.badge-orange-600 {
  background-color: #ec4a0a !important;
}

.text-orange-600 {
  color: #ec4a0a !important;
}

.text-orange-600-hover:hover {
  color: #ec4a0a !important;
}

.border-orange-600 {
  border-color: #ec4a0a !important;
}

.border-orange-600-hover:hover {
  border-color: #ec4a0a !important;
}

.alert-orange-600 {
  background-color: #ec4a0a !important;
  border-color: rgb(73.3620277379%, 23.0033476805%, 3.1085604974%) !important;
  color: black !important;
}

.btn-orange-600 {
  background-color: #ec4a0a !important;
  border-color: #ec4a0a !important;
  color: black !important;
}
.btn-orange-600:hover {
  background-color: rgb(82.9555236729%, 26.0114777618%, 3.5150645624%) !important;
  border-color: rgb(82.9555236729%, 26.0114777618%, 3.5150645624%) !important;
}

.bg-orange-700 {
  background-color: #c4320a !important;
}

.bg-orange-700-hover:hover {
  background-color: #c4320a !important;
}

.badge-orange-700 {
  background-color: #c4320a !important;
}

.text-orange-700 {
  color: #c4320a !important;
}

.text-orange-700-hover:hover {
  color: #c4320a !important;
}

.border-orange-700 {
  border-color: #c4320a !important;
}

.border-orange-700-hover:hover {
  border-color: #c4320a !important;
}

.alert-orange-700 {
  background-color: #c4320a !important;
  border-color: rgb(57.8336188844%, 14.7534742052%, 2.950694841%) !important;
  color: black !important;
}

.btn-orange-700 {
  background-color: #c4320a !important;
  border-color: #c4320a !important;
  color: black !important;
}
.btn-orange-700:hover {
  background-color: rgb(67.3481819912%, 17.1806586712%, 3.4361317342%) !important;
  border-color: rgb(67.3481819912%, 17.1806586712%, 3.4361317342%) !important;
}

.bg-orange-800 {
  background-color: #9c2a10 !important;
}

.bg-orange-800-hover:hover {
  background-color: #9c2a10 !important;
}

.badge-orange-800 {
  background-color: #9c2a10 !important;
}

.text-orange-800 {
  color: #9c2a10 !important;
}

.text-orange-800-hover:hover {
  color: #9c2a10 !important;
}

.border-orange-800 {
  border-color: #9c2a10 !important;
}

.border-orange-800-hover:hover {
  border-color: #9c2a10 !important;
}

.alert-orange-800 {
  background-color: #9c2a10 !important;
  border-color: rgb(43.0369357045%, 11.5868673051%, 4.4140446876%) !important;
  color: black !important;
}

.btn-orange-800 {
  background-color: #9c2a10 !important;
  border-color: #9c2a10 !important;
  color: black !important;
}
.btn-orange-800:hover {
  background-color: rgb(52.1067031464%, 14.0287277702%, 5.3442772458%) !important;
  border-color: rgb(52.1067031464%, 14.0287277702%, 5.3442772458%) !important;
}

.bg-orange-900 {
  background-color: #7e2410 !important;
}

.bg-orange-900-hover:hover {
  background-color: #7e2410 !important;
}

.badge-orange-900 {
  background-color: #7e2410 !important;
}

.text-orange-900 {
  color: #7e2410 !important;
}

.text-orange-900-hover:hover {
  color: #7e2410 !important;
}

.border-orange-900 {
  border-color: #7e2410 !important;
}

.border-orange-900-hover:hover {
  border-color: #7e2410 !important;
}

.alert-orange-900 {
  background-color: #7e2410 !important;
  border-color: rgb(31.6652858326%, 9.0472245236%, 4.0209886772%) !important;
  color: black !important;
}

.btn-orange-900 {
  background-color: #7e2410 !important;
  border-color: #7e2410 !important;
  color: black !important;
}
.btn-orange-900:hover {
  background-color: rgb(40.5385252693%, 11.5824357912%, 5.1477492405%) !important;
  border-color: rgb(40.5385252693%, 11.5824357912%, 5.1477492405%) !important;
}

.bg-info-25 {
  background-color: #f5faff !important;
}

.bg-info-25-hover:hover {
  background-color: #f5faff !important;
}

.badge-info-25 {
  background-color: #f5faff !important;
}

.text-info-25 {
  color: #f5faff !important;
}

.text-info-25-hover:hover {
  color: #f5faff !important;
}

.border-info-25 {
  border-color: #f5faff !important;
}

.border-info-25-hover:hover {
  border-color: #f5faff !important;
}

.alert-info-25 {
  background-color: #f5faff !important;
  border-color: rgb(76.0784313725%, 88.0392156863%, 100%) !important;
  color: rgb(0%, 48.0392156863%, 96.0784313725%) !important;
}

.btn-info-25 {
  background-color: #f5faff !important;
  border-color: #f5faff !important;
  color: rgb(0%, 48.0392156863%, 96.0784313725%) !important;
}
.btn-info-25:hover {
  background-color: rgb(86.0784313725%, 93.0392156863%, 100%) !important;
  border-color: rgb(86.0784313725%, 93.0392156863%, 100%) !important;
}

.bg-info-50 {
  background-color: #eff8ff !important;
}

.bg-info-50-hover:hover {
  background-color: #eff8ff !important;
}

.badge-info-50 {
  background-color: #eff8ff !important;
}

.text-info-50 {
  color: #eff8ff !important;
}

.text-info-50-hover:hover {
  color: #eff8ff !important;
}

.border-info-50 {
  border-color: #eff8ff !important;
}

.border-info-50-hover:hover {
  border-color: #eff8ff !important;
}

.alert-info-50 {
  background-color: #eff8ff !important;
  border-color: rgb(73.7254901961%, 88.5049019608%, 100%) !important;
  color: rgb(0%, 52.7205882353%, 93.7254901961%) !important;
}

.btn-info-50 {
  background-color: #eff8ff !important;
  border-color: #eff8ff !important;
  color: rgb(0%, 52.7205882353%, 93.7254901961%) !important;
}
.btn-info-50:hover {
  background-color: rgb(83.7254901961%, 92.8799019608%, 100%) !important;
  border-color: rgb(83.7254901961%, 92.8799019608%, 100%) !important;
}

.bg-info-100 {
  background-color: #d1e9ff !important;
}

.bg-info-100-hover:hover {
  background-color: #d1e9ff !important;
}

.badge-info-100 {
  background-color: #d1e9ff !important;
}

.text-info-100 {
  color: #d1e9ff !important;
}

.text-info-100-hover:hover {
  color: #d1e9ff !important;
}

.border-info-100 {
  border-color: #d1e9ff !important;
}

.border-info-100-hover:hover {
  border-color: #d1e9ff !important;
}

.alert-info-100 {
  background-color: #d1e9ff !important;
  border-color: rgb(61.9607843137%, 81.8073316283%, 100%) !important;
  color: rgb(0%, 42.7621483376%, 81.9607843137%) !important;
}

.btn-info-100 {
  background-color: #d1e9ff !important;
  border-color: #d1e9ff !important;
  color: rgb(0%, 42.7621483376%, 81.9607843137%) !important;
}
.btn-info-100:hover {
  background-color: rgb(71.9607843137%, 86.589940324%, 100%) !important;
  border-color: rgb(71.9607843137%, 86.589940324%, 100%) !important;
}

.bg-info-200 {
  background-color: #b2ddff !important;
}

.bg-info-200-hover:hover {
  background-color: #b2ddff !important;
}

.badge-info-200 {
  background-color: #b2ddff !important;
}

.text-info-200 {
  color: #b2ddff !important;
}

.text-info-200-hover:hover {
  color: #b2ddff !important;
}

.border-info-200 {
  border-color: #b2ddff !important;
}

.border-info-200-hover:hover {
  border-color: #b2ddff !important;
}

.alert-info-200 {
  background-color: #b2ddff !important;
  border-color: rgb(49.8039215686%, 77.8354978355%, 100%) !important;
  color: rgb(0%, 38.9814107461%, 69.8039215686%) !important;
}

.btn-info-200 {
  background-color: #b2ddff !important;
  border-color: #b2ddff !important;
  color: rgb(0%, 38.9814107461%, 69.8039215686%) !important;
}
.btn-info-200:hover {
  background-color: rgb(59.8039215686%, 82.2510822511%, 100%) !important;
  border-color: rgb(59.8039215686%, 82.2510822511%, 100%) !important;
}

.bg-info-300 {
  background-color: #84caff !important;
}

.bg-info-300-hover:hover {
  background-color: #84caff !important;
}

.badge-info-300 {
  background-color: #84caff !important;
}

.text-info-300 {
  color: #84caff !important;
}

.text-info-300-hover:hover {
  color: #84caff !important;
}

.border-info-300 {
  border-color: #84caff !important;
}

.border-info-300-hover:hover {
  border-color: #84caff !important;
}

.alert-info-300 {
  background-color: #84caff !important;
  border-color: rgb(31.7647058824%, 70.5978000956%, 100%) !important;
  color: rgb(0%, 29.4595887135%, 51.7647058824%) !important;
}

.btn-info-300 {
  background-color: #84caff !important;
  border-color: #84caff !important;
  color: rgb(0%, 29.4595887135%, 51.7647058824%) !important;
}
.btn-info-300:hover {
  background-color: rgb(41.7647058824%, 74.9067431851%, 100%) !important;
  border-color: rgb(41.7647058824%, 74.9067431851%, 100%) !important;
}

.bg-info-400 {
  background-color: #53b1fd !important;
}

.bg-info-400-hover:hover {
  background-color: #53b1fd !important;
}

.badge-info-400 {
  background-color: #53b1fd !important;
}

.text-info-400 {
  color: #53b1fd !important;
}

.text-info-400-hover:hover {
  color: #53b1fd !important;
}

.border-info-400 {
  border-color: #53b1fd !important;
}

.border-info-400-hover:hover {
  border-color: #53b1fd !important;
}

.alert-info-400 {
  background-color: #53b1fd !important;
  border-color: rgb(12.7789046653%, 60.4462474645%, 98.985801217%) !important;
  color: rgb(0.3651115619%, 17.5253549696%, 31.3995943205%) !important;
}

.btn-info-400 {
  background-color: #53b1fd !important;
  border-color: #53b1fd !important;
  color: rgb(0.3651115619%, 17.5253549696%, 31.3995943205%) !important;
}
.btn-info-400:hover {
  background-color: rgb(22.6639621366%, 64.9290060852%, 99.1007437458%) !important;
  border-color: rgb(22.6639621366%, 64.9290060852%, 99.1007437458%) !important;
}

.bg-info-500 {
  background-color: #2e90fa !important;
}

.bg-info-500-hover:hover {
  background-color: #2e90fa !important;
}

.badge-info-500 {
  background-color: #2e90fa !important;
}

.text-info-500 {
  color: #2e90fa !important;
}

.text-info-500-hover:hover {
  color: #2e90fa !important;
}

.border-info-500 {
  border-color: #2e90fa !important;
}

.border-info-500-hover:hover {
  border-color: #2e90fa !important;
}

.alert-info-500 {
  background-color: #2e90fa !important;
  border-color: rgb(2.2448231629%, 46.2433571559%, 93.8336082096%) !important;
  color: rgb(0.3756642844%, 7.7386842588%, 15.7027670881%) !important;
}

.btn-info-500 {
  background-color: #2e90fa !important;
  border-color: #2e90fa !important;
  color: rgb(0.3756642844%, 7.7386842588%, 15.7027670881%) !important;
}
.btn-info-500:hover {
  background-color: rgb(8.2728605461%, 51.2836723474%, 97.8055708265%) !important;
  border-color: rgb(8.2728605461%, 51.2836723474%, 97.8055708265%) !important;
}

.bg-info-600 {
  background-color: #1570ef !important;
}

.bg-info-600-hover:hover {
  background-color: #1570ef !important;
}

.badge-info-600 {
  background-color: #1570ef !important;
}

.text-info-600 {
  color: #1570ef !important;
}

.text-info-600-hover:hover {
  color: #1570ef !important;
}

.border-info-600 {
  border-color: #1570ef !important;
}

.border-info-600-hover:hover {
  border-color: #1570ef !important;
}

.alert-info-600 {
  background-color: #1570ef !important;
  border-color: rgb(5.2454901961%, 35.0792156863%, 76.7152941176%) !important;
  color: rgb(0.1254901961%, 0.8392156863%, 1.8352941176%) !important;
}

.btn-info-600 {
  background-color: #1570ef !important;
  border-color: #1570ef !important;
  color: rgb(0.1254901961%, 0.8392156863%, 1.8352941176%) !important;
}
.btn-info-600:hover {
  background-color: rgb(5.8854901961%, 39.3592156863%, 86.0752941176%) !important;
  border-color: rgb(5.8854901961%, 39.3592156863%, 86.0752941176%) !important;
}

.bg-info-700 {
  background-color: #175cd3 !important;
}

.bg-info-700-hover:hover {
  background-color: #175cd3 !important;
}

.badge-info-700 {
  background-color: #175cd3 !important;
}

.text-info-700 {
  color: #175cd3 !important;
}

.text-info-700-hover:hover {
  color: #175cd3 !important;
}

.border-info-700 {
  border-color: #175cd3 !important;
}

.border-info-700-hover:hover {
  border-color: #175cd3 !important;
}

.alert-info-700 {
  background-color: #175cd3 !important;
  border-color: rgb(7.0537958773%, 28.2151835093%, 64.710910005%) !important;
  color: black !important;
}

.btn-info-700 {
  background-color: #175cd3 !important;
  border-color: #175cd3 !important;
  color: black !important;
}
.btn-info-700:hover {
  background-color: rgb(8.0367018602%, 32.1468074409%, 73.7280040221%) !important;
  border-color: rgb(8.0367018602%, 32.1468074409%, 73.7280040221%) !important;
}

.bg-info-800 {
  background-color: #1849a9 !important;
}

.bg-info-800-hover:hover {
  background-color: #1849a9 !important;
}

.badge-info-800 {
  background-color: #1849a9 !important;
}

.text-info-800 {
  color: #1849a9 !important;
}

.text-info-800-hover:hover {
  color: #1849a9 !important;
}

.border-info-800 {
  border-color: #1849a9 !important;
}

.border-info-800-hover:hover {
  border-color: #1849a9 !important;
}

.alert-info-800 {
  background-color: #1849a9 !important;
  border-color: rgb(6.9247180738%, 21.062684141%, 48.761556436%) !important;
  color: black !important;
}

.btn-info-800 {
  background-color: #1849a9 !important;
  border-color: #1849a9 !important;
  color: black !important;
}
.btn-info-800:hover {
  background-color: rgb(8.1682413898%, 24.8450675607%, 57.51803312%) !important;
  border-color: rgb(8.1682413898%, 24.8450675607%, 57.51803312%) !important;
}

.bg-info-900 {
  background-color: #194185 !important;
}

.bg-info-900-hover:hover {
  background-color: #194185 !important;
}

.badge-info-900 {
  background-color: #194185 !important;
}

.text-info-900 {
  color: #194185 !important;
}

.text-info-900-hover:hover {
  color: #194185 !important;
}

.border-info-900 {
  border-color: #194185 !important;
}

.border-info-900-hover:hover {
  border-color: #194185 !important;
}

.alert-info-900 {
  background-color: #194185 !important;
  border-color: rgb(6.6393646066%, 17.2623479772%, 35.3214197071%) !important;
  color: black !important;
}

.btn-info-900 {
  background-color: #194185 !important;
  border-color: #194185 !important;
  color: black !important;
}
.btn-info-900:hover {
  background-color: rgb(8.2216430876%, 21.3762720278%, 43.7391412261%) !important;
  border-color: rgb(8.2216430876%, 21.3762720278%, 43.7391412261%) !important;
}

.bg-primary-25 {
  background-color: #fafef0 !important;
}

.bg-primary-50 {
  background-color: #e7fab0 !important;
}

.bg-primary-100 {
  background-color: #dbf88a !important;
}

.bg-primary-200 {
  background-color: #caf555 !important;
}

.bg-primary-300 {
  background-color: #c0f334 !important;
}

.bg-primary-400 {
  background-color: #b0f001 !important;
}

.bg-primary-500 {
  background-color: #a0da01 !important;
}

.bg-primary-600 {
  background-color: #6a9001 !important;
}

.bg-primary-700 {
  background-color: #476100 !important;
}

.bg-primary-800 {
  background-color: #364900 !important;
}

.bg-primary-900 {
  background-color: #131900 !important;
}

.bg-success-25 {
  background-color: #f6fef9 !important;
}

.bg-success-50 {
  background-color: #ecfdf3 !important;
}

.bg-success-100 {
  background-color: #d1fadf !important;
}

.bg-success-200 {
  background-color: #a6f4c5 !important;
}

.bg-success-300 {
  background-color: #6ce9a6 !important;
}

.bg-success-400 {
  background-color: #32d583 !important;
}

.bg-success-500 {
  background-color: #12b76a !important;
}

.bg-success-600 {
  background-color: #039855 !important;
}

.bg-success-700 {
  background-color: #027a48 !important;
}

.bg-success-800 {
  background-color: #05603a !important;
}

.bg-success-900 {
  background-color: #054f31 !important;
}

.bg-danger-25 {
  background-color: #fffbfa !important;
}

.bg-danger-50 {
  background-color: #fef3f2 !important;
}

.bg-danger-100 {
  background-color: #fee4e2 !important;
}

.bg-danger-200 {
  background-color: #fecdca !important;
}

.bg-danger-300 {
  background-color: #fda29b !important;
}

.bg-danger-400 {
  background-color: #f97066 !important;
}

.bg-danger-500 {
  background-color: #f04438 !important;
}

.bg-danger-600 {
  background-color: #d92d20 !important;
}

.bg-danger-700 {
  background-color: #b42318 !important;
}

.bg-danger-800 {
  background-color: #912018 !important;
}

.bg-danger-900 {
  background-color: #7a271a !important;
}

.bg-warning-25 {
  background-color: #fffcf5 !important;
}

.bg-warning-50 {
  background-color: #fffaeb !important;
}

.bg-warning-100 {
  background-color: #fef0c7 !important;
}

.bg-warning-200 {
  background-color: #fedf89 !important;
}

.bg-warning-300 {
  background-color: #fec84b !important;
}

.bg-warning-400 {
  background-color: #fdb022 !important;
}

.bg-warning-500 {
  background-color: #f79009 !important;
}

.bg-warning-600 {
  background-color: #dc6803 !important;
}

.bg-warning-700 {
  background-color: #b54708 !important;
}

.bg-warning-800 {
  background-color: #93370d !important;
}

.bg-warning-900 {
  background-color: #7a2e0e !important;
}

.bg-light-25 {
  background-color: #fcfcfd !important;
}

.bg-light-50 {
  background-color: #f9fafb !important;
}

.bg-light-100 {
  background-color: #f2f4f7 !important;
}

.bg-light-200 {
  background-color: #eaecf0 !important;
}

.bg-light-300 {
  background-color: #d0d5dd !important;
}

.bg-light-400 {
  background-color: #98a2b3 !important;
}

.bg-light-500 {
  background-color: #667085 !important;
}

.bg-light-600 {
  background-color: #475467 !important;
}

.bg-light-700 {
  background-color: #344054 !important;
}

.bg-light-800 {
  background-color: #1d2939 !important;
}

.bg-light-900 {
  background-color: #101828 !important;
}

.bg-blue-gray-25 {
  background-color: #fcfcfd !important;
}

.bg-blue-gray-50 {
  background-color: #f8f9fc !important;
}

.bg-blue-gray-100 {
  background-color: #eaecf5 !important;
}

.bg-blue-gray-200 {
  background-color: #d5d9eb !important;
}

.bg-blue-gray-300 {
  background-color: #afb5d9 !important;
}

.bg-blue-gray-400 {
  background-color: #717bbc !important;
}

.bg-blue-gray-500 {
  background-color: #4e5ba6 !important;
}

.bg-blue-gray-600 {
  background-color: #3e4784 !important;
}

.bg-blue-gray-700 {
  background-color: #363f72 !important;
}

.bg-blue-gray-800 {
  background-color: #293056 !important;
}

.bg-blue-gray-900 {
  background-color: #101323 !important;
}

.bg-blue-light-25 {
  background-color: #f5fbff !important;
}

.bg-blue-light-50 {
  background-color: #f0f9ff !important;
}

.bg-blue-light-100 {
  background-color: #e0f2fe !important;
}

.bg-blue-light-200 {
  background-color: #b9e6fe !important;
}

.bg-blue-light-300 {
  background-color: #7cd4fd !important;
}

.bg-blue-light-400 {
  background-color: #36bffa !important;
}

.bg-blue-light-500 {
  background-color: #0ba5ec !important;
}

.bg-blue-light-600 {
  background-color: #0086c9 !important;
}

.bg-blue-light-700 {
  background-color: #026aa2 !important;
}

.bg-blue-light-800 {
  background-color: #065986 !important;
}

.bg-blue-light-900 {
  background-color: #0b4a6f !important;
}

.bg-blue-25 {
  background-color: #f5faff !important;
}

.bg-blue-50 {
  background-color: #eff8ff !important;
}

.bg-blue-100 {
  background-color: #d1e9ff !important;
}

.bg-blue-200 {
  background-color: #b2ddff !important;
}

.bg-blue-300 {
  background-color: #84caff !important;
}

.bg-blue-400 {
  background-color: #53b1fd !important;
}

.bg-blue-500 {
  background-color: #2e90fa !important;
}

.bg-blue-600 {
  background-color: #1570ef !important;
}

.bg-blue-700 {
  background-color: #175cd3 !important;
}

.bg-blue-800 {
  background-color: #1849a9 !important;
}

.bg-blue-900 {
  background-color: #194185 !important;
}

.bg-indigo-25 {
  background-color: #f5f8ff !important;
}

.bg-indigo-50 {
  background-color: #eef4ff !important;
}

.bg-indigo-100 {
  background-color: #e0eaff !important;
}

.bg-indigo-200 {
  background-color: #c7d7fe !important;
}

.bg-indigo-300 {
  background-color: #a4bcfd !important;
}

.bg-indigo-400 {
  background-color: #8098f9 !important;
}

.bg-indigo-500 {
  background-color: #6172f3 !important;
}

.bg-indigo-600 {
  background-color: #444ce7 !important;
}

.bg-indigo-700 {
  background-color: #3538cd !important;
}

.bg-indigo-800 {
  background-color: #2d31a6 !important;
}

.bg-indigo-900 {
  background-color: #2d3282 !important;
}

.bg-purple-25 {
  background-color: #fafaff !important;
}

.bg-purple-50 {
  background-color: #f4f3ff !important;
}

.bg-purple-100 {
  background-color: #ebe9fe !important;
}

.bg-purple-200 {
  background-color: #d9d6fe !important;
}

.bg-purple-300 {
  background-color: #bdb4fe !important;
}

.bg-purple-400 {
  background-color: #9b8afb !important;
}

.bg-purple-500 {
  background-color: #7a5af8 !important;
}

.bg-purple-600 {
  background-color: #6938ef !important;
}

.bg-purple-700 {
  background-color: #5925dc !important;
}

.bg-purple-800 {
  background-color: #4a1fb8 !important;
}

.bg-purple-900 {
  background-color: #3e1c96 !important;
}

.bg-pink-25 {
  background-color: #fef6fb !important;
}

.bg-pink-50 {
  background-color: #fdf2fa !important;
}

.bg-pink-100 {
  background-color: #fce7f6 !important;
}

.bg-pink-200 {
  background-color: #fcceee !important;
}

.bg-pink-300 {
  background-color: #faa7e0 !important;
}

.bg-pink-400 {
  background-color: #f670c7 !important;
}

.bg-pink-500 {
  background-color: #ee46bc !important;
}

.bg-pink-600 {
  background-color: #dd2590 !important;
}

.bg-pink-700 {
  background-color: #c11574 !important;
}

.bg-pink-800 {
  background-color: #9e165f !important;
}

.bg-pink-900 {
  background-color: #851651 !important;
}

.bg-rose-25 {
  background-color: #fff5f6 !important;
}

.bg-rose-50 {
  background-color: #fff1f3 !important;
}

.bg-rose-100 {
  background-color: #ffe4e8 !important;
}

.bg-rose-200 {
  background-color: #fecdd6 !important;
}

.bg-rose-300 {
  background-color: #fea3b4 !important;
}

.bg-rose-400 {
  background-color: #fd6f8e !important;
}

.bg-rose-500 {
  background-color: #f63d68 !important;
}

.bg-rose-600 {
  background-color: #e31b54 !important;
}

.bg-rose-700 {
  background-color: #c01048 !important;
}

.bg-rose-800 {
  background-color: #a11043 !important;
}

.bg-rose-900 {
  background-color: #89123e !important;
}

.bg-orange-25 {
  background-color: #fffaf5 !important;
}

.bg-orange-50 {
  background-color: #fff6ed !important;
}

.bg-orange-100 {
  background-color: #ffead5 !important;
}

.bg-orange-200 {
  background-color: #fddcab !important;
}

.bg-orange-300 {
  background-color: #feb273 !important;
}

.bg-orange-400 {
  background-color: #fd853a !important;
}

.bg-orange-500 {
  background-color: #fb6514 !important;
}

.bg-orange-600 {
  background-color: #ec4a0a !important;
}

.bg-orange-700 {
  background-color: #c4320a !important;
}

.bg-orange-800 {
  background-color: #9c2a10 !important;
}

.bg-orange-900 {
  background-color: #7e2410 !important;
}

.bg-info-25 {
  background-color: #f5faff !important;
}

.bg-info-50 {
  background-color: #eff8ff !important;
}

.bg-info-100 {
  background-color: #d1e9ff !important;
}

.bg-info-200 {
  background-color: #b2ddff !important;
}

.bg-info-300 {
  background-color: #84caff !important;
}

.bg-info-400 {
  background-color: #53b1fd !important;
}

.bg-info-500 {
  background-color: #2e90fa !important;
}

.bg-info-600 {
  background-color: #1570ef !important;
}

.bg-info-700 {
  background-color: #175cd3 !important;
}

.bg-info-800 {
  background-color: #1849a9 !important;
}

.bg-info-900 {
  background-color: #194185 !important;
}

.text-primary-25 {
  color: #fafef0 !important;
}

.text-primary-50 {
  color: #e7fab0 !important;
}

.text-primary-100 {
  color: #dbf88a !important;
}

.text-primary-200 {
  color: #caf555 !important;
}

.text-primary-300 {
  color: #c0f334 !important;
}

.text-primary-400 {
  color: #b0f001 !important;
}

.text-primary-500 {
  color: #a0da01 !important;
}

.text-primary-600 {
  color: #6a9001 !important;
}

.text-primary-700 {
  color: #476100 !important;
}

.text-primary-800 {
  color: #364900 !important;
}

.text-primary-900 {
  color: #131900 !important;
}

.text-success-25 {
  color: #f6fef9 !important;
}

.text-success-50 {
  color: #ecfdf3 !important;
}

.text-success-100 {
  color: #d1fadf !important;
}

.text-success-200 {
  color: #a6f4c5 !important;
}

.text-success-300 {
  color: #6ce9a6 !important;
}

.text-success-400 {
  color: #32d583 !important;
}

.text-success-500 {
  color: #12b76a !important;
}

.text-success-600 {
  color: #039855 !important;
}

.text-success-700 {
  color: #027a48 !important;
}

.text-success-800 {
  color: #05603a !important;
}

.text-success-900 {
  color: #054f31 !important;
}

.text-danger-25 {
  color: #fffbfa !important;
}

.text-danger-50 {
  color: #fef3f2 !important;
}

.text-danger-100 {
  color: #fee4e2 !important;
}

.text-danger-200 {
  color: #fecdca !important;
}

.text-danger-300 {
  color: #fda29b !important;
}

.text-danger-400 {
  color: #f97066 !important;
}

.text-danger-500 {
  color: #f04438 !important;
}

.text-danger-600 {
  color: #d92d20 !important;
}

.text-danger-700 {
  color: #b42318 !important;
}

.text-danger-800 {
  color: #912018 !important;
}

.text-danger-900 {
  color: #7a271a !important;
}

.text-warning-25 {
  color: #fffcf5 !important;
}

.text-warning-50 {
  color: #fffaeb !important;
}

.text-warning-100 {
  color: #fef0c7 !important;
}

.text-warning-200 {
  color: #fedf89 !important;
}

.text-warning-300 {
  color: #fec84b !important;
}

.text-warning-400 {
  color: #fdb022 !important;
}

.text-warning-500 {
  color: #f79009 !important;
}

.text-warning-600 {
  color: #dc6803 !important;
}

.text-warning-700 {
  color: #b54708 !important;
}

.text-warning-800 {
  color: #93370d !important;
}

.text-warning-900 {
  color: #7a2e0e !important;
}

.text-light-25 {
  color: #fcfcfd !important;
}

.text-light-50 {
  color: #f9fafb !important;
}

.text-light-100 {
  color: #f2f4f7 !important;
}

.text-light-200 {
  color: #eaecf0 !important;
}

.text-light-300 {
  color: #d0d5dd !important;
}

.text-light-400 {
  color: #98a2b3 !important;
}

.text-light-500 {
  color: #667085 !important;
}

.text-light-600 {
  color: #475467 !important;
}

.text-light-700 {
  color: #344054 !important;
}

.text-light-800 {
  color: #1d2939 !important;
}

.text-light-900 {
  color: #101828 !important;
}

.text-blue-gray-25 {
  color: #fcfcfd !important;
}

.text-blue-gray-50 {
  color: #f8f9fc !important;
}

.text-blue-gray-100 {
  color: #eaecf5 !important;
}

.text-blue-gray-200 {
  color: #d5d9eb !important;
}

.text-blue-gray-300 {
  color: #afb5d9 !important;
}

.text-blue-gray-400 {
  color: #717bbc !important;
}

.text-blue-gray-500 {
  color: #4e5ba6 !important;
}

.text-blue-gray-600 {
  color: #3e4784 !important;
}

.text-blue-gray-700 {
  color: #363f72 !important;
}

.text-blue-gray-800 {
  color: #293056 !important;
}

.text-blue-gray-900 {
  color: #101323 !important;
}

.text-blue-light-25 {
  color: #f5fbff !important;
}

.text-blue-light-50 {
  color: #f0f9ff !important;
}

.text-blue-light-100 {
  color: #e0f2fe !important;
}

.text-blue-light-200 {
  color: #b9e6fe !important;
}

.text-blue-light-300 {
  color: #7cd4fd !important;
}

.text-blue-light-400 {
  color: #36bffa !important;
}

.text-blue-light-500 {
  color: #0ba5ec !important;
}

.text-blue-light-600 {
  color: #0086c9 !important;
}

.text-blue-light-700 {
  color: #026aa2 !important;
}

.text-blue-light-800 {
  color: #065986 !important;
}

.text-blue-light-900 {
  color: #0b4a6f !important;
}

.text-blue-25 {
  color: #f5faff !important;
}

.text-blue-50 {
  color: #eff8ff !important;
}

.text-blue-100 {
  color: #d1e9ff !important;
}

.text-blue-200 {
  color: #b2ddff !important;
}

.text-blue-300 {
  color: #84caff !important;
}

.text-blue-400 {
  color: #53b1fd !important;
}

.text-blue-500 {
  color: #2e90fa !important;
}

.text-blue-600 {
  color: #1570ef !important;
}

.text-blue-700 {
  color: #175cd3 !important;
}

.text-blue-800 {
  color: #1849a9 !important;
}

.text-blue-900 {
  color: #194185 !important;
}

.text-indigo-25 {
  color: #f5f8ff !important;
}

.text-indigo-50 {
  color: #eef4ff !important;
}

.text-indigo-100 {
  color: #e0eaff !important;
}

.text-indigo-200 {
  color: #c7d7fe !important;
}

.text-indigo-300 {
  color: #a4bcfd !important;
}

.text-indigo-400 {
  color: #8098f9 !important;
}

.text-indigo-500 {
  color: #6172f3 !important;
}

.text-indigo-600 {
  color: #444ce7 !important;
}

.text-indigo-700 {
  color: #3538cd !important;
}

.text-indigo-800 {
  color: #2d31a6 !important;
}

.text-indigo-900 {
  color: #2d3282 !important;
}

.text-purple-25 {
  color: #fafaff !important;
}

.text-purple-50 {
  color: #f4f3ff !important;
}

.text-purple-100 {
  color: #ebe9fe !important;
}

.text-purple-200 {
  color: #d9d6fe !important;
}

.text-purple-300 {
  color: #bdb4fe !important;
}

.text-purple-400 {
  color: #9b8afb !important;
}

.text-purple-500 {
  color: #7a5af8 !important;
}

.text-purple-600 {
  color: #6938ef !important;
}

.text-purple-700 {
  color: #5925dc !important;
}

.text-purple-800 {
  color: #4a1fb8 !important;
}

.text-purple-900 {
  color: #3e1c96 !important;
}

.text-pink-25 {
  color: #fef6fb !important;
}

.text-pink-50 {
  color: #fdf2fa !important;
}

.text-pink-100 {
  color: #fce7f6 !important;
}

.text-pink-200 {
  color: #fcceee !important;
}

.text-pink-300 {
  color: #faa7e0 !important;
}

.text-pink-400 {
  color: #f670c7 !important;
}

.text-pink-500 {
  color: #ee46bc !important;
}

.text-pink-600 {
  color: #dd2590 !important;
}

.text-pink-700 {
  color: #c11574 !important;
}

.text-pink-800 {
  color: #9e165f !important;
}

.text-pink-900 {
  color: #851651 !important;
}

.text-rose-25 {
  color: #fff5f6 !important;
}

.text-rose-50 {
  color: #fff1f3 !important;
}

.text-rose-100 {
  color: #ffe4e8 !important;
}

.text-rose-200 {
  color: #fecdd6 !important;
}

.text-rose-300 {
  color: #fea3b4 !important;
}

.text-rose-400 {
  color: #fd6f8e !important;
}

.text-rose-500 {
  color: #f63d68 !important;
}

.text-rose-600 {
  color: #e31b54 !important;
}

.text-rose-700 {
  color: #c01048 !important;
}

.text-rose-800 {
  color: #a11043 !important;
}

.text-rose-900 {
  color: #89123e !important;
}

.text-orange-25 {
  color: #fffaf5 !important;
}

.text-orange-50 {
  color: #fff6ed !important;
}

.text-orange-100 {
  color: #ffead5 !important;
}

.text-orange-200 {
  color: #fddcab !important;
}

.text-orange-300 {
  color: #feb273 !important;
}

.text-orange-400 {
  color: #fd853a !important;
}

.text-orange-500 {
  color: #fb6514 !important;
}

.text-orange-600 {
  color: #ec4a0a !important;
}

.text-orange-700 {
  color: #c4320a !important;
}

.text-orange-800 {
  color: #9c2a10 !important;
}

.text-orange-900 {
  color: #7e2410 !important;
}

.text-info-25 {
  color: #f5faff !important;
}

.text-info-50 {
  color: #eff8ff !important;
}

.text-info-100 {
  color: #d1e9ff !important;
}

.text-info-200 {
  color: #b2ddff !important;
}

.text-info-300 {
  color: #84caff !important;
}

.text-info-400 {
  color: #53b1fd !important;
}

.text-info-500 {
  color: #2e90fa !important;
}

.text-info-600 {
  color: #1570ef !important;
}

.text-info-700 {
  color: #175cd3 !important;
}

.text-info-800 {
  color: #1849a9 !important;
}

.text-info-900 {
  color: #194185 !important;
}

.border-primary-25 {
  border-color: #fafef0 !important;
}

.border-primary-50 {
  border-color: #e7fab0 !important;
}

.border-primary-100 {
  border-color: #dbf88a !important;
}

.border-primary-200 {
  border-color: #caf555 !important;
}

.border-primary-300 {
  border-color: #c0f334 !important;
}

.border-primary-400 {
  border-color: #b0f001 !important;
}

.border-primary-500 {
  border-color: #a0da01 !important;
}

.border-primary-600 {
  border-color: #6a9001 !important;
}

.border-primary-700 {
  border-color: #476100 !important;
}

.border-primary-800 {
  border-color: #364900 !important;
}

.border-primary-900 {
  border-color: #131900 !important;
}

.border-success-25 {
  border-color: #f6fef9 !important;
}

.border-success-50 {
  border-color: #ecfdf3 !important;
}

.border-success-100 {
  border-color: #d1fadf !important;
}

.border-success-200 {
  border-color: #a6f4c5 !important;
}

.border-success-300 {
  border-color: #6ce9a6 !important;
}

.border-success-400 {
  border-color: #32d583 !important;
}

.border-success-500 {
  border-color: #12b76a !important;
}

.border-success-600 {
  border-color: #039855 !important;
}

.border-success-700 {
  border-color: #027a48 !important;
}

.border-success-800 {
  border-color: #05603a !important;
}

.border-success-900 {
  border-color: #054f31 !important;
}

.border-danger-25 {
  border-color: #fffbfa !important;
}

.border-danger-50 {
  border-color: #fef3f2 !important;
}

.border-danger-100 {
  border-color: #fee4e2 !important;
}

.border-danger-200 {
  border-color: #fecdca !important;
}

.border-danger-300 {
  border-color: #fda29b !important;
}

.border-danger-400 {
  border-color: #f97066 !important;
}

.border-danger-500 {
  border-color: #f04438 !important;
}

.border-danger-600 {
  border-color: #d92d20 !important;
}

.border-danger-700 {
  border-color: #b42318 !important;
}

.border-danger-800 {
  border-color: #912018 !important;
}

.border-danger-900 {
  border-color: #7a271a !important;
}

.border-warning-25 {
  border-color: #fffcf5 !important;
}

.border-warning-50 {
  border-color: #fffaeb !important;
}

.border-warning-100 {
  border-color: #fef0c7 !important;
}

.border-warning-200 {
  border-color: #fedf89 !important;
}

.border-warning-300 {
  border-color: #fec84b !important;
}

.border-warning-400 {
  border-color: #fdb022 !important;
}

.border-warning-500 {
  border-color: #f79009 !important;
}

.border-warning-600 {
  border-color: #dc6803 !important;
}

.border-warning-700 {
  border-color: #b54708 !important;
}

.border-warning-800 {
  border-color: #93370d !important;
}

.border-warning-900 {
  border-color: #7a2e0e !important;
}

.border-light-25 {
  border-color: #fcfcfd !important;
}

.border-light-50 {
  border-color: #f9fafb !important;
}

.border-light-100 {
  border-color: #f2f4f7 !important;
}

.border-light-200 {
  border-color: #eaecf0 !important;
}

.border-light-300 {
  border-color: #d0d5dd !important;
}

.border-light-400 {
  border-color: #98a2b3 !important;
}

.border-light-500 {
  border-color: #667085 !important;
}

.border-light-600 {
  border-color: #475467 !important;
}

.border-light-700 {
  border-color: #344054 !important;
}

.border-light-800 {
  border-color: #1d2939 !important;
}

.border-light-900 {
  border-color: #101828 !important;
}

.border-blue-gray-25 {
  border-color: #fcfcfd !important;
}

.border-blue-gray-50 {
  border-color: #f8f9fc !important;
}

.border-blue-gray-100 {
  border-color: #eaecf5 !important;
}

.border-blue-gray-200 {
  border-color: #d5d9eb !important;
}

.border-blue-gray-300 {
  border-color: #afb5d9 !important;
}

.border-blue-gray-400 {
  border-color: #717bbc !important;
}

.border-blue-gray-500 {
  border-color: #4e5ba6 !important;
}

.border-blue-gray-600 {
  border-color: #3e4784 !important;
}

.border-blue-gray-700 {
  border-color: #363f72 !important;
}

.border-blue-gray-800 {
  border-color: #293056 !important;
}

.border-blue-gray-900 {
  border-color: #101323 !important;
}

.border-blue-light-25 {
  border-color: #f5fbff !important;
}

.border-blue-light-50 {
  border-color: #f0f9ff !important;
}

.border-blue-light-100 {
  border-color: #e0f2fe !important;
}

.border-blue-light-200 {
  border-color: #b9e6fe !important;
}

.border-blue-light-300 {
  border-color: #7cd4fd !important;
}

.border-blue-light-400 {
  border-color: #36bffa !important;
}

.border-blue-light-500 {
  border-color: #0ba5ec !important;
}

.border-blue-light-600 {
  border-color: #0086c9 !important;
}

.border-blue-light-700 {
  border-color: #026aa2 !important;
}

.border-blue-light-800 {
  border-color: #065986 !important;
}

.border-blue-light-900 {
  border-color: #0b4a6f !important;
}

.border-blue-25 {
  border-color: #f5faff !important;
}

.border-blue-50 {
  border-color: #eff8ff !important;
}

.border-blue-100 {
  border-color: #d1e9ff !important;
}

.border-blue-200 {
  border-color: #b2ddff !important;
}

.border-blue-300 {
  border-color: #84caff !important;
}

.border-blue-400 {
  border-color: #53b1fd !important;
}

.border-blue-500 {
  border-color: #2e90fa !important;
}

.border-blue-600 {
  border-color: #1570ef !important;
}

.border-blue-700 {
  border-color: #175cd3 !important;
}

.border-blue-800 {
  border-color: #1849a9 !important;
}

.border-blue-900 {
  border-color: #194185 !important;
}

.border-indigo-25 {
  border-color: #f5f8ff !important;
}

.border-indigo-50 {
  border-color: #eef4ff !important;
}

.border-indigo-100 {
  border-color: #e0eaff !important;
}

.border-indigo-200 {
  border-color: #c7d7fe !important;
}

.border-indigo-300 {
  border-color: #a4bcfd !important;
}

.border-indigo-400 {
  border-color: #8098f9 !important;
}

.border-indigo-500 {
  border-color: #6172f3 !important;
}

.border-indigo-600 {
  border-color: #444ce7 !important;
}

.border-indigo-700 {
  border-color: #3538cd !important;
}

.border-indigo-800 {
  border-color: #2d31a6 !important;
}

.border-indigo-900 {
  border-color: #2d3282 !important;
}

.border-purple-25 {
  border-color: #fafaff !important;
}

.border-purple-50 {
  border-color: #f4f3ff !important;
}

.border-purple-100 {
  border-color: #ebe9fe !important;
}

.border-purple-200 {
  border-color: #d9d6fe !important;
}

.border-purple-300 {
  border-color: #bdb4fe !important;
}

.border-purple-400 {
  border-color: #9b8afb !important;
}

.border-purple-500 {
  border-color: #7a5af8 !important;
}

.border-purple-600 {
  border-color: #6938ef !important;
}

.border-purple-700 {
  border-color: #5925dc !important;
}

.border-purple-800 {
  border-color: #4a1fb8 !important;
}

.border-purple-900 {
  border-color: #3e1c96 !important;
}

.border-pink-25 {
  border-color: #fef6fb !important;
}

.border-pink-50 {
  border-color: #fdf2fa !important;
}

.border-pink-100 {
  border-color: #fce7f6 !important;
}

.border-pink-200 {
  border-color: #fcceee !important;
}

.border-pink-300 {
  border-color: #faa7e0 !important;
}

.border-pink-400 {
  border-color: #f670c7 !important;
}

.border-pink-500 {
  border-color: #ee46bc !important;
}

.border-pink-600 {
  border-color: #dd2590 !important;
}

.border-pink-700 {
  border-color: #c11574 !important;
}

.border-pink-800 {
  border-color: #9e165f !important;
}

.border-pink-900 {
  border-color: #851651 !important;
}

.border-rose-25 {
  border-color: #fff5f6 !important;
}

.border-rose-50 {
  border-color: #fff1f3 !important;
}

.border-rose-100 {
  border-color: #ffe4e8 !important;
}

.border-rose-200 {
  border-color: #fecdd6 !important;
}

.border-rose-300 {
  border-color: #fea3b4 !important;
}

.border-rose-400 {
  border-color: #fd6f8e !important;
}

.border-rose-500 {
  border-color: #f63d68 !important;
}

.border-rose-600 {
  border-color: #e31b54 !important;
}

.border-rose-700 {
  border-color: #c01048 !important;
}

.border-rose-800 {
  border-color: #a11043 !important;
}

.border-rose-900 {
  border-color: #89123e !important;
}

.border-orange-25 {
  border-color: #fffaf5 !important;
}

.border-orange-50 {
  border-color: #fff6ed !important;
}

.border-orange-100 {
  border-color: #ffead5 !important;
}

.border-orange-200 {
  border-color: #fddcab !important;
}

.border-orange-300 {
  border-color: #feb273 !important;
}

.border-orange-400 {
  border-color: #fd853a !important;
}

.border-orange-500 {
  border-color: #fb6514 !important;
}

.border-orange-600 {
  border-color: #ec4a0a !important;
}

.border-orange-700 {
  border-color: #c4320a !important;
}

.border-orange-800 {
  border-color: #9c2a10 !important;
}

.border-orange-900 {
  border-color: #7e2410 !important;
}

.border-info-25 {
  border-color: #f5faff !important;
}

.border-info-50 {
  border-color: #eff8ff !important;
}

.border-info-100 {
  border-color: #d1e9ff !important;
}

.border-info-200 {
  border-color: #b2ddff !important;
}

.border-info-300 {
  border-color: #84caff !important;
}

.border-info-400 {
  border-color: #53b1fd !important;
}

.border-info-500 {
  border-color: #2e90fa !important;
}

.border-info-600 {
  border-color: #1570ef !important;
}

.border-info-700 {
  border-color: #175cd3 !important;
}

.border-info-800 {
  border-color: #1849a9 !important;
}

.border-info-900 {
  border-color: #194185 !important;
}

@font-face {
  font-family: "feather";
  src: url("/assets/feather-B6uk7rDz.eot?t=1501834582692"); /* IE9*/
  src: url("/assets/feather-B6uk7rDz.eot?t=1501834582692#iefix") format("embedded-opentype"), url("/assets/feather-BBViPOsB.woff?t=1501834582692") format("woff"), url("/assets/feather-DJLJ3y0Y.ttf?t=1501834582692") format("truetype"), url("/assets/feather-BTXgke07.svg?t=1501834582692#feather") format("svg"); /* iOS 4.1- */
}
.feather {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-alert-octagon:before {
  content: "\e81b";
}

.icon-alert-circle:before {
  content: "\e81c";
}

.icon-activity:before {
  content: "\e81d";
}

.icon-alert-triangle:before {
  content: "\e81e";
}

.icon-align-center:before {
  content: "\e81f";
}

.icon-airplay:before {
  content: "\e820";
}

.icon-align-justify:before {
  content: "\e821";
}

.icon-align-left:before {
  content: "\e822";
}

.icon-align-right:before {
  content: "\e823";
}

.icon-arrow-down-left:before {
  content: "\e824";
}

.icon-arrow-down-right:before {
  content: "\e825";
}

.icon-anchor:before {
  content: "\e826";
}

.icon-aperture:before {
  content: "\e827";
}

.icon-arrow-left:before {
  content: "\e828";
}

.icon-arrow-right:before {
  content: "\e829";
}

.icon-arrow-down:before {
  content: "\e82a";
}

.icon-arrow-up-left:before {
  content: "\e82b";
}

.icon-arrow-up-right:before {
  content: "\e82c";
}

.icon-arrow-up:before {
  content: "\e82d";
}

.icon-award:before {
  content: "\e82e";
}

.icon-bar-chart:before {
  content: "\e82f";
}

.icon-at-sign:before {
  content: "\e830";
}

.icon-bar-chart-2:before {
  content: "\e831";
}

.icon-battery-charging:before {
  content: "\e832";
}

.icon-bell-off:before {
  content: "\e833";
}

.icon-battery:before {
  content: "\e834";
}

.icon-bluetooth:before {
  content: "\e835";
}

.icon-bell:before {
  content: "\e836";
}

.icon-book:before {
  content: "\e837";
}

.icon-briefcase:before {
  content: "\e838";
}

.icon-camera-off:before {
  content: "\e839";
}

.icon-calendar:before {
  content: "\e83a";
}

.icon-bookmark:before {
  content: "\e83b";
}

.icon-box:before {
  content: "\e83c";
}

.icon-camera:before {
  content: "\e83d";
}

.icon-check-circle:before {
  content: "\e83e";
}

.icon-check:before {
  content: "\e83f";
}

.icon-check-square:before {
  content: "\e840";
}

.icon-cast:before {
  content: "\e841";
}

.icon-chevron-down:before {
  content: "\e842";
}

.icon-chevron-left:before {
  content: "\e843";
}

.icon-chevron-right:before {
  content: "\e844";
}

.icon-chevron-up:before {
  content: "\e845";
}

.icon-chevrons-down:before {
  content: "\e846";
}

.icon-chevrons-right:before {
  content: "\e847";
}

.icon-chevrons-up:before {
  content: "\e848";
}

.icon-chevrons-left:before {
  content: "\e849";
}

.icon-circle:before {
  content: "\e84a";
}

.icon-clipboard:before {
  content: "\e84b";
}

.icon-chrome:before {
  content: "\e84c";
}

.icon-clock:before {
  content: "\e84d";
}

.icon-cloud-lightning:before {
  content: "\e84e";
}

.icon-cloud-drizzle:before {
  content: "\e84f";
}

.icon-cloud-rain:before {
  content: "\e850";
}

.icon-cloud-off:before {
  content: "\e851";
}

.icon-codepen:before {
  content: "\e852";
}

.icon-cloud-snow:before {
  content: "\e853";
}

.icon-compass:before {
  content: "\e854";
}

.icon-copy:before {
  content: "\e855";
}

.icon-corner-down-right:before {
  content: "\e856";
}

.icon-corner-down-left:before {
  content: "\e857";
}

.icon-corner-left-down:before {
  content: "\e858";
}

.icon-corner-left-up:before {
  content: "\e859";
}

.icon-corner-up-left:before {
  content: "\e85a";
}

.icon-corner-up-right:before {
  content: "\e85b";
}

.icon-corner-right-down:before {
  content: "\e85c";
}

.icon-corner-right-up:before {
  content: "\e85d";
}

.icon-cpu:before {
  content: "\e85e";
}

.icon-credit-card:before {
  content: "\e85f";
}

.icon-crosshair:before {
  content: "\e860";
}

.icon-disc:before {
  content: "\e861";
}

.icon-delete:before {
  content: "\e862";
}

.icon-download-cloud:before {
  content: "\e863";
}

.icon-download:before {
  content: "\e864";
}

.icon-droplet:before {
  content: "\e865";
}

.icon-edit-2:before {
  content: "\e866";
}

.icon-edit:before {
  content: "\e867";
}

.icon-edit-1:before {
  content: "\e868";
}

.icon-external-link:before {
  content: "\e869";
}

.icon-eye:before {
  content: "\e86a";
}

.icon-feather:before {
  content: "\e86b";
}

.icon-facebook:before {
  content: "\e86c";
}

.icon-file-minus:before {
  content: "\e86d";
}

.icon-eye-off:before {
  content: "\e86e";
}

.icon-fast-forward:before {
  content: "\e86f";
}

.icon-file-text:before {
  content: "\e870";
}

.icon-film:before {
  content: "\e871";
}

.icon-file:before {
  content: "\e872";
}

.icon-file-plus:before {
  content: "\e873";
}

.icon-folder:before {
  content: "\e874";
}

.icon-filter:before {
  content: "\e875";
}

.icon-flag:before {
  content: "\e876";
}

.icon-globe:before {
  content: "\e877";
}

.icon-grid:before {
  content: "\e878";
}

.icon-heart:before {
  content: "\e879";
}

.icon-home:before {
  content: "\e87a";
}

.icon-github:before {
  content: "\e87b";
}

.icon-image:before {
  content: "\e87c";
}

.icon-inbox:before {
  content: "\e87d";
}

.icon-layers:before {
  content: "\e87e";
}

.icon-info:before {
  content: "\e87f";
}

.icon-instagram:before {
  content: "\e880";
}

.icon-layout:before {
  content: "\e881";
}

.icon-link-2:before {
  content: "\e882";
}

.icon-life-buoy:before {
  content: "\e883";
}

.icon-link:before {
  content: "\e884";
}

.icon-log-in:before {
  content: "\e885";
}

.icon-list:before {
  content: "\e886";
}

.icon-lock:before {
  content: "\e887";
}

.icon-log-out:before {
  content: "\e888";
}

.icon-loader:before {
  content: "\e889";
}

.icon-mail:before {
  content: "\e88a";
}

.icon-maximize-2:before {
  content: "\e88b";
}

.icon-map:before {
  content: "\e88c";
}

.icon-map-pin:before {
  content: "\e88e";
}

.icon-menu:before {
  content: "\e88f";
}

.icon-message-circle:before {
  content: "\e890";
}

.icon-message-square:before {
  content: "\e891";
}

.icon-minimize-2:before {
  content: "\e892";
}

.icon-mic-off:before {
  content: "\e893";
}

.icon-minus-circle:before {
  content: "\e894";
}

.icon-mic:before {
  content: "\e895";
}

.icon-minus-square:before {
  content: "\e896";
}

.icon-minus:before {
  content: "\e897";
}

.icon-moon:before {
  content: "\e898";
}

.icon-monitor:before {
  content: "\e899";
}

.icon-more-vertical:before {
  content: "\e89a";
}

.icon-more-horizontal:before {
  content: "\e89b";
}

.icon-move:before {
  content: "\e89c";
}

.icon-music:before {
  content: "\e89d";
}

.icon-navigation-2:before {
  content: "\e89e";
}

.icon-navigation:before {
  content: "\e89f";
}

.icon-octagon:before {
  content: "\e8a0";
}

.icon-package:before {
  content: "\e8a1";
}

.icon-pause-circle:before {
  content: "\e8a2";
}

.icon-pause:before {
  content: "\e8a3";
}

.icon-percent:before {
  content: "\e8a4";
}

.icon-phone-call:before {
  content: "\e8a5";
}

.icon-phone-forwarded:before {
  content: "\e8a6";
}

.icon-phone-missed:before {
  content: "\e8a7";
}

.icon-phone-off:before {
  content: "\e8a8";
}

.icon-phone-incoming:before {
  content: "\e8a9";
}

.icon-phone:before {
  content: "\e8aa";
}

.icon-phone-outgoing:before {
  content: "\e8ab";
}

.icon-pie-chart:before {
  content: "\e8ac";
}

.icon-play-circle:before {
  content: "\e8ad";
}

.icon-play:before {
  content: "\e8ae";
}

.icon-plus-square:before {
  content: "\e8af";
}

.icon-plus-circle:before {
  content: "\e8b0";
}

.icon-plus:before {
  content: "\e8b1";
}

.icon-pocket:before {
  content: "\e8b2";
}

.icon-printer:before {
  content: "\e8b3";
}

.icon-power:before {
  content: "\e8b4";
}

.icon-radio:before {
  content: "\e8b5";
}

.icon-repeat:before {
  content: "\e8b6";
}

.icon-refresh-ccw:before {
  content: "\e8b7";
}

.icon-rewind:before {
  content: "\e8b8";
}

.icon-rotate-ccw:before {
  content: "\e8b9";
}

.icon-refresh-cw:before {
  content: "\e8ba";
}

.icon-rotate-cw:before {
  content: "\e8bb";
}

.icon-save:before {
  content: "\e8bc";
}

.icon-search:before {
  content: "\e8bd";
}

.icon-server:before {
  content: "\e8be";
}

.icon-scissors:before {
  content: "\e8bf";
}

.icon-share-2:before {
  content: "\e8c0";
}

.icon-share:before {
  content: "\e8c1";
}

.icon-shield:before {
  content: "\e8c2";
}

.icon-settings:before {
  content: "\e8c3";
}

.icon-skip-back:before {
  content: "\e8c4";
}

.icon-shuffle:before {
  content: "\e8c5";
}

.icon-sidebar:before {
  content: "\e8c6";
}

.icon-skip-forward:before {
  content: "\e8c7";
}

.icon-slack:before {
  content: "\e8c8";
}

.icon-slash:before {
  content: "\e8c9";
}

.icon-smartphone:before {
  content: "\e8ca";
}

.icon-square:before {
  content: "\e8cb";
}

.icon-speaker:before {
  content: "\e8cc";
}

.icon-star:before {
  content: "\e8cd";
}

.icon-stop-circle:before {
  content: "\e8ce";
}

.icon-sun:before {
  content: "\e8cf";
}

.icon-sunrise:before {
  content: "\e8d0";
}

.icon-tablet:before {
  content: "\e8d1";
}

.icon-tag:before {
  content: "\e8d2";
}

.icon-sunset:before {
  content: "\e8d3";
}

.icon-target:before {
  content: "\e8d4";
}

.icon-thermometer:before {
  content: "\e8d5";
}

.icon-thumbs-up:before {
  content: "\e8d6";
}

.icon-thumbs-down:before {
  content: "\e8d7";
}

.icon-toggle-left:before {
  content: "\e8d8";
}

.icon-toggle-right:before {
  content: "\e8d9";
}

.icon-trash-2:before {
  content: "\e8da";
}

.icon-trash:before {
  content: "\e8db";
}

.icon-trending-up:before {
  content: "\e8dc";
}

.icon-trending-down:before {
  content: "\e8dd";
}

.icon-triangle:before {
  content: "\e8de";
}

.icon-type:before {
  content: "\e8df";
}

.icon-twitter:before {
  content: "\e8e0";
}

.icon-upload:before {
  content: "\e8e1";
}

.icon-umbrella:before {
  content: "\e8e2";
}

.icon-upload-cloud:before {
  content: "\e8e3";
}

.icon-unlock:before {
  content: "\e8e4";
}

.icon-user-check:before {
  content: "\e8e5";
}

.icon-user-minus:before {
  content: "\e8e6";
}

.icon-user-plus:before {
  content: "\e8e7";
}

.icon-user-x:before {
  content: "\e8e8";
}

.icon-user:before {
  content: "\e8e9";
}

.icon-users:before {
  content: "\e8ea";
}

.icon-video-off:before {
  content: "\e8eb";
}

.icon-video:before {
  content: "\e8ec";
}

.icon-voicemail:before {
  content: "\e8ed";
}

.icon-volume-x:before {
  content: "\e8ee";
}

.icon-volume-2:before {
  content: "\e8ef";
}

.icon-volume-1:before {
  content: "\e8f0";
}

.icon-volume:before {
  content: "\e8f1";
}

.icon-watch:before {
  content: "\e8f2";
}

.icon-wifi:before {
  content: "\e8f3";
}

.icon-x-square:before {
  content: "\e8f4";
}

.icon-wind:before {
  content: "\e8f5";
}

.icon-x:before {
  content: "\e8f6";
}

.icon-x-circle:before {
  content: "\e8f7";
}

.icon-zap:before {
  content: "\e8f8";
}

.icon-zoom-in:before {
  content: "\e8f9";
}

.icon-zoom-out:before {
  content: "\e8fa";
}

.icon-command:before {
  content: "\e8fb";
}

.icon-cloud:before {
  content: "\e8fc";
}

.icon-hash:before {
  content: "\e8fd";
}

.icon-headphones:before {
  content: "\e8fe";
}

.icon-underline:before {
  content: "\e8ff";
}

.icon-italic:before {
  content: "\e900";
}

.icon-bold:before {
  content: "\e901";
}

.icon-crop:before {
  content: "\e902";
}

.icon-help-circle:before {
  content: "\e903";
}

.icon-paperclip:before {
  content: "\e904";
}

.icon-shopping-cart:before {
  content: "\e905";
}

.icon-tv:before {
  content: "\e906";
}

.icon-wifi-off:before {
  content: "\e907";
}

.icon-minimize:before {
  content: "\e88d";
}

.icon-maximize:before {
  content: "\e908";
}

.icon-gitlab:before {
  content: "\e909";
}

.icon-sliders:before {
  content: "\e90a";
}

.icon-star-on:before {
  content: "\e90b";
}

.icon-heart-on:before {
  content: "\e90c";
}

.icon-archive:before {
  content: "\e90d";
}

.icon-arrow-down-circle:before {
  content: "\e90e";
}

.icon-arrow-up-circle:before {
  content: "\e90f";
}

.icon-arrow-left-circle:before {
  content: "\e910";
}

.icon-arrow-right-circle:before {
  content: "\e911";
}

.icon-bar-chart-line-:before {
  content: "\e912";
}

.icon-bar-chart-line:before {
  content: "\e913";
}

.icon-book-open:before {
  content: "\e914";
}

.icon-code:before {
  content: "\e915";
}

.icon-database:before {
  content: "\e916";
}

.icon-dollar-sign:before {
  content: "\e917";
}

.icon-folder-plus:before {
  content: "\e918";
}

.icon-gift:before {
  content: "\e919";
}

.icon-folder-minus:before {
  content: "\e91a";
}

.icon-git-commit:before {
  content: "\e91b";
}

.icon-git-branch:before {
  content: "\e91c";
}

.icon-git-pull-request:before {
  content: "\e91d";
}

.icon-git-merge:before {
  content: "\e91e";
}

.icon-linkedin:before {
  content: "\e91f";
}

.icon-hard-drive:before {
  content: "\e920";
}

.icon-more-vertical-:before {
  content: "\e921";
}

.icon-more-horizontal-:before {
  content: "\e922";
}

.icon-rss:before {
  content: "\e923";
}

.icon-send:before {
  content: "\e924";
}

.icon-shield-off:before {
  content: "\e925";
}

.icon-shopping-bag:before {
  content: "\e926";
}

.icon-terminal:before {
  content: "\e927";
}

.icon-truck:before {
  content: "\e928";
}

.icon-zap-off:before {
  content: "\e929";
}

.icon-youtube:before {
  content: "\e92a";
}

/*========================================================
        DARK LAYOUT
=========================================================*/
html[dir=rtl] .sales-card .img-left {
  left: 0;
  right: auto;
}
html[dir=rtl] .sales-card .img-right {
  right: 0;
}
html[dir=rtl] .breadcrum-right .dropdown-toggle svg {
  right: 0;
}
html[dir=rtl] .breadcrumb-wrapper .breadcrumb .breadcrumb-item:before {
  transform: rotate(180deg);
}
html[dir=rtl] .dropup-form .dropdown-menu {
  min-width: 16rem;
}
html[dir=rtl] .main-menu ul.navigation-main .nav-item:not(.open) svg.menu-toggle-icon {
  transform: rotate(180deg);
}
html[dir=rtl] .main-menu ul.navigation-main .nav-item.open svg.menu-toggle-icon {
  transform: rotate(90deg) !important;
}
html[dir=rtl] .ag-rtl {
  direction: rtl;
}
html[dir=rtl] .ag-rtl .ag-header-select-all {
  margin-right: 0 !important;
  margin-left: 24px !important;
}
html[dir=rtl] .ag-rtl .ag-cell-value {
  margin-left: 0 !important;
  margin-right: 24px !important;
}
html[dir=rtl] .component-code pre {
  text-align: left;
}
html[dir=rtl] .recharts-layer {
  direction: ltr;
}
html[dir=rtl] .react-contexify {
  z-index: 1031;
}
html[dir=rtl] .email-application .content-right .app-fixed-search .sidebar-toggle {
  margin-left: 0;
}
html[dir=rtl] .email-application .content-right .email-detail-header .dropdown .dropdown-menu, html[dir=rtl] .email-application .content-right .app-action .dropdown .dropdown-menu {
  transform: translate3d(0px, 22px, 0px) !important;
}
html[dir=rtl] .carousel .carousel-control-prev .carousel-control-prev-icon,
html[dir=rtl] .carousel .carousel-control-prev .carousel-control-next-icon,
html[dir=rtl] .carousel .carousel-control-next .carousel-control-prev-icon,
html[dir=rtl] .carousel .carousel-control-next .carousel-control-next-icon {
  transform: rotate(180deg);
}
html[dir=rtl] .pagination .prev-item a svg,
html[dir=rtl] .pagination .previous a svg,
html[dir=rtl] .pagination .next-item a svg,
html[dir=rtl] .pagination .next a svg,
html[dir=rtl] .vx-pagination .prev-item a svg,
html[dir=rtl] .vx-pagination .previous a svg,
html[dir=rtl] .vx-pagination .next-item a svg,
html[dir=rtl] .vx-pagination .next a svg {
  transform: rotate(180deg);
}
html[dir=rtl] .pagination li:first-child a span svg,
html[dir=rtl] .pagination li:last-child a span svg,
html[dir=rtl] .vx-pagination li:first-child a span svg,
html[dir=rtl] .vx-pagination li:last-child a span svg {
  transform: rotate(180deg);
}
html[dir=rtl] .swiper-container .swiper-button-next:after,
html[dir=rtl] .swiper-container .swiper-button-prev:after {
  transform: rotate(180deg);
}
html[dir=rtl] .swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0 !important;
}
html[dir=rtl] .rc-slider-tooltip {
  right: 50%;
  width: 30px;
}
html[dir=rtl] .rc-slider-vertical .rc-slider-dot {
  right: -1px;
}
html[dir=rtl] .horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .nav-item .has-sub svg.has-sub-arrow {
  transform: rotate(180deg);
}
html[dir=rtl] .horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown-menu {
  right: 0 !important;
  left: auto !important;
  top: 100% !important;
}
html[dir=rtl] .horizontal-layout .horizontal-menu-wrapper #main-menu-navigation .dropdown-menu .dropdown-menu {
  left: auto !important;
  right: 100% !important;
  top: 0 !important;
}
html[dir=rtl] .main-menu .navigation > li ul li > a {
  display: flex;
  align-items: center;
}
html[dir=rtl] .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
  margin-top: 0;
}
html[dir=rtl] .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu::before {
  top: 1px;
}
html[dir=rtl] .header-navbar .dropdown .dropdown-menu.dropdown-menu-right::before,
html[dir=rtl] .header-navbar .dropup .dropdown-menu.dropdown-menu-right::before {
  right: auto;
  left: 0.5rem;
}
html[dir=rtl] .dropdown .dropdown-menu,
html[dir=rtl] .dropup .dropdown-menu {
  right: auto !important;
  top: 0 !important;
  left: auto !important;
}
html[dir=rtl] .dropdown .dropdown-menu.dropdown-menu-right,
html[dir=rtl] .dropup .dropdown-menu.dropdown-menu-right {
  left: auto !important;
  right: 0 !important;
}
html[dir=rtl] .dropdown .dropdown-menu.dropdown-menu-right::before,
html[dir=rtl] .dropup .dropdown-menu.dropdown-menu-right::before {
  right: 0.6rem;
  left: auto;
}
html[dir=rtl] .input-group .dropdown-menu.show {
  top: 0 !important;
  right: auto !important;
  left: 0px !important;
}
html[dir=rtl] .context-menu-list {
  z-index: 1031 !important;
}
html[dir=rtl] code[class*=language-],
html[dir=rtl] pre[class*=language-] {
  direction: ltr;
}
@media print {
  html[dir=rtl] code[class*=language-],
  html[dir=rtl] pre[class*=language-] {
    text-shadow: none;
  }
}
html[dir=rtl] .app-calendar .calendar-navigation .btn svg {
  transform: rotate(180deg);
}
html[dir=rtl] .bs-tooltip-left .arrow::before,
html[dir=rtl] .bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #323232;
}
html[dir=rtl] .bs-tooltip-left .arrow,
html[dir=rtl] .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  left: auto;
}
html[dir=rtl] .bs-tooltip-right .arrow::before,
html[dir=rtl] .bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #323232;
}
html[dir=rtl] .bs-tooltip-right .arrow,
html[dir=rtl] .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  right: auto;
}
html[dir=rtl] .popover {
  right: auto !important;
}
html[dir=rtl] body .ps__rail-y {
  right: auto !important;
  left: 1px !important;
}

@media (max-width: 1200px) {
  html[dir=rtl] .vertical-layout.menu-collapsed .app-content {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown .dropdown-menu {
    left: 12px !important;
  }
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown .dropdown-menu.dropdown-menu-media {
    left: 15px !important;
    right: -15px !important;
  }
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown.dropdown-notification .dropdown-menu {
    transform: translate3d(-12px, 62px, 0px) !important;
  }
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown.dropdown-notification .dropdown-menu.dropdown-cart {
    transform: translate3d(-12px, 59px, 0px) !important;
  }
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown.dropdown-user .dropdown-menu {
    transform: translate3d(20px, 60px, 0px) !important;
  }
  html[dir=rtl] .vertical-layout .navbar-container .header-navbar ul.nav .nav-item.dropdown.dropdown-language .dropdown-menu {
    right: 28px !important;
  }
}
@media (min-width: 769px) {
  html[dir=rtl] .header-navbar .dropdown.dropdown-notification .dropdown-menu {
    transform: translate3d(324px, 62px, 0px) !important;
  }
  html[dir=rtl] .header-navbar .dropdown.dropdown-notification .dropdown-menu.dropdowncart {
    transform: translate3d(335px, 62px, 0px) !important;
  }
  html[dir=rtl] .header-navbar .dropdown.dropdown-user .dropdown-menu {
    transform: translate3d(20px, 60px, 0px) !important;
  }
  html[dir=rtl] .header-navbar .dropdown.dropdown-language .dropdown-menu {
    transform: translate3d(114px, 64px, 0px) !important;
  }
}
@media (max-width: 768px) {
  html[dir=rtl] .app-content .header-navbar .dropdown.dropdown-notification .dropdown-menu {
    transform: translate3d(26px, 59px, 0px) !important;
  }
  html[dir=rtl] .app-content .header-navbar .dropdown.dropdown-notification .dropdown-menu.dropdown-cart {
    transform: translate3d(26px, 59px, 0px) !important;
  }
  html[dir=rtl] .app-content .header-navbar .dropdown.dropdown-user .dropdown-menu {
    left: 0 !important;
    right: 28px !important;
  }
  html[dir=rtl] .app-content .header-navbar .dropdown.dropdown-language .dropdown-menu {
    transform: translate3d(26px, 64px, 0px) !important;
  }
}
select.form-control {
  appearance: menulist !important;
  -webkit-appearance: menulist !important;
}

.dropdown-menu button {
  display: block !important;
  width: 100% !important;
}

@media (max-width: 801px) {
  .card-body.scroll {
    overflow-x: auto;
    overflow-y: hidden;
  }
  .card-body.scroll .btn.add {
    display: flex;
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .card-body.scroll .btn.filter {
    margin-right: 10px;
  }
}
.DateRangePickerInput {
  min-width: 290px;
}

.pointer {
  cursor: pointer;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 12px;
}

.btn-invoice {
  background-color: #1777d8 !important;
  border-color: #0364be !important;
}

.withdraws-scroll {
  max-height: 350px;
  overflow-y: scroll;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.badge-black {
  background-color: #000;
  color: #fff;
}:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0px;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container[data-stacked='true'] {
    width: 100vw;
  }
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--auto {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar-theme--auto {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button--auto {
  color: #000;
  opacity: 0.3;
}

@media (prefers-color-scheme: dark) {
  .Toastify__toast-theme--auto {
    background: var(--toastify-color-dark);
    color: var(--toastify-text-color-dark);
  }

  .Toastify__progress-bar-theme--auto {
    background: var(--toastify-color-progress-dark);
  }

  .Toastify__close-button--auto {
    color: #fff;
    opacity: 0.7;
  }
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.Toastify__toast-container {
  z-index: 20050;
  width: 400px;
  max-width: calc(100vw - 32px);
  padding: 16px;
  color: #1d2939;
}
@media (max-width: 480px) {
  .Toastify__toast-container {
    width: 100%;
    left: 0;
    right: 0;
    padding: 12px;
  }
}

.Toastify__toast {
  border-radius: 12px;
  border: 1px solid #eaecf0;
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.02), 0 8px 24px -4px rgba(16, 24, 40, 0.08);
  padding: 14px 16px;
  min-height: auto;
  font-family: "Inter", "Montserrat", sans-serif;
  margin-bottom: 12px;
  background: #fff !important;
  color: #1d2939;
}
.Toastify__toast::before {
  display: none;
}

.Toastify__toast-body {
  padding: 0 !important;
  margin: 0 !important;
  color: #1d2939 !important;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
}

.Toastify__toast--success {
  background: #f6fef9 !important;
  border-color: #a6f4c5;
  border-left: 4px solid #12b76a;
}
.Toastify__toast--success .Toastify__progress-bar--success {
  background: #12b76a;
}

.Toastify__toast--error {
  background: #fffbfa !important;
  border-color: #fecdca;
  border-left: 4px solid #f04438;
}
.Toastify__toast--error .Toastify__progress-bar--error {
  background: #f04438;
}

.Toastify__toast--warning {
  background: #fffcf5 !important;
  border-color: #fedf89;
  border-left: 4px solid #f79009;
}
.Toastify__toast--warning .Toastify__progress-bar--warning {
  background: #f79009;
}

.Toastify__toast--info {
  background: #fafef0 !important;
  border-color: #caf555;
  border-left: 4px solid #a0da01;
}
.Toastify__toast--info .Toastify__progress-bar--info {
  background: #a0da01;
}

.Toastify__toast--default {
  background: #fcfcfd !important;
  border-color: #eaecf0;
  border-left: 4px solid #667085;
}
.Toastify__toast--default .Toastify__progress-bar--default {
  background: #98a2b3;
}

.Toastify__close-button {
  color: #667085;
  opacity: 1;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  color: #344054;
  opacity: 1;
}

.Toastify__progress-bar {
  height: 3px;
}

.ds-notification-toast {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: left;
}

.ds-notification-toast__title {
  font-size: 14px;
  font-weight: 600;
  color: #101828;
  line-height: 1.35;
}

.ds-notification-toast__body {
  font-size: 14px;
  font-weight: 400;
  color: #475467;
  line-height: 1.45;
}

.ds-notification-toast__action {
  align-self: flex-start;
  margin-top: 2px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  font-family: inherit;
  color: #476100;
  text-decoration: none;
  transition: color 0.15s ease;
}
.ds-notification-toast__action:hover {
  color: #364900;
  text-decoration: underline;
}
.ds-notification-toast__action:focus {
  outline: 2px solid #c0f334;
  outline-offset: 2px;
  border-radius: 4px;
}

.ds-permission-prompt {
  text-align: left;
  max-width: 420px;
}

.ds-permission-prompt__eyebrow {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #b54708;
  margin-bottom: 6px;
}

.ds-permission-prompt__title {
  font-size: 16px;
  font-weight: 600;
  color: #101828;
  line-height: 1.3;
  margin-bottom: 8px;
}

.ds-permission-prompt__text {
  font-size: 14px;
  color: #475467;
  line-height: 1.45;
  margin: 0 0 14px;
}

.ds-permission-prompt__btn {
  width: 100%;
  justify-content: center;
  font-weight: 600 !important;
}

.ds-permission-denied__title {
  font-size: 15px;
  font-weight: 600;
  color: #b42318;
  margin-bottom: 8px;
}

.ds-permission-denied__text {
  font-size: 13px;
  color: #475467;
  line-height: 1.45;
  margin: 0;
}.full-layout {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .before {
    order: 1;
  }
  .after {
    order: 2;
  }
}
header img {
  margin: 60px auto;
}

.step {
  background: white;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  padding: 50px;
}
@media (max-width: 767px) {
  .step {
    justify-self: center;
  }
}

.nacionalidade {
  background: rgba(0, 0, 0, 0.03);
  padding: 20px 26px 0px;
  margin-top: 20px;
}
.nacionalidade .form-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 767px) {
  .nacionalidade .form-group {
    justify-content: center;
  }
}
.nacionalidade input[type=radio] {
  margin-right: 3px;
}
.nacionalidade input, .nacionalidade label {
  cursor: pointer;
}
.nacionalidade img {
  width: 20px;
  margin-left: 10px;
}

.back i {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .back {
    margin-bottom: 30px;
  }
}

.step.first {
  align-self: center;
}
.step.first span {
  display: block;
  font-size: 16px;
  margin: 20px 0 50px;
}
.step.first button {
  margin-right: 30px;
}
.step.first button:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .step.first button {
    margin-bottom: 20px;
  }
}

form {
  margin-top: 30px;
}

.step.pessoal, .step.negocio {
  width: 100%;
  align-self: flex-start;
}

.step.pessoal {
  display: none;
}

.step.negocio {
  display: none;
}.swal2-actions .btn {
  min-width: 120px;
  padding: 10px 24px !important;
  margin: 0 6px;
  font-weight: 600;
}

section#modalTwoFactorAuth .time {
  font-size: 32px;
}

.modal-two-factor .react-code-input input:selection {
  -webkit-user-select: none !important; /* Safari */
  -ms-user-select: none !important; /* IE 10 and IE 11 */
  user-select: none !important; /* Standard syntax */
}
.modal-two-factor .react-code-input input:moz-selection {
  /* Code for Firefox */
  -webkit-user-select: none !important; /* Safari */
  -ms-user-select: none !important; /* IE 10 and IE 11 */
  user-select: none !important; /* Standard syntax */
}
@media (max-width: 768px) {
  .modal-two-factor .react-code-input input {
    width: 55px !important;
    height: 55px !important;
    padding: 0 !important;
    padding-left: 16px !important;
    font-size: 35px !important;
  }
}
@media (max-width: 500px) {
  .modal-two-factor .react-code-input input {
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    padding-left: 10px !important;
    font-size: 30px !important;
  }
}
@media (max-width: 365px) {
  .modal-two-factor .react-code-input input {
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    padding-left: 10px !important;
    font-size: 26px !important;
  }
}
.modal-two-factor .CircularProgressbar-text {
  font-size: 24px !important;
  font-weight: 600 !important;
}
.modal-two-factor .text-code {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.modal-two-factor .modal-content {
  background-color: #fff !important;
}
.modal-two-factor {
  min-width: 512px !important;
}
@media (max-width: 560px) {
  .modal-two-factor {
    min-width: 0 !important;
    margin: 16px;
  }
}
.modal-two-factor .modal-body {
  padding: 24px;
}
@media (max-width: 365px) {
  .modal-two-factor {
    margin: 8px;
  }
  .modal-two-factor .modal-body {
    padding: 16px;
  }
}
.modal-two-factor .wrap-envelope {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.modal-two-factor .wrap-envelope .circle {
  padding: 10px;
  background-color: #e7f7ba;
  border-radius: 100%;
}
.modal-two-factor .wrap-envelope .circle .circle-2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  border-radius: 100%;
  background-color: #dbf88a;
}
.modal-two-factor .wrap-envelope .circle .circle-2 box-icon {
  width: 25px;
}
.modal-two-factor h4 {
  font-size: 18px;
  font-weight: 600;
  color: #101828;
}
.modal-two-factor p {
  font-size: 14px;
  font-weight: 400;
  color: #667085;
}
.modal-two-factor .b {
  font-weight: 700;
}
.modal-two-factor .custom-card-factor {
  max-width: 100%;
  border-radius: 8px;
  background-color: #f9fafb;
  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0);
}
.modal-two-factor .custom-card-factor .text {
  margin-top: 5px !important;
  font-size: 14px;
  font-weight: 400;
}
.modal-two-factor .custom-card-factor .text .b {
  display: inline-block;
  margin-left: 4px;
  font-size: 14px;
  font-weight: 700;
  color: #667085;
}

#pageAuth {
  position: relative;
  min-width: 100vw;
  min-height: 100vh;
  background-color: #171717;
  font-family: "Inter", sans-serif;
  display: flex;
  align-items: center;
  overflow-x: hidden;
}
#pageAuth #wrap-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  max-width: 514px !important;
  width: 100%;
  padding: 30px 15px;
  z-index: 8;
}
#pageAuth #wrap-content .background-login {
  position: absolute;
  max-width: 577px;
  padding: 15px;
  z-index: 2;
}
#pageAuth #wrap-content .logo {
  margin: 0;
  max-width: 174px;
  margin-right: auto;
  margin-bottom: 36px;
}
@media (max-width: 570px) {
  #pageAuth #wrap-content .logo {
    margin: 0 auto;
    margin-bottom: 36px;
    z-index: 3;
  }
}
#pageAuth #wrap-content .card {
  z-index: 3;
  width: 100%;
  padding: 32px;
  border-radius: 16px;
}
@media (max-width: 570px) {
  #pageAuth #wrap-content .card {
    padding: 20px;
  }
}
#pageAuth #wrap-content .card .card-header {
  padding: 0;
}
#pageAuth #wrap-content .card .card-header h4 {
  font-weight: 700;
  font-size: 24px;
  color: #1d2939;
}
#pageAuth #wrap-content .card .card-header p {
  font-weight: 300;
  font-size: 14px;
  color: #475467;
}
#pageAuth #wrap-content .card .card-body {
  padding: 0;
}
#pageAuth #wrap-content .card .card-body form label {
  color: #344054;
  margin-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
  display: block;
}
#pageAuth #wrap-content .card .card-body form input {
  font-size: 16px;
  font-weight: 400;
  color: #667085;
  align-items: center;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  padding: 10px;
}
#pageAuth #wrap-content .card .card-body form input::placeholder {
  font-size: 16px;
  font-weight: 400;
  color: #c5c9d2;
}
#pageAuth #wrap-content .card .card-body form .form-label-group {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#pageAuth #wrap-content .card .card-body form .has-icon-left input {
  padding-left: 34px;
}
#pageAuth #wrap-content .card .card-body form .has-icon-left.has-icon-right input {
  padding-left: 34px;
  padding-right: 40px;
}
#pageAuth #wrap-content .card .card-body form .has-icon-left.has-icon-right .form-control-position:first-of-type {
  right: auto;
}
#pageAuth #wrap-content .card .card-body form .has-icon-left.has-icon-right .form-control-position:last-of-type {
  right: 12px;
  left: auto;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
#pageAuth #wrap-content .card .card-body form .has-icon-left.has-icon-right .form-control-position:last-of-type:hover {
  opacity: 0.7;
}
#pageAuth #wrap-content .card .card-body form i {
  margin-left: 3px;
  font-size: 17px;
  color: #667085;
}
#pageAuth #wrap-content .card .card-body .text-left a {
  font-size: 14px;
  font-weight: 400;
  color: #1d2939 !important;
}
#pageAuth #wrap-content .card .card-body .text-left .remember-me .custom-switch {
  margin-right: 8px !important;
}
#pageAuth #wrap-content .card .card-body .text-left .remember-me label {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
#pageAuth #wrap-content .card .card-body .text-right a {
  font-size: 12px;
  font-weight: 600;
  color: #3c5200 !important;
}
#pageAuth #wrap-content .card .card-body .text-right a:hover {
  color: #547202 !important;
}
#pageAuth #wrap-content #label-bottom {
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: #1f1f1f;
  border-radius: 8px;
  z-index: 3;
  margin-left: auto;
}
#pageAuth #wrap-content #label-bottom p {
  margin-bottom: 0;
  margin-right: 4px;
  color: #fbf1f1;
}
#pageAuth #wrap-content #label-bottom a {
  color: #b0f001;
}
#pageAuth #wrap-content #label-bottom a:hover {
  color: #88b802;
}
#pageAuth #wrap-content .item-option {
  border: 2px solid #f0f0f0;
}
#pageAuth #wrap-content .item-option h4 {
  font-size: 18px;
}
#pageAuth #wrap-content .item-option p {
  font-size: 14px;
}
@media (max-width: 570px) {
  #pageAuth #wrap-content .item-option h4 {
    font-size: 16px;
    margin-bottom: 0;
  }
  #pageAuth #wrap-content .item-option p {
    font-size: 14px;
  }
}
@media (max-width: 570px) {
  #pageAuth #wrap-content .item-option box-icon {
    width: 30px;
  }
}
#pageAuth #wrap-content .item-option:hover {
  background-color: #f0f0f0;
}
#pageAuth #wrap-content .item-option-active {
  background-color: #f0f0f0;
}
#pageAuth #wrap-content .form-private .form-group {
  margin-bottom: 16px;
}
#pageAuth #wrap-content .form-private .form-group input {
  height: 36px !important;
}
#pageAuth #wrap-content form {
  margin-top: 0;
}

.mt-sm-1 {
  margin-top: 0px !important;
}
@media (max-width: 766px) {
  .mt-sm-1 {
    margin-top: 10px !important;
  }
}

.mt-sm-1-2 {
  margin-top: 0px !important;
}
@media (max-width: 991px) {
  .mt-sm-1-2 {
    margin-top: 10px !important;
  }
}#pageLogin .card-title {
  display: block;
  width: 100%;
}
#pageLogin .logo {
  margin: 0 auto 30px;
}
#pageLogin form input:first-child {
  margin-bottom: 10px;
}
#pageLogin form input {
  font-size: 15px !important;
}
#pageLogin .bloco {
  display: block;
  background: #ccc;
  height: 450px;
  width: 450px;
}
#pageLogin .imagem {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
#pageLogin .closeModalBtn {
  transform: none !important;
  margin: 0 0 0 0 !important;
}/*
 * react-circular-progressbar styles
 * All of the styles in this file are configurable!
 */

.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   */
  width: 100%;
  /*
   * This fixes a centering issue with CircularProgressbarWithChildren:
   * https://github.com/kevinsqi/react-circular-progressbar/issues/94
   */
  vertical-align: middle;
}

.CircularProgressbar .CircularProgressbar-path {
  stroke: #3e98c7;
  stroke-linecap: round;
  -webkit-transition: stroke-dashoffset 0.5s ease 0s;
  transition: stroke-dashoffset 0.5s ease 0s;
}

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
  /* Used when trail is not full diameter, i.e. when props.circleRatio is set */
  stroke-linecap: round;
}

.CircularProgressbar .CircularProgressbar-text {
  fill: #3e98c7;
  font-size: 20px;
  dominant-baseline: middle;
  text-anchor: middle;
}

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6;
}

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #3e98c7;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff;
}

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent;
}
#pageAuthRecovery {
  text-align: center;
}
#pageAuthRecovery img {
  margin: 0 auto;
}
#pageAuthRecovery .container-box {
  width: 90%;
  max-width: 600px;
  margin: 0 auto;
}
#pageAuthRecovery img {
  display: block;
  margin-bottom: 30px;
}
#pageAuthRecovery .nav-success .card-body {
  text-align: center;
  padding: 60px;
}
#pageAuthRecovery .nav-success i {
  font-size: 40px;
  margin-bottom: 20px;
  display: block;
}
#pageAuthRecovery .nav-success .btn {
  margin-top: 20px;
}
#pageAuthRecovery .nav-invalid .card-body {
  text-align: center;
  padding: 60px;
}
#pageAuthRecovery .nav-invalid i {
  font-size: 40px;
  margin-bottom: 20px;
  display: block;
}
#pageAuthRecovery .nav-invalid .btn {
  margin-top: 20px;
}.recovery-state-body {
  text-align: center;
  padding: 40px 24px;
}
.recovery-state-body .recovery-state-icon {
  font-size: 48px;
  display: block;
  margin-bottom: 16px;
}
.recovery-state-body h4 {
  font-weight: 700;
  font-size: 20px;
  color: #1d2939;
  margin-bottom: 8px;
}
.recovery-state-body p {
  font-weight: 300;
  font-size: 14px;
  color: #475467;
  margin-bottom: 4px;
}

* {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  font-family: "Inter", "Montserrat", sans-serif;
}

a:focus-visible,
button:focus-visible,
summary:focus-visible,
[role=button]:focus-visible,
[role=tab]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.nav-link:focus-visible,
.page-link:focus-visible,
.dropdown-toggle:focus-visible,
.dropdown-item:focus-visible,
.custom-select:focus-visible {
  outline: 2px solid #6a9001;
  outline-offset: 2px;
}

.nav-link:focus-visible {
  outline-offset: -2px;
}

.text-muted,
.text-secondary {
  color: #667085 !important;
}

.text-success {
  color: #027a48 !important;
}

.text-info {
  color: #175cd3 !important;
}

.text-warning {
  color: #b54708 !important;
}

.text-danger {
  color: #b42318 !important;
}

h1 {
  color: #1d2939;
  font-size: 29px;
  font-weight: 600;
}

#btn-primary-ds {
  width: 100%;
  padding: 16px !important;
  font-weight: 600;
}
#btn-primary-ds > div {
  display: inline-flex;
  align-items: center;
}
#btn-primary-ds i {
  font-size: 16px;
  color: inherit !important;
  margin-left: 6px;
}

#btn-secondary-ds {
  width: 100%;
  padding: 14px !important;
  font-weight: 600;
}

.CalendarDay__selected {
  background: #b0f001 !important;
  border: 1px double #b0f001 !important;
  color: #344054 !important;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #caf555 !important;
  border: 1px double #b0f001 !important;
  color: #131900;
}

.CalendarDay__selected_span,
.CalendarDay__selected_span:hover {
  background: #caf555 !important;
  border: 1px double #b0f001 !important;
  color: #131900;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-right: 33px solid #b0f001 !important;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #344054 !important;
}

.spin {
  animation: 0.75s linear infinite;
  -webkit-animation: spin 0.75s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
table th {
  font-weight: 600;
  color: #344054;
}
table td {
  font-weight: 400;
  color: #667085;
}.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer !important;
  padding: 8px 16px !important;
  border-radius: 8px;
  border: 0;
  font-size: 14px;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
  margin: 0;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn div,
.btn p {
  color: inherit;
}
.btn .spinner-border,
.btn .spinner-grow {
  color: inherit !important;
}
.btn {
  background-color: #a4bcfd !important;
  color: #2d31a6 !important;
}
.btn.btn-outline-secondary {
  background-color: transparent !important;
  border: 2px solid #444ce7 !important;
  color: #3538cd !important;
}
.btn.btn-outline-secondary:hover {
  background-color: #eef4ff !important;
  color: #2d31a6 !important;
}
.btn.btn-xs {
  font-size: 24px;
  padding: 10px !important;
}
.btn.btn-xs > div {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.btn.btn-sm {
  padding: 8px !important;
}
.btn.btn-lg {
  padding: 16px 24px !important;
}
.btn[class*=btn-outline-] {
  padding: 6px 14px !important;
}
.btn[class*=btn-outline-].btn-xs {
  padding: 8px !important;
}
.btn[class*=btn-outline-].btn-sm {
  padding: 6px !important;
}
.btn[class*=btn-outline-].btn-lg {
  padding: 14px 22px !important;
}
.btn:disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
.btn:focus-visible {
  outline: 2px solid #6a9001;
  outline-offset: 2px;
}
.btn:hover {
  background-color: #444ce7 !important;
  color: #fff !important;
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.02), 0 3px 2px -2px rgba(0, 0, 0, 0) !important;
}
.btn:hover svg {
  color: unset !important;
}
.btn .btn-outline {
  background-color: transparent !important;
  border: 2px solid #6a9001;
  color: #476100;
}
.btn .btn-outline:disabled {
  background-color: transparent !important;
  cursor: not-allowed !important;
  opacity: 0.5;
}
.btn .btn-outline:hover {
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.02), 0 3px 2px -2px rgba(0, 0, 0, 0) !important;
}
.btn.btn-transparent {
  background-color: transparent !important;
  color: #667085 !important;
}
.btn.btn-transparent:hover {
  background-color: #f2f4f7 !important;
  color: #667085 !important;
}
.btn.btn-secondary {
  background-color: #d0d5dd !important;
  color: #344054 !important;
}
.btn.btn-secondary:hover {
  background-color: #98a2b3 !important;
  color: #101828 !important;
}
.btn.btn-primary {
  background-color: #c0f334 !important;
  color: #476100 !important;
}
.btn.btn-primary:hover {
  background-color: #b0f001 !important;
  color: #131900 !important;
}
.btn.btn-outline-primary {
  background-color: transparent !important;
  border: 2px solid #6a9001 !important;
  color: #476100 !important;
}
.btn.btn-outline-primary:disabled {
  background-color: transparent !important;
}
.btn.btn-outline-primary:hover {
  background-color: #e7fab0 !important;
}
.btn.btn-light {
  background-color: #d0d5dd !important;
  color: #344054 !important;
}
.btn.btn-light:hover {
  background-color: #98a2b3 !important;
  color: #101828 !important;
}
.btn.btn-outline-light {
  background-color: transparent !important;
  border: 2px solid #667085 !important;
  color: #344054 !important;
}
.btn.btn-outline-light:disabled {
  background-color: transparent !important;
}
.btn.btn-outline-light:hover {
  background-color: #f9fafb !important;
}
.btn.btn-success {
  background-color: #6ce9a6 !important;
  color: #05603a !important;
}
.btn.btn-success:hover {
  background-color: #32d583 !important;
  color: #054f31 !important;
}
.btn.btn-outline-success {
  background-color: transparent !important;
  border: 2px solid #039855 !important;
  color: #027a48 !important;
}
.btn.btn-outline-success:disabled {
  background-color: transparent !important;
}
.btn.btn-outline-success:hover {
  background-color: #ecfdf3 !important;
}
.btn.btn-danger {
  background-color: #fda29b !important;
  color: #7a271a !important;
}
.btn.btn-danger:hover {
  background-color: #d92d20 !important;
  color: #fff !important;
}
.btn.btn-outline-danger {
  background-color: transparent !important;
  border: 2px solid #d92d20 !important;
  color: #b42318 !important;
}
.btn.btn-outline-danger:disabled {
  background-color: transparent !important;
}
.btn.btn-outline-danger:hover {
  background-color: #fef3f2 !important;
}
.btn.btn-warning {
  background-color: #fec84b !important;
  color: #93370d !important;
}
.btn.btn-warning:hover {
  background-color: #fdb022 !important;
  color: #7a2e0e !important;
}
.btn.btn-outline-warning {
  background-color: transparent !important;
  border: 2px solid #dc6803 !important;
  color: #b54708 !important;
}
.btn.btn-outline-warning:disabled {
  background-color: transparent !important;
}
.btn.btn-outline-warning:hover {
  background-color: #fffaeb !important;
}
.btn.btn-info {
  background-color: #84caff !important;
  color: #1849a9 !important;
}
.btn.btn-info:hover {
  background-color: #1570ef !important;
  color: #fff !important;
}
.btn.btn-flat-primary {
  background-color: #dbf88a !important;
  color: #364900 !important;
}
.btn.btn-flat-primary:hover {
  background-color: #caf555 !important;
  color: #131900 !important;
}
.btn.btn-flat-secondary {
  background-color: #eaecf0 !important;
  color: #344054 !important;
}
.btn.btn-flat-secondary:hover {
  background-color: #d0d5dd !important;
  color: #101828 !important;
}
.btn.btn-flat-warning {
  background-color: #fef0c7 !important;
  color: #93370d !important;
}
.btn.btn-flat-warning:hover {
  background-color: #fedf89 !important;
  color: #7a2e0e !important;
}
.btn.btn-primary-revert {
  background-color: #e7fab0 !important;
  color: #476100 !important;
}
.btn.btn-primary-revert:hover {
  background-color: #c0f334 !important;
  color: #364900 !important;
}
.btn.btn-secondary-revert {
  background-color: #eaecf0 !important;
  color: #344054 !important;
}
.btn.btn-secondary-revert:hover {
  background-color: #d0d5dd !important;
  color: #101828 !important;
}
.btn.btn-light-revert {
  background-color: #f2f4f7 !important;
  color: #344054 !important;
}
.btn.btn-light-revert:hover {
  background-color: #d0d5dd !important;
  color: #101828 !important;
}
.btn.btn-success-revert {
  background-color: #ecfdf3 !important;
  color: #027a48 !important;
}
.btn.btn-success-revert:hover {
  background-color: #a6f4c5 !important;
  color: #054f31 !important;
}
.btn.btn-danger-revert {
  background-color: #fef3f2 !important;
  color: #b42318 !important;
}
.btn.btn-danger-revert:hover {
  background-color: #fecdca !important;
  color: #7a271a !important;
}
.btn.btn-warning-revert {
  background-color: #fef0c7 !important;
  color: #b54708 !important;
}
.btn.btn-warning-revert:hover {
  background-color: #fedf89 !important;
  color: #7a2e0e !important;
}
.btn.btn-info-revert {
  background-color: #eff8ff !important;
  color: #175cd3 !important;
}
.btn.btn-info-revert:hover {
  background-color: #b2ddff !important;
  color: #194185 !important;
}.card {
  padding: 16px;
  background-color: #fff;
  border: 1px solid #eaecf0;
  border-radius: 12px;
  box-shadow: 0 5px 3px -2px rgba(0, 0, 0, 0.02), 0 3px 2px -2px rgba(0, 0, 0, 0.06);
}
.card .card-header {
  padding: 0;
  gap: 8px;
}
.card .card-header .card-title {
  font-size: 18px;
  font-weight: 600;
  color: #101828;
}
.card .card-body {
  padding: 0;
}
.card .card-footer {
  background-color: #f9fafb !important;
}.css-1wa3eu0-placeholder {
  font-size: 16px !important;
  color: #667085 !important;
}

.css-yk16xz-control,
.css-kz1ldm-control,
.css-19ex2er-control {
  font-size: 16px;
  border: 1px solid #d0d5dd !important;
  color: #667085 !important;
  padding: 1px 0 !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
  border-radius: 8px !important;
}
.css-yk16xz-control:hover,
.css-kz1ldm-control:hover,
.css-19ex2er-control:hover {
  cursor: pointer;
  border-color: unset;
}
.css-yk16xz-control:active,
.css-kz1ldm-control:active,
.css-19ex2er-control:active {
  border-color: #c0f334;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}

.css-26l3qy-menu {
  min-width: 120px;
}

.css-4ljt47-MenuList {
  width: 100%;
}

.css-mddugl-option {
  background-color: rgb(230, 230, 230) !important;
}

.css-3zf78j-option {
  background-color: rgb(245, 245, 245) !important;
}

.form-control {
  font-size: 16px;
  border: 1px solid #d0d5dd;
  color: #667085;
  padding: 10px 14px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  cursor: text;
}
.form-control::placeholder {
  font-size: 13px;
  font-weight: 400 !important;
  color: #b3b8c2;
}
.form-control:active {
  border-color: #c0f334;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}
.form-control:disabled {
  cursor: not-allowed;
  background-color: #f9fafb;
  color: #667085;
}
.form-control:hover {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}
.form-control:focus {
  border-color: #c0f334;
  box-shadow: 0 0 0 3px rgba(192, 243, 52, 0.35), 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}

select {
  cursor: pointer !important;
}

.DateRangePickerInput,
.SingleDatePickerInput {
  border: 1px solid #d0d5dd;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}

.DateInput_input {
  font-weight: 400;
  font-size: 16px;
  color: #667085;
  padding: 10px 14px;
}

.DateInput_input__focused {
  border-bottom: 2px solid #6a9001;
}

.list-input > * {
  flex: 1;
}
@media screen and (max-width: 1365px) {
  .list-input > * {
    flex: inherit !important;
    width: 250px;
  }
}
.list-input .DateRangePicker {
  flex: inherit !important;
  max-width: 100%;
}
.fit-input > div {
  max-width: min-content;
  min-width: fit-content;
}

.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #6a9001 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #6a9001 !important;
}

.custom-control-input:focus:not(:focus-visible) ~ .custom-control-label::before {
  box-shadow: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #6a9001 !important;
  background-color: #6a9001 !important;
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: #6a9001 !important;
  border-color: #6a9001 !important;
}

.custom-control-input-green:not(:disabled):active ~ .custom-control-label::before {
  background-color: #6a9001 !important;
  border-color: #6a9001 !important;
}

.custom-switch .custom-control-label::before {
  background-color: #667085;
}

label {
  color: #344054;
  font-weight: 500;
  font-size: 14px;
  padding-left: 0;
  margin-bottom: 6px;
}

.input-group-text {
  background-color: transparent;
  border-radius: 8px 0 0 8px;
  border-right: 0 !important;
}

#drpCalendar .DateRangePickerInput,
#drpCalendar .SingleDatePickerInput {
  height: auto !important;
  border: 1px solid #d0d5dd;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05) !important;
}
#drpCalendar .DateRangePickerInput .DateInput_input,
#drpCalendar .SingleDatePickerInput .DateInput_input {
  font-weight: 400;
  font-size: 14px;
  color: #667085;
  padding: 10px 14px;
  border-radius: 0 !important;
}
#drpCalendar .DateRangePickerInput .DateInput_input__focused,
#drpCalendar .SingleDatePickerInput .DateInput_input__focused {
  border-bottom: 2px solid #6a9001;
}.nav.nav-tabs {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 3px;
}
.nav.nav-tabs .nav-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: transparent;
}
.nav.nav-tabs .nav-link::before {
  content: "";
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
  background: unset !important;
  background-color: #d0d5dd !important;
  box-shadow: 0 0 8px 0 rgba(49, 51, 48, 0) !important;
  transform: translateY(0px);
  transition: none !important;
}
.nav.nav-tabs .nav-link div {
  font-size: 14px;
  font-weight: 500;
  color: #344054;
}
.nav.nav-tabs .nav-link svg {
  color: #d0d5dd;
  margin-right: 8px;
  font-size: 18px;
}
.nav.nav-tabs .nav-link.active {
  background-color: transparent !important;
  color: #101828 !important;
}
.nav.nav-tabs .nav-link.active div {
  font-size: 14px;
  font-weight: 500;
  color: #101828 !important;
}
.nav.nav-tabs .nav-link.active svg {
  color: #101828;
}
.nav.nav-tabs .nav-link.active::before {
  content: "";
  height: 2px;
  width: 100%;
  left: 0;
  position: absolute;
  bottom: 0px;
  top: 100%;
  background: unset !important;
  background-color: #b0f001 !important;
  box-shadow: 0 0 8px 0 rgba(49, 51, 48, 0) !important;
  transform: translateY(0px);
  transition: none !important;
}
.nav.nav-tabs .nav-link.active::after {
  content: "";
  display: none;
}
.nav.nav-pills {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.nav.nav-pills .nav-link {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  background-color: #fff;
  margin: 0px !important;
}
.nav.nav-pills .nav-link div {
  font-size: 14px;
  font-weight: 500;
  color: #344054;
}
.nav.nav-pills .nav-link svg {
  color: #d0d5dd;
  margin-right: 8px;
  font-size: 18px;
}
.nav.nav-pills .nav-link.active {
  background-color: #101828;
  color: #fcfcfd;
  transform: translateY(0px) !important;
}
.nav.nav-pills .nav-link.active div {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}
.nav.nav-pills .nav-link.active svg {
  color: #b0f001;
}

@media only screen and (max-width: 768px) {
  .header-navbar .dropdown-notification .dropdown-menu-right {
    transform: translate3d(-13px, 61px, 0px) !important;
  }
  .header-navbar .dropdown-user .dropdown-menu-right {
    transform: translate3d(16px, 61px, 0px) !important;
  }
}.badge {
  padding: 4px 10px !important;
  border-radius: 16px;
  border: 0;
  font-size: 14px;
  font-weight: 500;
  cursor: default !important;
  display: flex;
  align-items: center;
  background-color: #a4bcfd;
  color: #3538cd;
  max-width: fit-content;
}
.badge .text {
  font-size: 14px;
  font-weight: 500;
  color: #3538cd !important;
}
.badge.badge-white {
  background-color: #ffffff !important;
}
.badge.badge-primary {
  background-color: #c0f334 !important;
  color: #476100 !important;
}
.badge.badge-primary .text {
  color: #476100 !important;
}
.badge.badge-primary:hover {
  background-color: #b0f001 !important;
  color: #131900 !important;
}
.badge.badge-success {
  background-color: #6ce9a6 !important;
  color: #05603a !important;
}
.badge.badge-success .text {
  color: #05603a !important;
}
.badge.badge-success:hover {
  background-color: #32d583 !important;
  color: #054f31 !important;
}
.badge.badge-danger {
  background-color: #fda29b !important;
  color: #7a271a !important;
}
.badge.badge-danger .text {
  color: #7a271a !important;
}
.badge.badge-danger:hover {
  background-color: #d92d20 !important;
  color: #fff !important;
}
.badge.badge-secondary {
  background-color: #d0d5dd !important;
  color: #344054 !important;
}
.badge.badge-secondary .text {
  color: #344054 !important;
}
.badge.badge-secondary:hover {
  background-color: #98a2b3 !important;
  color: #101828 !important;
}
.badge.badge-light {
  background-color: #d0d5dd !important;
  color: #344054 !important;
}
.badge.badge-light .text {
  color: #344054 !important;
}
.badge.badge-light:hover {
  background-color: #98a2b3 !important;
  color: #101828 !important;
}
.badge.badge-warning {
  background-color: #fec84b !important;
  color: #93370d !important;
}
.badge.badge-warning .text {
  color: #93370d !important;
}
.badge.badge-warning:hover {
  background-color: #fdb022 !important;
  color: #7a2e0e !important;
}
.badge.badge-info {
  background-color: #84caff !important;
  color: #1849a9 !important;
}
.badge.badge-info .text {
  color: #1849a9 !important;
}
.badge.badge-info:hover {
  background-color: #1570ef !important;
  color: #fff !important;
}
.badge.badge-primary-revert {
  background-color: #e7fab0 !important;
  color: #476100 !important;
}
.badge.badge-primary-revert .text {
  color: #476100 !important;
}
.badge.badge-primary-revert:hover {
  background-color: #caf555 !important;
  color: #476100 !important;
}
.badge.badge-secondary-revert {
  background-color: #eaecf0 !important;
  color: #344054 !important;
}
.badge.badge-secondary-revert .text {
  color: #344054 !important;
}
.badge.badge-secondary-revert:hover {
  background-color: #eaecf0 !important;
  color: #344054 !important;
}
.badge.badge-success-revert {
  background-color: #ecfdf3 !important;
  color: #027a48 !important;
}
.badge.badge-success-revert .text {
  color: #027a48 !important;
}
.badge.badge-success-revert:hover {
  background-color: #a6f4c5 !important;
  color: #05603a !important;
}
.badge.badge-success-active {
  background-color: #027a48 !important;
  color: #ffffff !important;
  font-weight: 400 !important;
}
.badge.badge-success-active .text {
  color: #ffffff !important;
}
.badge.badge-success-active:hover {
  background-color: #05603a !important;
  color: #ffffff !important;
}
.badge.badge-danger-revert {
  background-color: #fef3f2 !important;
  color: #b42318 !important;
}
.badge.badge-danger-revert .text {
  color: #b42318 !important;
}
.badge.badge-danger-revert:hover {
  background-color: #fecdca !important;
  color: #b42318 !important;
}
.badge.badge-light-revert {
  background-color: #f9fafb !important;
  color: #344054 !important;
}
.badge.badge-light-revert .text {
  color: #344054 !important;
}
.badge.badge-light-revert:hover {
  background-color: #eaecf0 !important;
  color: #344054 !important;
}
.badge.badge-light-active {
  background-color: #667085 !important;
  color: #ffffff !important;
  font-weight: 400 !important;
}
.badge.badge-light-active .text {
  color: #ffffff !important;
}
.badge.badge-light-active:hover {
  background-color: #475467 !important;
  color: #ffffff !important;
}
.badge.badge-warning-revert {
  background-color: #fffaeb !important;
  color: #b54708 !important;
}
.badge.badge-warning-revert .text {
  color: #b54708 !important;
}
.badge.badge-warning-revert:hover {
  background-color: #fedf89 !important;
  color: #93370d !important;
}
.badge.badge-info-revert {
  background-color: #eff8ff !important;
  color: #175cd3 !important;
}
.badge.badge-info-revert .text {
  color: #175cd3 !important;
}
.badge.badge-info-revert:hover {
  background-color: #b2ddff !important;
  color: #1849a9 !important;
}input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-content: center;
  justify-content: center;
  font-size: 2rem;
  padding: 0.1rem;
  border-radius: 4px !important;
  border: 1px solid #667085 !important;
  background-color: transparent;
}
input[type=checkbox]:disabled {
  cursor: not-allowed;
  background-color: #f2f4f7;
  border-color: #eaecf0;
}

input[type=checkbox]:checked {
  background-color: #6a9001;
  border-color: #6a9001 !important;
}
input[type=checkbox]:checked:disabled {
  background-color: #f2f4f7;
  border-color: #eaecf0 !important;
}

input[type=checkbox]::before {
  content: "";
  clip-path: polygon(17% 54%, 28% 43%, 38% 54%, 70% 22%, 81% 33%, 38% 75%, 17% 54%);
  width: 16px;
  height: 16px;
  transform: scale(0);
  background-color: #fff;
}

input[type=checkbox]:checked::before {
  transform: scale(1.2);
}
input[type=checkbox]:checked::before:disabled {
  background-color: #eaecf0 !important;
}

input[type=checkbox]:checked:disabled::before {
  background-color: #667085;
}input[type=radio] {
  width: 16px;
  height: 16px;
  margin-right: 0.5rem;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid #667085;
  background-color: #fff;
  border-radius: 50%;
}

input[type=radio]:focus-visible {
  outline-offset: 0;
}

input[type=radio]:checked {
  box-shadow: 0 0 0 2px #6a9001 !important;
  background-color: #6a9001 !important;
  border: 3px solid #fff;
}.rdt_TableCol {
  color: #667085 !important;
  font-size: 12px;
  font-weight: 500;
}

.rdt_TableCell {
  padding: 16px 24px;
}
.rdt_TableCell .bold {
  color: #101828 !important;
  font-weight: 500;
}

.rdt_TableRow {
  background-color: #ffffff !important;
  border-bottom: 1px solid #eaecf0;
  color: #667085 !important;
  font-weight: 400;
}
.rdt_TableRow:nth-child(odd) {
  background-color: #f9fafb !important;
}h1 {
  font-size: 29px;
  color: #1f2633;
  font-weight: 600;
}

div,
p {
  color: #667085;
  font-weight: 400;
}

b {
  color: #101828;
  font-weight: 500;
}