@charset "UTF-8";
/*!

=========================================================
* Black Dashboard - v1.0.1
=========================================================

* Product Page: https://www.creative-tim.com/product/black-dashboard
* Copyright 2019 Creative Tim (https://www.creative-tim.com)


* Coded by Creative Tim

=========================================================

* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

*/
@font-face {
  font-family: "Mercurium";
  src: url("../../fonts/mercurium_fonts/MercuriumFont-light.woff") format("woff"), url("../../fonts/mercurium_fonts/MercuriumFont-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mercurium";
  src: url("../../fonts/mercurium_fonts/MercuriumFont-Regular.woff") format("woff"), url("../../fonts/mercurium_fonts/MercuriumFont-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Mercurium";
  src: url("../../fonts/mercurium_fonts/MercuriumFont-Boldsubset.woff") format("woff"), url("../../fonts/mercurium_fonts/MercuriumFont-Boldsubset.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
/*     brand Colors              */
/* navbar color */
:root {
  --blue: #5e72e4;
  --indigo: #5603ad;
  --purple: #8965e0;
  --pink: #f3a4b5;
  --red: #f5365c;
  --orange: #fb6340;
  --yellow: #ffd600;
  --green: #2dce89;
  --teal: #11cdef;
  --cyan: #2bffc6;
  --white: #ffffff;
  --gray: #6c757d;
  --gray-dark: #32325d;
  --light: #ced4da;
  --lighter: #e9ecef;
  --primary: #3D74DA;
  --secondary: #00ABF3;
  --success: #77dc55;
  --info: #00DDFF;
  --warning: #FFA78A;
  --danger: #D23737;
  --light: #adb5bd;
  --dark: #212529;
  --default: #d38080;
  --white: #ffffff;
  --neutral: #ffffff;
  --darker: hsl(210, 10.8108108108%, -0.4901960784%);
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::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, 42, 66, 0);
}

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

body {
  margin: 0;
  font-family: "Mercurium", sans-serif;
  font-size: 0.98rem;
  font-weight: 400;
  line-height: 1.5;
  color: #525f7f;
  text-align: left;
  background-color: #1e1e2f;
}

[tabindex="-1"]:focus {
  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;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          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: 600;
}

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: #3D74DA;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(32.4350649351, 80.6493506494, 170.0649350649);
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

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

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: 1rem;
  padding-bottom: 1rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

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;
}

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;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

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: 400;
  line-height: 1.2;
  color: #32325d;
}

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

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

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

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

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

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

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

.display-1 {
  font-size: 3.3rem;
  font-weight: 600;
  line-height: 1.2;
}

.display-2 {
  font-size: 2.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.display-3 {
  font-size: 2.1875rem;
  font-weight: 600;
  line-height: 1.2;
}

.display-4 {
  font-size: 1.6275rem;
  font-weight: 600;
  line-height: 1.2;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 0;
  border-top: 0.0625rem solid rgba(34, 42, 66, 0.1);
}

small,
.small {
  font-size: 80%;
  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.078rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

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

.img-thumbnail {
  padding: 0.25rem;
  background-color: #1e1e2f;
  border: 0.0625rem solid #e3e3e3;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(34, 42, 66, 0.075);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

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

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

code {
  font-size: 87.5%;
  color: #2bffc6;
  word-break: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #ffffff;
  background-color: #212529;
  border-radius: 0.4857rem;
  box-shadow: inset 0 -0.1rem 0 rgba(34, 42, 66, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 600;
  box-shadow: none;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

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

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.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: 15px;
  padding-left: 15px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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.3333333333%;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #525f7f;
  background-color: transparent;
}
.table th,
.table td {
  padding: 1rem;
  vertical-align: top;
  border-top: 0.0625rem solid #e3e3e3;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 0.125rem solid #e3e3e3;
}
.table tbody + tbody {
  border-top: 0.125rem solid #e3e3e3;
}

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

.table-bordered {
  border: 0.0625rem solid #e3e3e3;
}
.table-bordered th,
.table-bordered td {
  border: 0.0625rem solid #e3e3e3;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 0.125rem;
}

.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, 42, 66, 0.05);
}

.table-hover tbody tr:hover {
  color: #525f7f;
  background-color: rgba(34, 42, 66, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(200.68, 216.08, 244.64);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(154.12, 182.72, 235.76);
}

.table-hover .table-primary:hover {
  background-color: rgb(179.2644155844, 200.7358441558, 240.5555844156);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(179.2644155844, 200.7358441558, 240.5555844156);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(183.6, 231.48, 251.64);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(122.4, 211.32, 248.76);
}

.table-hover .table-secondary:hover {
  background-color: rgb(159.2460674157, 223.4575280899, 250.4939325843);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(159.2460674157, 223.4575280899, 250.4939325843);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(216.92, 245.2, 207.4);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(184.28, 236.8, 166.6);
}

.table-hover .table-success:hover {
  background-color: rgb(200.0029268293, 240.8463414634, 186.2536585366);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(200.0029268293, 240.8463414634, 186.2536585366);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(183.6, 245.48, 255);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(122.4, 237.32, 255);
}

.table-hover .table-info:hover {
  background-color: rgb(158.1, 242.08, 255);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(158.1, 242.08, 255);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 230.36, 222.24);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 209.24, 194.16);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 211.1805128205, 196.74);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 211.1805128205, 196.74);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(242.4, 199, 199);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(231.6, 151, 151);
}

.table-hover .table-danger:hover {
  background-color: rgb(237.7163265306, 178.1836734694, 178.1836734694);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(237.7163265306, 178.1836734694, 178.1836734694);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(232.04, 234.28, 236.52);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(212.36, 216.52, 220.68);
}

.table-hover .table-light:hover {
  background-color: rgb(217.9116216216, 221.53, 225.1483783784);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(217.9116216216, 221.53, 225.1483783784);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(192.84, 193.96, 195.08);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(139.56, 141.64, 143.72);
}

.table-hover .table-dark:hover {
  background-color: rgb(179.8560550459, 181.21, 182.5639449541);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(179.8560550459, 181.21, 182.5639449541);
}

.table-default,
.table-default > th,
.table-default > td {
  background-color: rgb(242.68, 219.44, 219.44);
}
.table-default th,
.table-default td,
.table-default thead th,
.table-default tbody + tbody {
  border-color: rgb(232.12, 188.96, 188.96);
}

.table-hover .table-default:hover {
  background-color: rgb(236.1185964912, 200.5014035088, 200.5014035088);
}
.table-hover .table-default:hover > td,
.table-hover .table-default:hover > th {
  background-color: rgb(236.1185964912, 200.5014035088, 200.5014035088);
}

.table-white,
.table-white > th,
.table-white > td {
  background-color: white;
}
.table-white th,
.table-white td,
.table-white thead th,
.table-white tbody + tbody {
  border-color: white;
}

.table-hover .table-white:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th {
  background-color: rgb(242.25, 242.25, 242.25);
}

.table-neutral,
.table-neutral > th,
.table-neutral > td {
  background-color: white;
}
.table-neutral th,
.table-neutral td,
.table-neutral thead th,
.table-neutral tbody + tbody {
  border-color: white;
}

.table-hover .table-neutral:hover {
  background-color: rgb(242.25, 242.25, 242.25);
}
.table-hover .table-neutral:hover > td,
.table-hover .table-neutral:hover > th {
  background-color: rgb(242.25, 242.25, 242.25);
}

.table-darker,
.table-darker > th,
.table-darker > td {
  background-color: rgb(183.2878378378, 183.25, 183.2121621622);
}
.table-darker th,
.table-darker td,
.table-darker thead th,
.table-darker tbody + tbody {
  border-color: rgb(121.8202702703, 121.75, 121.6797297297);
}

.table-hover .table-darker:hover {
  background-color: rgb(170.5445616348, 170.5, 170.4554383652);
}
.table-hover .table-darker:hover > td,
.table-hover .table-darker:hover > th {
  background-color: rgb(170.5445616348, 170.5, 170.4554383652);
}

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

.table-hover .table-active:hover {
  background-color: rgba(25.33, 31.29, 49.17, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(25.33, 31.29, 49.17, 0.075);
}

.table .thead-dark th {
  color: #1e1e2f;
  background-color: #212529;
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.table .thead-light th {
  color: #525f7f;
  background-color: #e9ecef;
  border-color: #e3e3e3;
}

.table-dark {
  color: #1e1e2f;
  background-color: #212529;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(50.0574324324, 56.125, 62.1925675676);
}
.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: #1e1e2f;
  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(2.39999958rem + 2px);
  padding: 0.5rem 0.7rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571;
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #cad1d7;
  border-radius: 0.25rem;
  box-shadow: none;
  transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: rgba(255, 255, 255, 0.8);
  background-color: #ffffff;
  border-color: rgba(50, 151, 211, 0.25);
  outline: 0;
  box-shadow: none, none;
}
.form-control::-moz-placeholder {
  color: #adb5bd;
  opacity: 1;
}
.form-control::placeholder {
  color: #adb5bd;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
}

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

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

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

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
  line-height: 1.428571;
  color: #525f7f;
  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(1.35em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.35;
  border-radius: 0.4857rem;
}

.form-control-lg {
  height: calc(1.35em + 1.75rem + 2px);
  padding: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.35;
  border-radius: 0.8285rem;
}

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 {
  color: #6c757d;
}

.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: 80%;
  color: #77dc55;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8400000028rem;
  line-height: 1.5;
  color: #ffffff;
  background-color: rgba(119, 220, 85, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #77dc55;
  padding-right: 2.39999958rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2377dc55' 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: center right calc(0.35714275em + 0.25rem);
  background-size: calc(0.7142855em + 0.5rem) calc(0.7142855em + 0.5rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #77dc55;
  box-shadow: 0 0 0 0 rgba(119, 220, 85, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: 2.39999958rem;
  background-position: top calc(0.35714275em + 0.25rem) right calc(0.35714275em + 0.25rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #77dc55;
  padding-right: calc((1em + 1rem) * 3 / 4 + 1.7rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2377dc55' 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") transparent no-repeat center right 1.7rem/calc(0.7142855em + 0.5rem) calc(0.7142855em + 0.5rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #77dc55;
  box-shadow: 0 0 0 0 rgba(119, 220, 85, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

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

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #77dc55;
}
.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: #77dc55;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #77dc55;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(152.8341463415, 228.7073170732, 127.2926829268);
  background: rgb(152.8341463415, 228.7073170732, 127.2926829268) linear-gradient(180deg, rgb(134.4090243902, 198.9012195122, 115.2487804878), rgb(152.8341463415, 228.7073170732, 127.2926829268)) repeat-x;
}
.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 rgba(119, 220, 85, 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: #77dc55;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #77dc55;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #77dc55;
  box-shadow: 0 0 0 0 rgba(119, 220, 85, 0.25);
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.8400000028rem;
  line-height: 1.5;
  color: #ffffff;
  background-color: rgba(255, 167, 138, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #FFA78A;
  padding-right: 2.39999958rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFA78A' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FFA78A' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.35714275em + 0.25rem);
  background-size: calc(0.7142855em + 0.5rem) calc(0.7142855em + 0.5rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #FFA78A;
  box-shadow: 0 0 0 0 rgba(255, 167, 138, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: 2.39999958rem;
  background-position: top calc(0.35714275em + 0.25rem) right calc(0.35714275em + 0.25rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #FFA78A;
  padding-right: calc((1em + 1rem) * 3 / 4 + 1.7rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFA78A' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23FFA78A' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") transparent no-repeat center right 1.7rem/calc(0.7142855em + 0.5rem) calc(0.7142855em + 0.5rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #FFA78A;
  box-shadow: 0 0 0 0 rgba(255, 167, 138, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

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

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #FFA78A;
}
.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: #FFA78A;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #FFA78A;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(255, 205.358974359, 189);
  background: rgb(255, 205.358974359, 189) linear-gradient(180deg, rgb(221.25, 179.0551282051, 167.7), rgb(255, 205.358974359, 189)) repeat-x;
}
.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 rgba(255, 167, 138, 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: #FFA78A;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #FFA78A;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #FFA78A;
  box-shadow: 0 0 0 0 rgba(255, 167, 138, 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: 600;
  color: #525f7f;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 11px 40px;
  font-size: 0.875rem;
  line-height: 1.35em;
  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) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #525f7f;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #ffffff;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  border-color: #3D74DA;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-primary:hover {
  color: #ffffff;
  background: rgb(38.5616883117, 95.8831168831, 202.1883116883) linear-gradient(180deg, rgb(37.2774350649, 86.0006493506, 178.9100649351), rgb(38.5616883117, 95.8831168831, 202.1883116883)) repeat-x;
  border-color: rgb(36.5194805195, 90.8051948052, 191.4805194805);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(90.1, 136.85, 223.55, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
  background-image: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(36.5194805195, 90.8051948052, 191.4805194805);
  background-image: none;
  border-color: rgb(34.4772727273, 85.7272727273, 180.7727272727);
}
.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 rgba(90.1, 136.85, 223.55, 0.5);
}

.btn-secondary {
  color: #ffffff;
  background: #00ABF3 linear-gradient(180deg, rgb(4.5, 149.85, 213.6), #00ABF3) repeat-x;
  border-color: #00ABF3;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-secondary:hover {
  color: #ffffff;
  background: rgb(0, 144.0833333333, 204.75) linear-gradient(180deg, rgb(4.5, 126.9708333333, 181.0875), rgb(0, 144.0833333333, 204.75)) repeat-x;
  border-color: rgb(0, 135.1111111111, 192);
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(38.25, 183.6, 244.8, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #ffffff;
  background-color: #00ABF3;
  border-color: #00ABF3;
  background-image: none;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(0, 135.1111111111, 192);
  background-image: none;
  border-color: rgb(0, 126.1388888889, 179.25);
}
.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 rgba(38.25, 183.6, 244.8, 0.5);
}

.btn-success {
  color: #ffffff;
  background: #77dc55 linear-gradient(180deg, rgb(105.65, 191.5, 79.3), #77dc55) repeat-x;
  border-color: #77dc55;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-success:hover {
  color: #ffffff;
  background: rgb(93.6243902439, 213.4695121951, 53.2804878049) linear-gradient(180deg, rgb(84.0807317073, 185.9490853659, 52.3384146341), rgb(93.6243902439, 213.4695121951, 53.2804878049)) repeat-x;
  border-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(139.4, 225.25, 110.5, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #ffffff;
  background-color: #77dc55;
  border-color: #77dc55;
  background-image: none;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
  background-image: none;
  border-color: rgb(81.2012195122, 200.0609756098, 41.1890243902);
}
.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 rgba(139.4, 225.25, 110.5, 0.5);
}

.btn-info {
  color: #ffffff;
  background: #00DDFF linear-gradient(180deg, rgb(4.5, 192.35, 223.8), #00DDFF) repeat-x;
  border-color: #00DDFF;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-info:hover {
  color: #ffffff;
  background: rgb(0, 187.85, 216.75) linear-gradient(180deg, rgb(4.5, 164.1725, 191.2875), rgb(0, 187.85, 216.75)) repeat-x;
  border-color: rgb(0, 176.8, 204);
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(38.25, 226.1, 255, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #ffffff;
  background-color: #00DDFF;
  border-color: #00DDFF;
  background-image: none;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(0, 176.8, 204);
  background-image: none;
  border-color: rgb(0, 165.75, 191.25);
}
.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 rgba(38.25, 226.1, 255, 0.5);
}

.btn-warning {
  color: #ffffff;
  background: #FFA78A linear-gradient(180deg, rgb(221.25, 146.45, 124.35), #FFA78A) repeat-x;
  border-color: #FFA78A;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-warning:hover {
  color: #ffffff;
  background: rgb(255, 138.2307692308, 99.75) linear-gradient(180deg, rgb(221.25, 121.9961538462, 91.8375), rgb(255, 138.2307692308, 99.75)) repeat-x;
  border-color: rgb(255, 128.641025641, 87);
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 180.2, 155.55, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #ffffff;
  background-color: #FFA78A;
  border-color: #FFA78A;
  background-image: none;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(255, 128.641025641, 87);
  background-image: none;
  border-color: rgb(255, 119.0512820513, 74.25);
}
.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 rgba(255, 180.2, 155.55, 0.5);
}

.btn-danger {
  color: #ffffff;
  background: #D23737 linear-gradient(180deg, rgb(183, 51.25, 53.8), #D23737) repeat-x;
  border-color: #D23737;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-danger:hover {
  color: #ffffff;
  background: rgb(185.1020408163, 41.6479591837, 41.6479591837) linear-gradient(180deg, rgb(161.8367346939, 39.9007653061, 42.4507653061), rgb(185.1020408163, 41.6479591837, 41.6479591837)) repeat-x;
  border-color: rgb(174.693877551, 39.306122449, 39.306122449);
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(216.75, 85, 85, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #ffffff;
  background-color: #D23737;
  border-color: #D23737;
  background-image: none;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(174.693877551, 39.306122449, 39.306122449);
  background-image: none;
  border-color: rgb(164.2857142857, 36.9642857143, 36.9642857143);
}
.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 rgba(216.75, 85, 85, 0.5);
}

.btn-light {
  color: #ffffff;
  background: #adb5bd linear-gradient(180deg, rgb(151.55, 158.35, 167.7), #adb5bd) repeat-x;
  border-color: #adb5bd;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-light:hover {
  color: #ffffff;
  background: rgb(151.8074324324, 161.875, 171.9425675676) linear-gradient(180deg, rgb(133.5363175676, 142.09375, 153.2011824324), rgb(151.8074324324, 161.875, 171.9425675676)) repeat-x;
  border-color: rgb(144.7432432432, 155.5, 166.2567567568);
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(185.3, 192.1, 198.9, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #ffffff;
  background-color: #adb5bd;
  border-color: #adb5bd;
  background-image: none;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(144.7432432432, 155.5, 166.2567567568);
  background-image: none;
  border-color: rgb(137.6790540541, 149.125, 160.5709459459);
}
.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 rgba(185.3, 192.1, 198.9, 0.5);
}

.btn-dark {
  color: #ffffff;
  background: #212529 linear-gradient(180deg, rgb(32.55, 35.95, 41.9), #212529) repeat-x;
  border-color: #212529;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-dark:hover {
  color: #ffffff;
  background: rgb(15.9425675676, 17.875, 19.8074324324) linear-gradient(180deg, rgb(18.0511824324, 19.69375, 23.8863175676), rgb(15.9425675676, 17.875, 19.8074324324)) repeat-x;
  border-color: rgb(10.2567567568, 11.5, 12.7432432432);
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(66.3, 69.7, 73.1, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #ffffff;
  background-color: #212529;
  border-color: #212529;
  background-image: none;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(10.2567567568, 11.5, 12.7432432432);
  background-image: none;
  border-color: rgb(4.5709459459, 5.125, 5.6790540541);
}
.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 rgba(66.3, 69.7, 73.1, 0.5);
}

.btn-default {
  color: #ffffff;
  background: #d38080 linear-gradient(180deg, rgb(183.85, 113.3, 115.85), #d38080) repeat-x;
  border-color: #d38080;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-default:hover {
  color: #ffffff;
  background: rgb(201.1578947368, 99.5921052632, 99.5921052632) linear-gradient(180deg, rgb(175.4842105263, 89.1532894737, 91.7032894737), rgb(201.1578947368, 99.5921052632, 99.5921052632)) repeat-x;
  border-color: rgb(197.8771929825, 90.1228070175, 90.1228070175);
}
.btn-default:focus, .btn-default.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(217.6, 147.05, 147.05, 0.5);
}
.btn-default.disabled, .btn-default:disabled {
  color: #ffffff;
  background-color: #d38080;
  border-color: #d38080;
  background-image: none;
}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
  color: #ffffff;
  background-color: rgb(197.8771929825, 90.1228070175, 90.1228070175);
  background-image: none;
  border-color: rgb(194.5964912281, 80.6535087719, 80.6535087719);
}
.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(217.6, 147.05, 147.05, 0.5);
}

.btn-white {
  color: #212529;
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x;
  border-color: #ffffff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-white:hover {
  color: #212529;
  background: rgb(235.875, 235.875, 235.875) linear-gradient(180deg, rgb(204.99375, 204.99375, 207.54375), rgb(235.875, 235.875, 235.875)) repeat-x;
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-white:focus, .btn-white.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(221.7, 222.3, 222.9, 0.5);
}
.btn-white.disabled, .btn-white:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
  background-image: none;
}
.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgb(223.125, 223.125, 223.125);
}
.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(221.7, 222.3, 222.9, 0.5);
}

.btn-neutral {
  color: #212529;
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x;
  border-color: #ffffff;
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-neutral:hover {
  color: #212529;
  background: rgb(235.875, 235.875, 235.875) linear-gradient(180deg, rgb(204.99375, 204.99375, 207.54375), rgb(235.875, 235.875, 235.875)) repeat-x;
  border-color: rgb(229.5, 229.5, 229.5);
}
.btn-neutral:focus, .btn-neutral.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(221.7, 222.3, 222.9, 0.5);
}
.btn-neutral.disabled, .btn-neutral:disabled {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
  background-image: none;
}
.btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral:not(:disabled):not(.disabled).active, .show > .btn-neutral.dropdown-toggle {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
  background-image: none;
  border-color: rgb(223.125, 223.125, 223.125);
}
.btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(221.7, 222.3, 222.9, 0.5);
}

.btn-darker {
  color: #ffffff;
  background: hsl(210, 10.8108108108%, -0.4901960784%) linear-gradient(180deg, rgb(3.5523648649, 3.4375, 5.8726351351), hsl(210, 10.8108108108%, -0.4901960784%)) repeat-x;
  border-color: hsl(210, 10.8108108108%, -0.4901960784%);
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.btn-darker:hover {
  color: #ffffff;
  background: hsl(210, 10.8108108108%, -7.9901960784%) linear-gradient(180deg, hsl(158.282208589, 7.8783140237%, -4.6598436672%), hsl(210, 10.8108108108%, -7.9901960784%)) repeat-x;
  border-color: hsl(210, 10.8108108108%, -10.4901960784%);
}
.btn-darker:focus, .btn-darker.focus {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(37.3023648649, 37.1875, 37.0726351351, 0.5);
}
.btn-darker.disabled, .btn-darker:disabled {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -0.4901960784%);
  border-color: hsl(210, 10.8108108108%, -0.4901960784%);
  background-image: none;
}
.btn-darker:not(:disabled):not(.disabled):active, .btn-darker:not(:disabled):not(.disabled).active, .show > .btn-darker.dropdown-toggle {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -10.4901960784%);
  background-image: none;
  border-color: hsl(210, 10.8108108108%, -12.9901960784%);
}
.btn-darker:not(:disabled):not(.disabled):active:focus, .btn-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(37.3023648649, 37.1875, 37.0726351351, 0.5);
}

.btn-outline-primary {
  color: #3D74DA;
  border-color: #3D74DA;
}
.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(61, 116, 218, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #3D74DA;
  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: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
}
.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 rgba(61, 116, 218, 0.5);
}

.btn-outline-secondary {
  color: #00ABF3;
  border-color: #00ABF3;
}
.btn-outline-secondary:hover {
  color: #ffffff;
  background-color: #00ABF3;
  border-color: #00ABF3;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(0, 171, 243, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #00ABF3;
  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: #ffffff;
  background-color: #00ABF3;
  border-color: #00ABF3;
}
.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 rgba(0, 171, 243, 0.5);
}

.btn-outline-success {
  color: #77dc55;
  border-color: #77dc55;
}
.btn-outline-success:hover {
  color: #ffffff;
  background-color: #77dc55;
  border-color: #77dc55;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(119, 220, 85, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #77dc55;
  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: #ffffff;
  background-color: #77dc55;
  border-color: #77dc55;
}
.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 rgba(119, 220, 85, 0.5);
}

.btn-outline-info {
  color: #00DDFF;
  border-color: #00DDFF;
}
.btn-outline-info:hover {
  color: #ffffff;
  background-color: #00DDFF;
  border-color: #00DDFF;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(0, 221, 255, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #00DDFF;
  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: #ffffff;
  background-color: #00DDFF;
  border-color: #00DDFF;
}
.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 rgba(0, 221, 255, 0.5);
}

.btn-outline-warning {
  color: #FFA78A;
  border-color: #FFA78A;
}
.btn-outline-warning:hover {
  color: #ffffff;
  background-color: #FFA78A;
  border-color: #FFA78A;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(255, 167, 138, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #FFA78A;
  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: #ffffff;
  background-color: #FFA78A;
  border-color: #FFA78A;
}
.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 rgba(255, 167, 138, 0.5);
}

.btn-outline-danger {
  color: #D23737;
  border-color: #D23737;
}
.btn-outline-danger:hover {
  color: #ffffff;
  background-color: #D23737;
  border-color: #D23737;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(210, 55, 55, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #D23737;
  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: #ffffff;
  background-color: #D23737;
  border-color: #D23737;
}
.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 rgba(210, 55, 55, 0.5);
}

.btn-outline-light {
  color: #adb5bd;
  border-color: #adb5bd;
}
.btn-outline-light:hover {
  color: #ffffff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #adb5bd;
  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: #ffffff;
  background-color: #adb5bd;
  border-color: #adb5bd;
}
.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 rgba(173, 181, 189, 0.5);
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529;
}
.btn-outline-dark:hover {
  color: #ffffff;
  background-color: #212529;
  border-color: #212529;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #212529;
  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: #ffffff;
  background-color: #212529;
  border-color: #212529;
}
.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 rgba(33, 37, 41, 0.5);
}

.btn-outline-default {
  color: #d38080;
  border-color: #d38080;
}
.btn-outline-default:hover {
  color: #ffffff;
  background-color: #d38080;
  border-color: #d38080;
}
.btn-outline-default:focus, .btn-outline-default.focus {
  box-shadow: 0 0 0 0 rgba(211, 128, 128, 0.5);
}
.btn-outline-default.disabled, .btn-outline-default:disabled {
  color: #d38080;
  background-color: transparent;
}
.btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle {
  color: #ffffff;
  background-color: #d38080;
  border-color: #d38080;
}
.btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(211, 128, 128, 0.5);
}

.btn-outline-white {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:focus, .btn-outline-white.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
  color: #ffffff;
  background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-neutral {
  color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-neutral:hover {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-neutral:focus, .btn-outline-neutral.focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}
.btn-outline-neutral.disabled, .btn-outline-neutral:disabled {
  color: #ffffff;
  background-color: transparent;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active, .btn-outline-neutral:not(:disabled):not(.disabled).active, .show > .btn-outline-neutral.dropdown-toggle {
  color: #212529;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-neutral.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.btn-outline-darker {
  color: hsl(210, 10.8108108108%, -0.4901960784%);
  border-color: hsl(210, 10.8108108108%, -0.4901960784%);
}
.btn-outline-darker:hover {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -0.4901960784%);
  border-color: hsl(210, 10.8108108108%, -0.4901960784%);
}
.btn-outline-darker:focus, .btn-outline-darker.focus {
  box-shadow: 0 0 0 0 hsla(210, 10.8108108108%, -0.4901960784%, 0.5);
}
.btn-outline-darker.disabled, .btn-outline-darker:disabled {
  color: hsl(210, 10.8108108108%, -0.4901960784%);
  background-color: transparent;
}
.btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker:not(:disabled):not(.disabled).active, .show > .btn-outline-darker.dropdown-toggle {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -0.4901960784%);
  border-color: hsl(210, 10.8108108108%, -0.4901960784%);
}
.btn-outline-darker:not(:disabled):not(.disabled):active:focus, .btn-outline-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darker.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 hsla(210, 10.8108108108%, -0.4901960784%, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #3D74DA;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(32.4350649351, 80.6493506494, 170.0649350649);
  text-decoration: none;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: none;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 15px 48px;
  font-size: 1em;
  line-height: 1.35;
  border-radius: 0.8285rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 5px 15px;
  font-size: 0.75rem;
  line-height: 1.35;
  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;
  }
}

.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.125rem 0 0;
  font-size: 0.98rem;
  color: #525f7f;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 0 solid rgba(34, 42, 66, 0.15);
  border-radius: 0.2428rem;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

.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.125rem;
}
.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.125rem;
}
.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.125rem;
}
.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 #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background: #f6f9fc linear-gradient(180deg, rgb(213.6, 216.15, 221.25), #f6f9fc) repeat-x;
}
.dropdown-item.active, .dropdown-item:active {
  color: #ffffff;
  text-decoration: none;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
  background-image: none;
}

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

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

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

.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: -1px;
}
.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: 30px;
  padding-left: 30px;
}
.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: 11.25px;
  padding-left: 11.25px;
}

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

.btn-group.show .dropdown-toggle {
  box-shadow: none;
}
.btn-group.show .dropdown-toggle.btn-link {
  box-shadow: none;
}

.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: -1px;
}
.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%;
  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(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.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-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.5rem 0.7rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571;
  color: #adb5bd;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #cad1d7;
  border-radius: 0.25rem;
}
.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.35em + 1.75rem + 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: 0.875rem 1rem;
  font-size: 0.875rem;
  line-height: 1.35;
  border-radius: 0.8285rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.35em + 0.5rem + 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.25rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.35;
  border-radius: 0.4857rem;
}

.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 > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .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;
  display: block;
  min-height: 1.47rem;
  padding-left: 3rem;
}

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

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #ffffff;
  border-color: #3D74DA;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  box-shadow: none;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none, none;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(50, 151, 211, 0.25);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
  box-shadow: none;
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.11rem;
  left: -3rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: transparent;
  border: #cad1d7 solid 1px;
  box-shadow: none;
}
.custom-control-label::after {
  position: absolute;
  top: 0.11rem;
  left: -3rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.4857rem;
}
.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' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #3D74DA;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  box-shadow: none;
}
.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' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(61, 116, 218, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(61, 116, 218, 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' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(61, 116, 218, 0.5);
}

.custom-switch {
  padding-left: 2.375rem;
}
.custom-switch .custom-control-label::before {
  left: -2.375rem;
  width: 0.625rem;
  pointer-events: all;
  border-radius: 0.625rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.11rem + 2px);
  left: calc(-2.375rem + 2px);
  width: calc(1.25rem - 4px);
  height: calc(1.25rem - 4px);
  background-color: #cad1d7;
  border-radius: 0.625rem;
  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: transparent;
  transform: translateX(-0.625rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(61, 116, 218, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.39999958rem + 2px);
  padding: 0.5rem 1.7rem 0.5rem 0.7rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.428571;
  color: rgba(255, 255, 255, 0.8);
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.7rem center/8px 10px;
  background-color: transparent;
  border: 1px solid #cad1d7;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: rgba(50, 151, 211, 0.25);
  outline: 0;
  box-shadow: inset 0 1px 2px rgba(34, 42, 66, 0.075), 0 0 0 0 #3d74da;
}
.custom-select:focus::-ms-value {
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.7rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}

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

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

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.39999958rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(50, 151, 211, 0.25);
  box-shadow: none;
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.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(2.39999958rem + 2px);
  padding: 0.5rem 0.7rem;
  font-weight: 400;
  line-height: 1.428571;
  color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  border: 1px solid #cad1d7;
  border-radius: 0.25rem;
  box-shadow: none;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.39999958rem;
  padding: 0.5rem 0.7rem;
  line-height: 1.428571;
  color: rgba(255, 255, 255, 0.8);
  content: "Browse";
  background: transparent linear-gradient(180deg, rgba(30, 30, 47, 0.15), transparent) repeat-x;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #1e1e2f, none;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #1e1e2f, none;
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #1e1e2f, none;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background: rgb(210.9090909091, 223.4090909091, 246.5909090909) linear-gradient(180deg, rgb(183.7727272727, 194.3977272727, 216.6522727273), rgb(210.9090909091, 223.4090909091, 246.5909090909)) repeat-x;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #e3e3e3;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background: rgb(210.9090909091, 223.4090909091, 246.5909090909) linear-gradient(180deg, rgb(183.7727272727, 194.3977272727, 216.6522727273), rgb(210.9090909091, 223.4090909091, 246.5909090909)) repeat-x;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #e3e3e3;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(34, 42, 66, 0.1);
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background: rgb(210.9090909091, 223.4090909091, 246.5909090909) linear-gradient(180deg, rgb(183.7727272727, 194.3977272727, 216.6522727273), rgb(210.9090909091, 223.4090909091, 246.5909090909)) repeat-x;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(34, 42, 66, 0.1);
}
.custom-range::-ms-fill-lower {
  background-color: #e3e3e3;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #e3e3e3;
  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.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 0.0625rem solid #e3e3e3;
}
.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}
.nav-tabs .nav-link {
  border: 0.0625rem solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #e3e3e3;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #525f7f;
  background-color: #1e1e2f;
  border-color: #e3e3e3 #e3e3e3 #1e1e2f;
}
.nav-tabs .dropdown-menu {
  margin-top: -0.0625rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #ffffff;
  background-color: #3D74DA;
}

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

.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.625rem 0.9375rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.39563rem;
  padding-bottom: 0.39563rem;
  margin-right: 0.9375rem;
  font-size: 1.11916rem;
  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.5rem;
  padding-bottom: 0.5rem;
}

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

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.11916rem;
  line-height: 1;
  background-color: transparent;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
}
.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: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    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: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .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 {
    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: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .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 {
    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: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .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 {
    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: 1rem;
    padding-left: 1rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(34, 42, 66, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(34, 42, 66, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(34, 42, 66, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(34, 42, 66, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(34, 42, 66, 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, 42, 66, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(34, 42, 66, 0.5);
  border-color: transparent;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml !default;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(34, 42, 66, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-light .navbar-text {
  color: rgba(34, 42, 66, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(34, 42, 66, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(34, 42, 66, 0.9);
}

.navbar-dark .navbar-brand {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.65);
}
.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: rgba(255, 255, 255, 0.65);
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.95);
  border-color: transparent;
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.95);
}
.navbar-dark .navbar-text a {
  color: rgba(255, 255, 255, 0.65);
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: rgba(255, 255, 255, 0.65);
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 0.0625rem solid rgba(34, 42, 66, 0.05);
  border-radius: 0.4857rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.4857rem;
  border-top-right-radius: 0.4857rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.4857rem;
  border-bottom-left-radius: 0.4857rem;
}

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

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

.card-subtitle {
  margin-top: -0.625rem;
  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.25rem 1.5rem;
  margin-bottom: 0;
  background-color: #f6f9fc;
  border-bottom: 0.0625rem solid rgba(34, 42, 66, 0.05);
}
.card-header:first-child {
  border-radius: calc(0.4857rem - 0.0625rem) calc(0.4857rem - 0.0625rem) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 1.25rem 1.5rem;
  background-color: #f6f9fc;
  border-top: 0.0625rem solid rgba(34, 42, 66, 0.05);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.4857rem - 0.0625rem) calc(0.4857rem - 0.0625rem);
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1.25rem;
  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;
}

.card-img {
  width: 100%;
  border-radius: calc(0.4857rem - 0.0625rem);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.4857rem - 0.0625rem);
  border-top-right-radius: calc(0.4857rem - 0.0625rem);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.4857rem - 0.0625rem);
  border-bottom-left-radius: calc(0.4857rem - 0.0625rem);
}

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

.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    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.25rem;
}
@media (min-width: 576px) {
  .card-columns {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card .card-header {
  margin-bottom: -0.0625rem;
}

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

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #ffffff;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #ffffff;
}

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

.page-link {
  position: relative;
  display: block;
  padding: 0 0.6875rem;
  margin-left: -0.0625rem;
  line-height: 1.25;
  color: #ffffff;
  background-color: transparent;
  border: 0.0625rem solid #e3e3e3;
}
.page-link:hover {
  z-index: 2;
  color: #6c757d;
  text-decoration: none;
  background-color: #e3e3e3;
  border-color: #e3e3e3;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: none;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
  border-color: #e3e3e3;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.11916rem;
  line-height: 1.625rem;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.8285rem;
  border-bottom-left-radius: 0.8285rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.8285rem;
  border-bottom-right-radius: 0.8285rem;
}

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

.badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  font-size: 0.69972rem;
  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.875em;
  padding-left: 0.875em;
  border-radius: 1.575rem;
}

.badge-primary {
  color: #ffffff;
  background-color: #3D74DA;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #ffffff;
  background-color: rgb(36.5194805195, 90.8051948052, 191.4805194805);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(61, 116, 218, 0.5);
}

.badge-secondary {
  color: #ffffff;
  background-color: #00ABF3;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #ffffff;
  background-color: rgb(0, 135.1111111111, 192);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 171, 243, 0.5);
}

.badge-success {
  color: #ffffff;
  background-color: #77dc55;
}
a.badge-success:hover, a.badge-success:focus {
  color: #ffffff;
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(119, 220, 85, 0.5);
}

.badge-info {
  color: #ffffff;
  background-color: #00DDFF;
}
a.badge-info:hover, a.badge-info:focus {
  color: #ffffff;
  background-color: rgb(0, 176.8, 204);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 221, 255, 0.5);
}

.badge-warning {
  color: #ffffff;
  background-color: #FFA78A;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #ffffff;
  background-color: rgb(255, 128.641025641, 87);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 167, 138, 0.5);
}

.badge-danger {
  color: #ffffff;
  background-color: #D23737;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #ffffff;
  background-color: rgb(174.693877551, 39.306122449, 39.306122449);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(210, 55, 55, 0.5);
}

.badge-light {
  color: #ffffff;
  background-color: #adb5bd;
}
a.badge-light:hover, a.badge-light:focus {
  color: #ffffff;
  background-color: rgb(144.7432432432, 155.5, 166.2567567568);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5);
}

.badge-dark {
  color: #ffffff;
  background-color: #212529;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #ffffff;
  background-color: rgb(10.2567567568, 11.5, 12.7432432432);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5);
}

.badge-default {
  color: #ffffff;
  background-color: #d38080;
}
a.badge-default:hover, a.badge-default:focus {
  color: #ffffff;
  background-color: rgb(197.8771929825, 90.1228070175, 90.1228070175);
}
a.badge-default:focus, a.badge-default.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(211, 128, 128, 0.5);
}

.badge-white {
  color: #212529;
  background-color: #ffffff;
}
a.badge-white:hover, a.badge-white:focus {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
}
a.badge-white:focus, a.badge-white.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.badge-neutral {
  color: #212529;
  background-color: #ffffff;
}
a.badge-neutral:hover, a.badge-neutral:focus {
  color: #212529;
  background-color: rgb(229.5, 229.5, 229.5);
}
a.badge-neutral:focus, a.badge-neutral.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
}

.badge-darker {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -0.4901960784%);
}
a.badge-darker:hover, a.badge-darker:focus {
  color: #ffffff;
  background-color: hsl(210, 10.8108108108%, -10.4901960784%);
}
a.badge-darker:focus, a.badge-darker.focus {
  outline: 0;
  box-shadow: 0 0 0 0 hsla(210, 10.8108108108%, -0.4901960784%, 0.5);
}

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

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

.alert {
  position: relative;
  padding: 0.9rem 1.25rem;
  margin-bottom: 1rem;
  border: 0.0625rem solid transparent;
  border-radius: 0.4857rem;
}

.alert-heading {
  color: inherit;
}

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

.alert-dismissible {
  padding-right: 3.97rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.9rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #3d74da;
  background: rgb(92.04, 138.24, 223.92) linear-gradient(180deg, rgb(82.734, 122.004, 197.382), rgb(92.04, 138.24, 223.92)) repeat-x;
  border-color: rgb(92.04, 138.24, 223.92);
}
.alert-primary hr {
  border-top-color: rgb(70.6244155844, 122.8958441558, 219.8355844156);
}
.alert-primary .alert-link {
  color: rgb(36.5194805195, 90.8051948052, 191.4805194805);
}

.alert-secondary {
  color: #00abf3;
  background: rgb(40.8, 184.44, 244.92) linear-gradient(180deg, rgb(39.18, 161.274, 215.232), rgb(40.8, 184.44, 244.92)) repeat-x;
  border-color: rgb(40.8, 184.44, 244.92);
}
.alert-secondary hr {
  border-top-color: rgb(16.4460674157, 176.4175280899, 243.7739325843);
}
.alert-secondary .alert-link {
  color: rgb(0, 135.1111111111, 192);
}

.alert-success {
  color: #77dc55;
  background: rgb(140.76, 225.6, 112.2) linear-gradient(180deg, rgb(124.146, 196.26, 102.42), rgb(140.76, 225.6, 112.2)) repeat-x;
  border-color: rgb(140.76, 225.6, 112.2);
}
.alert-success hr {
  border-top-color: rgb(123.8429268293, 221.2463414634, 91.0536585366);
}
.alert-success .alert-link {
  color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}

.alert-info {
  color: #00ddff;
  background: rgb(40.8, 226.44, 255) linear-gradient(180deg, rgb(39.18, 196.974, 223.8), rgb(40.8, 226.44, 255)) repeat-x;
  border-color: rgb(40.8, 226.44, 255);
}
.alert-info hr {
  border-top-color: rgb(15.3, 223.04, 255);
}
.alert-info .alert-link {
  color: rgb(0, 176.8, 204);
}

.alert-warning {
  color: #ffa78a;
  background: rgb(255, 181.08, 156.72) linear-gradient(180deg, rgb(221.25, 158.418, 140.262), rgb(255, 181.08, 156.72)) repeat-x;
  border-color: rgb(255, 181.08, 156.72);
}
.alert-warning hr {
  border-top-color: rgb(255, 161.9005128205, 131.22);
}
.alert-warning .alert-link {
  color: rgb(255, 128.641025641, 87);
}

.alert-danger {
  color: #d23737;
  background: rgb(217.2, 87, 87) linear-gradient(180deg, rgb(189.12, 78.45, 81), rgb(217.2, 87, 87)) repeat-x;
  border-color: rgb(217.2, 87, 87);
}
.alert-danger hr {
  border-top-color: rgb(212.5163265306, 66.1836734694, 66.1836734694);
}
.alert-danger .alert-link {
  color: rgb(174.693877551, 39.306122449, 39.306122449);
}

.alert-light {
  color: #adb5bd;
  background: rgb(186.12, 192.84, 199.56) linear-gradient(180deg, rgb(162.702, 168.414, 176.676), rgb(186.12, 192.84, 199.56)) repeat-x;
  border-color: rgb(186.12, 192.84, 199.56);
}
.alert-light hr {
  border-top-color: rgb(171.9916216216, 180.09, 188.1883783784);
}
.alert-light .alert-link {
  color: rgb(144.7432432432, 155.5, 166.2567567568);
}

.alert-dark {
  color: #212529;
  background: rgb(68.52, 71.88, 75.24) linear-gradient(180deg, rgb(62.742, 65.598, 71.004), rgb(68.52, 71.88, 75.24)) repeat-x;
  border-color: rgb(68.52, 71.88, 75.24);
}
.alert-dark hr {
  border-top-color: rgb(56.3659933222, 59.13, 61.8940066778);
}
.alert-dark .alert-link {
  color: rgb(10.2567567568, 11.5, 12.7432432432);
}

.alert-default {
  color: #d38080;
  background: rgb(218.04, 148.32, 148.32) linear-gradient(180deg, rgb(189.834, 130.572, 133.122), rgb(218.04, 148.32, 148.32)) repeat-x;
  border-color: rgb(218.04, 148.32, 148.32);
}
.alert-default hr {
  border-top-color: rgb(211.4785964912, 129.3814035088, 129.3814035088);
}
.alert-default .alert-link {
  color: rgb(197.8771929825, 90.1228070175, 90.1228070175);
}

.alert-white {
  color: white;
  background: white linear-gradient(180deg, rgb(221.25, 221.25, 223.8), white) repeat-x;
  border-color: white;
}
.alert-white hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-white .alert-link {
  color: rgb(229.5, 229.5, 229.5);
}

.alert-neutral {
  color: white;
  background: white linear-gradient(180deg, rgb(221.25, 221.25, 223.8), white) repeat-x;
  border-color: white;
}
.alert-neutral hr {
  border-top-color: rgb(242.25, 242.25, 242.25);
}
.alert-neutral .alert-link {
  color: rgb(229.5, 229.5, 229.5);
}

.alert-darker {
  color: hsl(210, 10.8108108108%, -0.4901960784%);
  background: rgb(39.8635135135, 39.75, 39.6364864865) linear-gradient(180deg, rgb(38.3839864865, 38.2875, 40.7410135135), rgb(39.8635135135, 39.75, 39.6364864865)) repeat-x;
  border-color: rgb(39.8635135135, 39.75, 39.6364864865);
}
.alert-darker hr {
  border-top-color: rgb(27.0771035186, 27, 26.9228964814);
}
.alert-darker .alert-link {
  color: hsl(210, 10.8108108108%, -10.4901960784%);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 0.5rem;
  overflow: hidden;
  font-size: 0.735rem;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 1.575rem;
  box-shadow: 0px 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background-color: #3D74DA;
  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.5rem 0.5rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@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;
}

.list-group-item-action {
  width: 100%;
  color: #525f7f;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #525f7f;
  text-decoration: none;
  background-color: #f6f9fc;
}
.list-group-item-action:active {
  color: #525f7f;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 1rem 1rem;
  margin-bottom: -0.0625rem;
  background-color: #ffffff;
  border: 0.0625rem solid #e9ecef;
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #ffffff;
}
.list-group-item.active {
  z-index: 2;
  color: #ffffff;
  background-color: #3D74DA;
  border-color: #3D74DA;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item {
  margin-right: -0.0625rem;
  margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

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

.list-group-item-primary {
  color: rgb(48.04, 80.48, 145.04);
  background-color: rgb(200.68, 216.08, 244.64);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(48.04, 80.48, 145.04);
  background-color: rgb(179.2644155844, 200.7358441558, 240.5555844156);
}
.list-group-item-primary.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(48.04, 80.48, 145.04);
  border-color: rgb(48.04, 80.48, 145.04);
}

.list-group-item-secondary {
  color: rgb(16.32, 109.08, 158.04);
  background-color: rgb(183.6, 231.48, 251.64);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(16.32, 109.08, 158.04);
  background-color: rgb(159.2460674157, 223.4575280899, 250.4939325843);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(16.32, 109.08, 158.04);
  border-color: rgb(16.32, 109.08, 158.04);
}

.list-group-item-success {
  color: rgb(78.2, 134.56, 75.88);
  background-color: rgb(216.92, 245.2, 207.4);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(78.2, 134.56, 75.88);
  background-color: rgb(200.0029268293, 240.8463414634, 186.2536585366);
}
.list-group-item-success.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(78.2, 134.56, 75.88);
  border-color: rgb(78.2, 134.56, 75.88);
}

.list-group-item-info {
  color: rgb(16.32, 135.08, 164.28);
  background-color: rgb(183.6, 245.48, 255);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(16.32, 135.08, 164.28);
  background-color: rgb(158.1, 242.08, 255);
}
.list-group-item-info.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(16.32, 135.08, 164.28);
  border-color: rgb(16.32, 135.08, 164.28);
}

.list-group-item-warning {
  color: rgb(148.92, 107, 103.44);
  background-color: rgb(255, 230.36, 222.24);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(148.92, 107, 103.44);
  background-color: rgb(255, 211.1805128205, 196.74);
}
.list-group-item-warning.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(148.92, 107, 103.44);
  border-color: rgb(148.92, 107, 103.44);
}

.list-group-item-danger {
  color: rgb(125.52, 48.76, 60.28);
  background-color: rgb(242.4, 199, 199);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(125.52, 48.76, 60.28);
  background-color: rgb(237.7163265306, 178.1836734694, 178.1836734694);
}
.list-group-item-danger.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(125.52, 48.76, 60.28);
  border-color: rgb(125.52, 48.76, 60.28);
}

.list-group-item-light {
  color: rgb(106.28, 114.28, 129.96);
  background-color: rgb(232.04, 234.28, 236.52);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(106.28, 114.28, 129.96);
  background-color: rgb(217.9116216216, 221.53, 225.1483783784);
}
.list-group-item-light.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(106.28, 114.28, 129.96);
  border-color: rgb(106.28, 114.28, 129.96);
}

.list-group-item-dark {
  color: rgb(33.48, 39.4, 53);
  background-color: rgb(192.84, 193.96, 195.08);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(33.48, 39.4, 53);
  background-color: rgb(179.8560550459, 181.21, 182.5639449541);
}
.list-group-item-dark.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(33.48, 39.4, 53);
  border-color: rgb(33.48, 39.4, 53);
}

.list-group-item-default {
  color: rgb(126.04, 86.72, 98.24);
  background-color: rgb(242.68, 219.44, 219.44);
}
.list-group-item-default.list-group-item-action:hover, .list-group-item-default.list-group-item-action:focus {
  color: rgb(126.04, 86.72, 98.24);
  background-color: rgb(236.1185964912, 200.5014035088, 200.5014035088);
}
.list-group-item-default.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(126.04, 86.72, 98.24);
  border-color: rgb(126.04, 86.72, 98.24);
}

.list-group-item-white {
  color: rgb(148.92, 152.76, 164.28);
  background-color: white;
}
.list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus {
  color: rgb(148.92, 152.76, 164.28);
  background-color: rgb(242.25, 242.25, 242.25);
}
.list-group-item-white.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(148.92, 152.76, 164.28);
  border-color: rgb(148.92, 152.76, 164.28);
}

.list-group-item-neutral {
  color: rgb(148.92, 152.76, 164.28);
  background-color: white;
}
.list-group-item-neutral.list-group-item-action:hover, .list-group-item-neutral.list-group-item-action:focus {
  color: rgb(148.92, 152.76, 164.28);
  background-color: rgb(242.25, 242.25, 242.25);
}
.list-group-item-neutral.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(148.92, 152.76, 164.28);
  border-color: rgb(148.92, 152.76, 164.28);
}

.list-group-item-darker {
  color: rgb(15.7402702703, 19.51, 30.9597297297);
  background-color: rgb(183.2878378378, 183.25, 183.2121621622);
}
.list-group-item-darker.list-group-item-action:hover, .list-group-item-darker.list-group-item-action:focus {
  color: rgb(15.7402702703, 19.51, 30.9597297297);
  background-color: rgb(170.5445616348, 170.5, 170.4554383652);
}
.list-group-item-darker.list-group-item-action.active {
  color: #ffffff;
  background-color: rgb(15.7402702703, 19.51, 30.9597297297);
  border-color: rgb(15.7402702703, 19.51, 30.9597297297);
}

.close {
  float: right;
  font-size: 1.47rem;
  font-weight: 600;
  line-height: 1;
  color: rgba(0, 0, 0, 0.6);
  text-shadow: none;
  opacity: 0.5;
}
.close:hover {
  color: rgba(0, 0, 0, 0.6);
  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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

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

.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;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.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);
  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: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(34, 42, 66, 0.2);
  border-radius: 0.4857rem;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.5);
  outline: 0;
}

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

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 0 24px;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.4857rem;
  border-top-right-radius: 0.4857rem;
}
.modal-header .close {
  padding: 24px 24px 0 24px;
  margin: -1rem -1rem -1rem auto;
}

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

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 24px 24px 16px 24px;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 24px 24px 16px 24px;
  border-top: 1px solid #e9ecef;
  border-bottom-right-radius: 0.4857rem;
  border-bottom-left-radius: 0.4857rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 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);
  }
  .modal-content {
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17);
  }
  .modal-sm {
    max-width: 380px;
  }
}
@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: 1070;
  display: block;
  margin: 0;
  font-family: "Mercurium", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.8400000028rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.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: #ffffff;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #222a42;
  text-align: center;
  background-color: #ffffff;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: "Mercurium", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.8400000028rem;
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgba(34, 42, 66, 0.05);
  border-radius: 0.8285rem;
  box-shadow: 0px 0.5rem 2rem 0px rgba(34, 42, 66, 0.2);
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1.5rem;
  height: 0.75rem;
  margin: 0 0.8285rem;
}
.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.75rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc((0.75rem + 1px) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.75rem 0.75rem 0;
  border-top-color: transparent;
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.75rem 0.75rem 0;
  border-top-color: #ffffff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.75rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc((0.75rem + 1px) * -1);
  width: 0.75rem;
  height: 1.5rem;
  margin: 0.8285rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.75rem 0.75rem 0.75rem 0;
  border-right-color: transparent;
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.75rem 0.75rem 0.75rem 0;
  border-right-color: #ffffff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.75rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc((0.75rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.75rem 0.75rem 0.75rem;
  border-bottom-color: transparent;
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.75rem 0.75rem 0.75rem;
  border-bottom-color: #ffffff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1.5rem;
  margin-left: -0.75rem;
  content: "";
  border-bottom: 1px solid #ffffff;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.75rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc((0.75rem + 1px) * -1);
  width: 0.75rem;
  height: 1.5rem;
  margin: 0.8285rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.75rem 0 0.75rem 0.75rem;
  border-left-color: transparent;
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.75rem 0 0.75rem 0.75rem;
  border-left-color: #ffffff;
}

.popover-header {
  padding: 0.75rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.98rem;
  color: #32325d;
  background-color: #ffffff;
  border-bottom: 1px solid rgb(242.25, 242.25, 242.25);
  border-top-left-radius: calc(0.8285rem - 1px);
  border-top-right-radius: calc(0.8285rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.75rem 0.75rem;
  color: #525f7f;
}

.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: 0s 0.6s opacity;
}
@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%;
  color: #ffffff;
  text-align: center;
  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: #ffffff;
  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: no-repeat 50%/100% 100%;
}

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

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-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: #ffffff;
  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: #ffffff;
  text-align: center;
}

.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: #3D74DA !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(36.5194805195, 90.8051948052, 191.4805194805) !important;
}

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

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(0, 135.1111111111, 192) !important;
}

.bg-success {
  background-color: #77dc55 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585) !important;
}

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

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

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: rgb(255, 128.641025641, 87) !important;
}

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(174.693877551, 39.306122449, 39.306122449) !important;
}

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(144.7432432432, 155.5, 166.2567567568) !important;
}

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

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

.bg-default {
  background-color: #d38080 !important;
}

a.bg-default:hover, a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
  background-color: rgb(197.8771929825, 90.1228070175, 90.1228070175) !important;
}

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

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-neutral {
  background-color: #ffffff !important;
}

a.bg-neutral:hover, a.bg-neutral:focus,
button.bg-neutral:hover,
button.bg-neutral:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-darker {
  background-color: hsl(210, 10.8108108108%, -0.4901960784%) !important;
}

a.bg-darker:hover, a.bg-darker:focus,
button.bg-darker:hover,
button.bg-darker:focus {
  background-color: hsl(210, 10.8108108108%, -10.4901960784%) !important;
}

.bg-gradient-primary {
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x !important;
}

.bg-gradient-secondary {
  background: #00ABF3 linear-gradient(180deg, rgb(4.5, 149.85, 213.6), #00ABF3) repeat-x !important;
}

.bg-gradient-success {
  background: #77dc55 linear-gradient(180deg, rgb(105.65, 191.5, 79.3), #77dc55) repeat-x !important;
}

.bg-gradient-info {
  background: #00DDFF linear-gradient(180deg, rgb(4.5, 192.35, 223.8), #00DDFF) repeat-x !important;
}

.bg-gradient-warning {
  background: #FFA78A linear-gradient(180deg, rgb(221.25, 146.45, 124.35), #FFA78A) repeat-x !important;
}

.bg-gradient-danger {
  background: #D23737 linear-gradient(180deg, rgb(183, 51.25, 53.8), #D23737) repeat-x !important;
}

.bg-gradient-light {
  background: #adb5bd linear-gradient(180deg, rgb(151.55, 158.35, 167.7), #adb5bd) repeat-x !important;
}

.bg-gradient-dark {
  background: #212529 linear-gradient(180deg, rgb(32.55, 35.95, 41.9), #212529) repeat-x !important;
}

.bg-gradient-default {
  background: #d38080 linear-gradient(180deg, rgb(183.85, 113.3, 115.85), #d38080) repeat-x !important;
}

.bg-gradient-white {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-neutral {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-darker {
  background: hsl(210, 10.8108108108%, -0.4901960784%) linear-gradient(180deg, rgb(3.5523648649, 3.4375, 5.8726351351), hsl(210, 10.8108108108%, -0.4901960784%)) repeat-x !important;
}

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

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

.border {
  border: 0.0625rem solid #e9ecef !important;
}

.border-top {
  border-top: 0.0625rem solid #e9ecef !important;
}

.border-right {
  border-right: 0.0625rem solid #e9ecef !important;
}

.border-bottom {
  border-bottom: 0.0625rem solid #e9ecef !important;
}

.border-left {
  border-left: 0.0625rem solid #e9ecef !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: #3D74DA !important;
}

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

.border-success {
  border-color: #77dc55 !important;
}

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

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

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

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

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

.border-default {
  border-color: #d38080 !important;
}

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

.border-neutral {
  border-color: #ffffff !important;
}

.border-darker {
  border-color: hsl(210, 10.8108108108%, -0.4901960784%) !important;
}

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

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

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

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

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

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

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

.rounded-lg {
  border-radius: 0.8285rem !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.8571428571%;
}

.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;
  }
}
.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;
  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, 42, 66, 0.075) !important;
}

.shadow {
  box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(34, 42, 66, 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;
}

.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);
}

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

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

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

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

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

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

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

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

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

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

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

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

.me-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

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

.ms-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

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

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

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

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

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

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

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

.me-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

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

.ms-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

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

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

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

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

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

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

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

.me-sm,
.mx-sm {
  margin-right: 2rem !important;
}

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

.ms-sm,
.mx-sm {
  margin-left: 2rem !important;
}

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

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

.me-md,
.mx-md {
  margin-right: 4rem !important;
}

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

.ms-md,
.mx-md {
  margin-left: 4rem !important;
}

.m-lg {
  margin: 6rem !important;
}

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

.me-lg,
.mx-lg {
  margin-right: 6rem !important;
}

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

.ms-lg,
.mx-lg {
  margin-left: 6rem !important;
}

.m-xl {
  margin: 8rem !important;
}

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

.me-xl,
.mx-xl {
  margin-right: 8rem !important;
}

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

.ms-xl,
.mx-xl {
  margin-left: 8rem !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

.pe-2,
.px-2 {
  padding-right: 0.5rem !important;
}

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

.ps-2,
.px-2 {
  padding-left: 0.5rem !important;
}

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

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

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

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

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

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

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

.pe-4,
.px-4 {
  padding-right: 1.5rem !important;
}

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

.ps-4,
.px-4 {
  padding-left: 1.5rem !important;
}

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

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

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

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

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

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

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

.pe-sm,
.px-sm {
  padding-right: 2rem !important;
}

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

.ps-sm,
.px-sm {
  padding-left: 2rem !important;
}

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

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

.pe-md,
.px-md {
  padding-right: 4rem !important;
}

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

.ps-md,
.px-md {
  padding-left: 4rem !important;
}

.p-lg {
  padding: 6rem !important;
}

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

.pe-lg,
.px-lg {
  padding-right: 6rem !important;
}

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

.ps-lg,
.px-lg {
  padding-left: 6rem !important;
}

.p-xl {
  padding: 8rem !important;
}

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

.pe-xl,
.px-xl {
  padding-right: 8rem !important;
}

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

.ps-xl,
.px-xl {
  padding-left: 8rem !important;
}

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

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

.me-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

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

.ms-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

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

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

.me-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

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

.ms-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

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

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

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

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

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

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

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

.me-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

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

.ms-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

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

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

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

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

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

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

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

.me-nsm,
.mx-nsm {
  margin-right: -2rem !important;
}

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

.ms-nsm,
.mx-nsm {
  margin-left: -2rem !important;
}

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

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

.me-nmd,
.mx-nmd {
  margin-right: -4rem !important;
}

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

.ms-nmd,
.mx-nmd {
  margin-left: -4rem !important;
}

.m-nlg {
  margin: -6rem !important;
}

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

.me-nlg,
.mx-nlg {
  margin-right: -6rem !important;
}

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

.ms-nlg,
.mx-nlg {
  margin-left: -6rem !important;
}

.m-nxl {
  margin: -8rem !important;
}

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

.me-nxl,
.mx-nxl {
  margin-right: -8rem !important;
}

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

.ms-nxl,
.mx-nxl {
  margin-left: -8rem !important;
}

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

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

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

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

.ms-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;
  }
  .me-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ms-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .me-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .me-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .me-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ms-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .me-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .me-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ms-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .m-sm-sm {
    margin: 2rem !important;
  }
  .mt-sm-sm,
  .my-sm-sm {
    margin-top: 2rem !important;
  }
  .me-sm-sm,
  .mx-sm-sm {
    margin-right: 2rem !important;
  }
  .mb-sm-sm,
  .my-sm-sm {
    margin-bottom: 2rem !important;
  }
  .ms-sm-sm,
  .mx-sm-sm {
    margin-left: 2rem !important;
  }
  .m-sm-md {
    margin: 4rem !important;
  }
  .mt-sm-md,
  .my-sm-md {
    margin-top: 4rem !important;
  }
  .me-sm-md,
  .mx-sm-md {
    margin-right: 4rem !important;
  }
  .mb-sm-md,
  .my-sm-md {
    margin-bottom: 4rem !important;
  }
  .ms-sm-md,
  .mx-sm-md {
    margin-left: 4rem !important;
  }
  .m-sm-lg {
    margin: 6rem !important;
  }
  .mt-sm-lg,
  .my-sm-lg {
    margin-top: 6rem !important;
  }
  .me-sm-lg,
  .mx-sm-lg {
    margin-right: 6rem !important;
  }
  .mb-sm-lg,
  .my-sm-lg {
    margin-bottom: 6rem !important;
  }
  .ms-sm-lg,
  .mx-sm-lg {
    margin-left: 6rem !important;
  }
  .m-sm-xl {
    margin: 8rem !important;
  }
  .mt-sm-xl,
  .my-sm-xl {
    margin-top: 8rem !important;
  }
  .me-sm-xl,
  .mx-sm-xl {
    margin-right: 8rem !important;
  }
  .mb-sm-xl,
  .my-sm-xl {
    margin-bottom: 8rem !important;
  }
  .ms-sm-xl,
  .mx-sm-xl {
    margin-left: 8rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pe-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .ps-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pe-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pe-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pe-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .ps-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pe-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .p-sm-sm {
    padding: 2rem !important;
  }
  .pt-sm-sm,
  .py-sm-sm {
    padding-top: 2rem !important;
  }
  .pe-sm-sm,
  .px-sm-sm {
    padding-right: 2rem !important;
  }
  .pb-sm-sm,
  .py-sm-sm {
    padding-bottom: 2rem !important;
  }
  .ps-sm-sm,
  .px-sm-sm {
    padding-left: 2rem !important;
  }
  .p-sm-md {
    padding: 4rem !important;
  }
  .pt-sm-md,
  .py-sm-md {
    padding-top: 4rem !important;
  }
  .pe-sm-md,
  .px-sm-md {
    padding-right: 4rem !important;
  }
  .pb-sm-md,
  .py-sm-md {
    padding-bottom: 4rem !important;
  }
  .ps-sm-md,
  .px-sm-md {
    padding-left: 4rem !important;
  }
  .p-sm-lg {
    padding: 6rem !important;
  }
  .pt-sm-lg,
  .py-sm-lg {
    padding-top: 6rem !important;
  }
  .pe-sm-lg,
  .px-sm-lg {
    padding-right: 6rem !important;
  }
  .pb-sm-lg,
  .py-sm-lg {
    padding-bottom: 6rem !important;
  }
  .ps-sm-lg,
  .px-sm-lg {
    padding-left: 6rem !important;
  }
  .p-sm-xl {
    padding: 8rem !important;
  }
  .pt-sm-xl,
  .py-sm-xl {
    padding-top: 8rem !important;
  }
  .pe-sm-xl,
  .px-sm-xl {
    padding-right: 8rem !important;
  }
  .pb-sm-xl,
  .py-sm-xl {
    padding-bottom: 8rem !important;
  }
  .ps-sm-xl,
  .px-sm-xl {
    padding-left: 8rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .me-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .me-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .me-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .me-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .me-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-nsm {
    margin: -2rem !important;
  }
  .mt-sm-nsm,
  .my-sm-nsm {
    margin-top: -2rem !important;
  }
  .me-sm-nsm,
  .mx-sm-nsm {
    margin-right: -2rem !important;
  }
  .mb-sm-nsm,
  .my-sm-nsm {
    margin-bottom: -2rem !important;
  }
  .ms-sm-nsm,
  .mx-sm-nsm {
    margin-left: -2rem !important;
  }
  .m-sm-nmd {
    margin: -4rem !important;
  }
  .mt-sm-nmd,
  .my-sm-nmd {
    margin-top: -4rem !important;
  }
  .me-sm-nmd,
  .mx-sm-nmd {
    margin-right: -4rem !important;
  }
  .mb-sm-nmd,
  .my-sm-nmd {
    margin-bottom: -4rem !important;
  }
  .ms-sm-nmd,
  .mx-sm-nmd {
    margin-left: -4rem !important;
  }
  .m-sm-nlg {
    margin: -6rem !important;
  }
  .mt-sm-nlg,
  .my-sm-nlg {
    margin-top: -6rem !important;
  }
  .me-sm-nlg,
  .mx-sm-nlg {
    margin-right: -6rem !important;
  }
  .mb-sm-nlg,
  .my-sm-nlg {
    margin-bottom: -6rem !important;
  }
  .ms-sm-nlg,
  .mx-sm-nlg {
    margin-left: -6rem !important;
  }
  .m-sm-nxl {
    margin: -8rem !important;
  }
  .mt-sm-nxl,
  .my-sm-nxl {
    margin-top: -8rem !important;
  }
  .me-sm-nxl,
  .mx-sm-nxl {
    margin-right: -8rem !important;
  }
  .mb-sm-nxl,
  .my-sm-nxl {
    margin-bottom: -8rem !important;
  }
  .ms-sm-nxl,
  .mx-sm-nxl {
    margin-left: -8rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-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;
  }
  .me-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ms-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .me-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .me-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .me-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ms-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .me-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .me-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ms-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .m-md-sm {
    margin: 2rem !important;
  }
  .mt-md-sm,
  .my-md-sm {
    margin-top: 2rem !important;
  }
  .me-md-sm,
  .mx-md-sm {
    margin-right: 2rem !important;
  }
  .mb-md-sm,
  .my-md-sm {
    margin-bottom: 2rem !important;
  }
  .ms-md-sm,
  .mx-md-sm {
    margin-left: 2rem !important;
  }
  .m-md-md {
    margin: 4rem !important;
  }
  .mt-md-md,
  .my-md-md {
    margin-top: 4rem !important;
  }
  .me-md-md,
  .mx-md-md {
    margin-right: 4rem !important;
  }
  .mb-md-md,
  .my-md-md {
    margin-bottom: 4rem !important;
  }
  .ms-md-md,
  .mx-md-md {
    margin-left: 4rem !important;
  }
  .m-md-lg {
    margin: 6rem !important;
  }
  .mt-md-lg,
  .my-md-lg {
    margin-top: 6rem !important;
  }
  .me-md-lg,
  .mx-md-lg {
    margin-right: 6rem !important;
  }
  .mb-md-lg,
  .my-md-lg {
    margin-bottom: 6rem !important;
  }
  .ms-md-lg,
  .mx-md-lg {
    margin-left: 6rem !important;
  }
  .m-md-xl {
    margin: 8rem !important;
  }
  .mt-md-xl,
  .my-md-xl {
    margin-top: 8rem !important;
  }
  .me-md-xl,
  .mx-md-xl {
    margin-right: 8rem !important;
  }
  .mb-md-xl,
  .my-md-xl {
    margin-bottom: 8rem !important;
  }
  .ms-md-xl,
  .mx-md-xl {
    margin-left: 8rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pe-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .ps-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pe-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pe-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pe-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .ps-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pe-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .p-md-sm {
    padding: 2rem !important;
  }
  .pt-md-sm,
  .py-md-sm {
    padding-top: 2rem !important;
  }
  .pe-md-sm,
  .px-md-sm {
    padding-right: 2rem !important;
  }
  .pb-md-sm,
  .py-md-sm {
    padding-bottom: 2rem !important;
  }
  .ps-md-sm,
  .px-md-sm {
    padding-left: 2rem !important;
  }
  .p-md-md {
    padding: 4rem !important;
  }
  .pt-md-md,
  .py-md-md {
    padding-top: 4rem !important;
  }
  .pe-md-md,
  .px-md-md {
    padding-right: 4rem !important;
  }
  .pb-md-md,
  .py-md-md {
    padding-bottom: 4rem !important;
  }
  .ps-md-md,
  .px-md-md {
    padding-left: 4rem !important;
  }
  .p-md-lg {
    padding: 6rem !important;
  }
  .pt-md-lg,
  .py-md-lg {
    padding-top: 6rem !important;
  }
  .pe-md-lg,
  .px-md-lg {
    padding-right: 6rem !important;
  }
  .pb-md-lg,
  .py-md-lg {
    padding-bottom: 6rem !important;
  }
  .ps-md-lg,
  .px-md-lg {
    padding-left: 6rem !important;
  }
  .p-md-xl {
    padding: 8rem !important;
  }
  .pt-md-xl,
  .py-md-xl {
    padding-top: 8rem !important;
  }
  .pe-md-xl,
  .px-md-xl {
    padding-right: 8rem !important;
  }
  .pb-md-xl,
  .py-md-xl {
    padding-bottom: 8rem !important;
  }
  .ps-md-xl,
  .px-md-xl {
    padding-left: 8rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .me-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .me-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .me-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .me-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .me-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-nsm {
    margin: -2rem !important;
  }
  .mt-md-nsm,
  .my-md-nsm {
    margin-top: -2rem !important;
  }
  .me-md-nsm,
  .mx-md-nsm {
    margin-right: -2rem !important;
  }
  .mb-md-nsm,
  .my-md-nsm {
    margin-bottom: -2rem !important;
  }
  .ms-md-nsm,
  .mx-md-nsm {
    margin-left: -2rem !important;
  }
  .m-md-nmd {
    margin: -4rem !important;
  }
  .mt-md-nmd,
  .my-md-nmd {
    margin-top: -4rem !important;
  }
  .me-md-nmd,
  .mx-md-nmd {
    margin-right: -4rem !important;
  }
  .mb-md-nmd,
  .my-md-nmd {
    margin-bottom: -4rem !important;
  }
  .ms-md-nmd,
  .mx-md-nmd {
    margin-left: -4rem !important;
  }
  .m-md-nlg {
    margin: -6rem !important;
  }
  .mt-md-nlg,
  .my-md-nlg {
    margin-top: -6rem !important;
  }
  .me-md-nlg,
  .mx-md-nlg {
    margin-right: -6rem !important;
  }
  .mb-md-nlg,
  .my-md-nlg {
    margin-bottom: -6rem !important;
  }
  .ms-md-nlg,
  .mx-md-nlg {
    margin-left: -6rem !important;
  }
  .m-md-nxl {
    margin: -8rem !important;
  }
  .mt-md-nxl,
  .my-md-nxl {
    margin-top: -8rem !important;
  }
  .me-md-nxl,
  .mx-md-nxl {
    margin-right: -8rem !important;
  }
  .mb-md-nxl,
  .my-md-nxl {
    margin-bottom: -8rem !important;
  }
  .ms-md-nxl,
  .mx-md-nxl {
    margin-left: -8rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .me-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ms-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;
  }
  .me-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ms-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .me-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .me-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .me-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ms-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .me-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .me-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ms-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .m-lg-sm {
    margin: 2rem !important;
  }
  .mt-lg-sm,
  .my-lg-sm {
    margin-top: 2rem !important;
  }
  .me-lg-sm,
  .mx-lg-sm {
    margin-right: 2rem !important;
  }
  .mb-lg-sm,
  .my-lg-sm {
    margin-bottom: 2rem !important;
  }
  .ms-lg-sm,
  .mx-lg-sm {
    margin-left: 2rem !important;
  }
  .m-lg-md {
    margin: 4rem !important;
  }
  .mt-lg-md,
  .my-lg-md {
    margin-top: 4rem !important;
  }
  .me-lg-md,
  .mx-lg-md {
    margin-right: 4rem !important;
  }
  .mb-lg-md,
  .my-lg-md {
    margin-bottom: 4rem !important;
  }
  .ms-lg-md,
  .mx-lg-md {
    margin-left: 4rem !important;
  }
  .m-lg-lg {
    margin: 6rem !important;
  }
  .mt-lg-lg,
  .my-lg-lg {
    margin-top: 6rem !important;
  }
  .me-lg-lg,
  .mx-lg-lg {
    margin-right: 6rem !important;
  }
  .mb-lg-lg,
  .my-lg-lg {
    margin-bottom: 6rem !important;
  }
  .ms-lg-lg,
  .mx-lg-lg {
    margin-left: 6rem !important;
  }
  .m-lg-xl {
    margin: 8rem !important;
  }
  .mt-lg-xl,
  .my-lg-xl {
    margin-top: 8rem !important;
  }
  .me-lg-xl,
  .mx-lg-xl {
    margin-right: 8rem !important;
  }
  .mb-lg-xl,
  .my-lg-xl {
    margin-bottom: 8rem !important;
  }
  .ms-lg-xl,
  .mx-lg-xl {
    margin-left: 8rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pe-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .ps-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pe-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pe-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pe-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .ps-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pe-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .p-lg-sm {
    padding: 2rem !important;
  }
  .pt-lg-sm,
  .py-lg-sm {
    padding-top: 2rem !important;
  }
  .pe-lg-sm,
  .px-lg-sm {
    padding-right: 2rem !important;
  }
  .pb-lg-sm,
  .py-lg-sm {
    padding-bottom: 2rem !important;
  }
  .ps-lg-sm,
  .px-lg-sm {
    padding-left: 2rem !important;
  }
  .p-lg-md {
    padding: 4rem !important;
  }
  .pt-lg-md,
  .py-lg-md {
    padding-top: 4rem !important;
  }
  .pe-lg-md,
  .px-lg-md {
    padding-right: 4rem !important;
  }
  .pb-lg-md,
  .py-lg-md {
    padding-bottom: 4rem !important;
  }
  .ps-lg-md,
  .px-lg-md {
    padding-left: 4rem !important;
  }
  .p-lg-lg {
    padding: 6rem !important;
  }
  .pt-lg-lg,
  .py-lg-lg {
    padding-top: 6rem !important;
  }
  .pe-lg-lg,
  .px-lg-lg {
    padding-right: 6rem !important;
  }
  .pb-lg-lg,
  .py-lg-lg {
    padding-bottom: 6rem !important;
  }
  .ps-lg-lg,
  .px-lg-lg {
    padding-left: 6rem !important;
  }
  .p-lg-xl {
    padding: 8rem !important;
  }
  .pt-lg-xl,
  .py-lg-xl {
    padding-top: 8rem !important;
  }
  .pe-lg-xl,
  .px-lg-xl {
    padding-right: 8rem !important;
  }
  .pb-lg-xl,
  .py-lg-xl {
    padding-bottom: 8rem !important;
  }
  .ps-lg-xl,
  .px-lg-xl {
    padding-left: 8rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .me-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .me-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .me-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .me-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .me-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-nsm {
    margin: -2rem !important;
  }
  .mt-lg-nsm,
  .my-lg-nsm {
    margin-top: -2rem !important;
  }
  .me-lg-nsm,
  .mx-lg-nsm {
    margin-right: -2rem !important;
  }
  .mb-lg-nsm,
  .my-lg-nsm {
    margin-bottom: -2rem !important;
  }
  .ms-lg-nsm,
  .mx-lg-nsm {
    margin-left: -2rem !important;
  }
  .m-lg-nmd {
    margin: -4rem !important;
  }
  .mt-lg-nmd,
  .my-lg-nmd {
    margin-top: -4rem !important;
  }
  .me-lg-nmd,
  .mx-lg-nmd {
    margin-right: -4rem !important;
  }
  .mb-lg-nmd,
  .my-lg-nmd {
    margin-bottom: -4rem !important;
  }
  .ms-lg-nmd,
  .mx-lg-nmd {
    margin-left: -4rem !important;
  }
  .m-lg-nlg {
    margin: -6rem !important;
  }
  .mt-lg-nlg,
  .my-lg-nlg {
    margin-top: -6rem !important;
  }
  .me-lg-nlg,
  .mx-lg-nlg {
    margin-right: -6rem !important;
  }
  .mb-lg-nlg,
  .my-lg-nlg {
    margin-bottom: -6rem !important;
  }
  .ms-lg-nlg,
  .mx-lg-nlg {
    margin-left: -6rem !important;
  }
  .m-lg-nxl {
    margin: -8rem !important;
  }
  .mt-lg-nxl,
  .my-lg-nxl {
    margin-top: -8rem !important;
  }
  .me-lg-nxl,
  .mx-lg-nxl {
    margin-right: -8rem !important;
  }
  .mb-lg-nxl,
  .my-lg-nxl {
    margin-bottom: -8rem !important;
  }
  .ms-lg-nxl,
  .mx-lg-nxl {
    margin-left: -8rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-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;
  }
  .me-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ms-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .me-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ms-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .me-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ms-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .me-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ms-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .me-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ms-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .me-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ms-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .m-xl-sm {
    margin: 2rem !important;
  }
  .mt-xl-sm,
  .my-xl-sm {
    margin-top: 2rem !important;
  }
  .me-xl-sm,
  .mx-xl-sm {
    margin-right: 2rem !important;
  }
  .mb-xl-sm,
  .my-xl-sm {
    margin-bottom: 2rem !important;
  }
  .ms-xl-sm,
  .mx-xl-sm {
    margin-left: 2rem !important;
  }
  .m-xl-md {
    margin: 4rem !important;
  }
  .mt-xl-md,
  .my-xl-md {
    margin-top: 4rem !important;
  }
  .me-xl-md,
  .mx-xl-md {
    margin-right: 4rem !important;
  }
  .mb-xl-md,
  .my-xl-md {
    margin-bottom: 4rem !important;
  }
  .ms-xl-md,
  .mx-xl-md {
    margin-left: 4rem !important;
  }
  .m-xl-lg {
    margin: 6rem !important;
  }
  .mt-xl-lg,
  .my-xl-lg {
    margin-top: 6rem !important;
  }
  .me-xl-lg,
  .mx-xl-lg {
    margin-right: 6rem !important;
  }
  .mb-xl-lg,
  .my-xl-lg {
    margin-bottom: 6rem !important;
  }
  .ms-xl-lg,
  .mx-xl-lg {
    margin-left: 6rem !important;
  }
  .m-xl-xl {
    margin: 8rem !important;
  }
  .mt-xl-xl,
  .my-xl-xl {
    margin-top: 8rem !important;
  }
  .me-xl-xl,
  .mx-xl-xl {
    margin-right: 8rem !important;
  }
  .mb-xl-xl,
  .my-xl-xl {
    margin-bottom: 8rem !important;
  }
  .ms-xl-xl,
  .mx-xl-xl {
    margin-left: 8rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pe-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .ps-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pe-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .ps-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pe-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .ps-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pe-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .ps-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pe-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .ps-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .p-xl-sm {
    padding: 2rem !important;
  }
  .pt-xl-sm,
  .py-xl-sm {
    padding-top: 2rem !important;
  }
  .pe-xl-sm,
  .px-xl-sm {
    padding-right: 2rem !important;
  }
  .pb-xl-sm,
  .py-xl-sm {
    padding-bottom: 2rem !important;
  }
  .ps-xl-sm,
  .px-xl-sm {
    padding-left: 2rem !important;
  }
  .p-xl-md {
    padding: 4rem !important;
  }
  .pt-xl-md,
  .py-xl-md {
    padding-top: 4rem !important;
  }
  .pe-xl-md,
  .px-xl-md {
    padding-right: 4rem !important;
  }
  .pb-xl-md,
  .py-xl-md {
    padding-bottom: 4rem !important;
  }
  .ps-xl-md,
  .px-xl-md {
    padding-left: 4rem !important;
  }
  .p-xl-lg {
    padding: 6rem !important;
  }
  .pt-xl-lg,
  .py-xl-lg {
    padding-top: 6rem !important;
  }
  .pe-xl-lg,
  .px-xl-lg {
    padding-right: 6rem !important;
  }
  .pb-xl-lg,
  .py-xl-lg {
    padding-bottom: 6rem !important;
  }
  .ps-xl-lg,
  .px-xl-lg {
    padding-left: 6rem !important;
  }
  .p-xl-xl {
    padding: 8rem !important;
  }
  .pt-xl-xl,
  .py-xl-xl {
    padding-top: 8rem !important;
  }
  .pe-xl-xl,
  .px-xl-xl {
    padding-right: 8rem !important;
  }
  .pb-xl-xl,
  .py-xl-xl {
    padding-bottom: 8rem !important;
  }
  .ps-xl-xl,
  .px-xl-xl {
    padding-left: 8rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .me-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ms-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .me-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ms-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .me-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ms-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .me-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ms-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .me-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ms-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-nsm {
    margin: -2rem !important;
  }
  .mt-xl-nsm,
  .my-xl-nsm {
    margin-top: -2rem !important;
  }
  .me-xl-nsm,
  .mx-xl-nsm {
    margin-right: -2rem !important;
  }
  .mb-xl-nsm,
  .my-xl-nsm {
    margin-bottom: -2rem !important;
  }
  .ms-xl-nsm,
  .mx-xl-nsm {
    margin-left: -2rem !important;
  }
  .m-xl-nmd {
    margin: -4rem !important;
  }
  .mt-xl-nmd,
  .my-xl-nmd {
    margin-top: -4rem !important;
  }
  .me-xl-nmd,
  .mx-xl-nmd {
    margin-right: -4rem !important;
  }
  .mb-xl-nmd,
  .my-xl-nmd {
    margin-bottom: -4rem !important;
  }
  .ms-xl-nmd,
  .mx-xl-nmd {
    margin-left: -4rem !important;
  }
  .m-xl-nlg {
    margin: -6rem !important;
  }
  .mt-xl-nlg,
  .my-xl-nlg {
    margin-top: -6rem !important;
  }
  .me-xl-nlg,
  .mx-xl-nlg {
    margin-right: -6rem !important;
  }
  .mb-xl-nlg,
  .my-xl-nlg {
    margin-bottom: -6rem !important;
  }
  .ms-xl-nlg,
  .mx-xl-nlg {
    margin-left: -6rem !important;
  }
  .m-xl-nxl {
    margin: -8rem !important;
  }
  .mt-xl-nxl,
  .my-xl-nxl {
    margin-top: -8rem !important;
  }
  .me-xl-nxl,
  .mx-xl-nxl {
    margin-right: -8rem !important;
  }
  .mb-xl-nxl,
  .my-xl-nxl {
    margin-bottom: -8rem !important;
  }
  .ms-xl-nxl,
  .mx-xl-nxl {
    margin-left: -8rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !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: 600 !important;
}

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

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

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

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

a.text-primary:hover, a.text-primary:focus {
  color: rgb(32.4350649351, 80.6493506494, 170.0649350649) !important;
}

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

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(0, 117.1666666667, 166.5) !important;
}

.text-success {
  color: #77dc55 !important;
}

a.text-success:hover, a.text-success:focus {
  color: rgb(76.9097560976, 189.487804878, 39.012195122) !important;
}

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

a.text-info:hover, a.text-info:focus {
  color: rgb(0, 154.7, 178.5) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: rgb(255, 109.4615384615, 61.5) !important;
}

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

a.text-danger:hover, a.text-danger:focus {
  color: rgb(153.8775510204, 34.6224489796, 34.6224489796) !important;
}

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

a.text-light:hover, a.text-light:focus {
  color: rgb(130.6148648649, 142.75, 154.8851351351) !important;
}

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

a.text-dark:hover, a.text-dark:focus {
  color: hsl(210, 10.8108108108%, -0.4901960784%) !important;
}

.text-default {
  color: #d38080 !important;
}

a.text-default:hover, a.text-default:focus {
  color: rgb(191.3157894737, 71.1842105263, 71.1842105263) !important;
}

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

a.text-white:hover, a.text-white:focus {
  color: rgb(216.75, 216.75, 216.75) !important;
}

.text-neutral {
  color: #ffffff !important;
}

a.text-neutral:hover, a.text-neutral:focus {
  color: rgb(216.75, 216.75, 216.75) !important;
}

.text-darker {
  color: hsl(210, 10.8108108108%, -0.4901960784%) !important;
}

a.text-darker:hover, a.text-darker:focus {
  color: hsl(210, 10.8108108108%, -15.4901960784%) !important;
}

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

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

.text-black-50 {
  color: rgba(34, 42, 66, 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;
  overflow-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: 0.0625rem solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  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: 0.0625rem solid #222a42;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #ffffff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #e3e3e3 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #e3e3e3;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #e3e3e3;
  }
}
.alert {
  border: 0;
  color: #ffffff;
}
.alert .alert-link {
  color: #ffffff;
}
.alert.alert-success {
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
.alert i.fa,
.alert i.tim-icons {
  font-size: 1rem;
}
.alert .close {
  color: #ffffff;
  opacity: 0.9;
  text-shadow: none;
  line-height: 0;
  outline: 0;
}
.alert span[data-notify=icon] {
  font-size: 22px;
  display: block;
  left: 19px;
  position: absolute;
  top: 50%;
  margin-top: -11px;
}
.alert button.close {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -13px;
  width: 25px;
  height: 25px;
  padding: 3px;
}
.alert .close ~ span {
  display: block;
  max-width: 89%;
}
.alert.alert-with-icon {
  padding-left: 65px;
}

.alert-dismissible .close {
  top: 50%;
  right: 1.25rem;
  padding: 0;
  transform: translateY(-50%);
  color: rgba(255, 255, 255, 0.6);
  opacity: 1;
}
.alert-dismissible .close:hover, .alert-dismissible .close:focus {
  color: rgba(255, 255, 255, 0.9);
  opacity: 1 !important;
}
@media (max-width: 575.98px) {
  .alert-dismissible .close {
    top: 1rem;
    right: 0.5rem;
  }
}
.alert-dismissible .close > span:not(.sr-only) {
  font-size: 1.5rem;
  background-color: transparent;
  color: rgba(255, 255, 255, 0.6);
}
.alert-dismissible .close:hover > span:not(.sr-only), .alert-dismissible .close:focus > span:not(.sr-only) {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.9);
}

.dropdown-menu {
  border: 0;
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
  border-radius: 0.2428rem;
  transition: all 150ms linear;
}
.dropdown-menu.dropdown-menu-right:before, .dropdown-menu.dropdown-menu-right:after {
  left: auto;
  right: 10px;
}
.dropdown-menu.dropdown-black {
  background: linear-gradient(to bottom, #222a42 0%, #1d253b 100%);
  border: 1px solid #d38080;
}
.dropdown-menu.dropdown-black .dropdown-item {
  color: grey !important;
}
.dropdown-menu.dropdown-black .dropdown-divider {
  border-color: #d38080;
}
.dropdown-menu.dropdown-black:before {
  color: #222a42;
  z-index: 2;
}
.dropdown-menu.dropdown-black:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  z-index: 1;
  vertical-align: middle;
  content: "";
  top: -6px;
  left: 10px;
  right: auto;
  color: #d38080;
  border-bottom: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}
.dropdown-menu.dropdown-black.dropdown-menu-right:after {
  left: auto;
  right: 10px;
}
.dropup .dropdown-menu.dropdown-black:after {
  color: #1d253b;
  z-index: 2;
}
.dropup .dropdown-menu.dropdown-black:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: auto;
  bottom: -6px;
  right: auto;
  left: 10px;
  color: #555555;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  border-bottom: none;
  z-index: 1;
}
.dropdown-menu i {
  margin-right: 5px;
  position: relative;
  top: 1px;
}
.dropdown-menu .tim-icons {
  margin-right: 10px;
  position: relative;
  top: 4px;
  font-size: 18px;
  margin-top: -5px;
  opacity: 0.5;
}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  color: inherit;
}
.dropup .dropdown-menu:before {
  display: none;
}
.dropup .dropdown-menu:after {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: auto;
  bottom: -5px;
  right: auto;
  left: 10px;
  color: #ffffff;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  border-bottom: none;
}
.dropup .dropdown-menu.dropdown-menu-right:after, .dropup .dropdown-menu.dropdown-menu-right:before {
  right: 10px;
  left: auto;
}
.dropdown-menu:before {
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  vertical-align: middle;
  content: "";
  top: -5px;
  left: 10px;
  right: auto;
  color: #ffffff;
  border-bottom: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}
.dropdown-menu.dropdown-menu-right {
  right: 0 !important;
  left: auto !important;
}
.dropdown-menu .dropdown-item, .bootstrap-select .dropdown-menu.inner li a {
  font-size: 0.8400000028rem;
  color: grey !important;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  margin-top: 5px;
  transition: all 150ms linear;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .bootstrap-select .dropdown-menu.inner li a:hover, .bootstrap-select .dropdown-menu.inner li a:focus {
  background-color: rgba(222, 222, 222, 0.3);
}
.dropdown-menu .dropdown-item.disabled, .dropdown-menu .dropdown-item:disabled, .bootstrap-select .dropdown-menu.inner li a.disabled, .bootstrap-select .dropdown-menu.inner li a:disabled {
  color: rgba(182, 182, 182, 0.6);
}
.dropdown-menu .dropdown-item.disabled:hover, .dropdown-menu .dropdown-item.disabled:focus, .dropdown-menu .dropdown-item:disabled:hover, .dropdown-menu .dropdown-item:disabled:focus, .bootstrap-select .dropdown-menu.inner li a.disabled:hover, .bootstrap-select .dropdown-menu.inner li a.disabled:focus, .bootstrap-select .dropdown-menu.inner li a:disabled:hover, .bootstrap-select .dropdown-menu.inner li a:disabled:focus {
  background-color: transparent;
  box-shadow: none;
}
.dropdown-menu .dropdown-divider {
  background-color: rgba(222, 222, 222, 0.5);
}
.dropdown-menu .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(182, 182, 182, 0.6);
  font-size: 0.69972rem;
  text-transform: uppercase;
  font-weight: 600;
}
.dropdown-menu.dropdown-primary {
  background-color: rgb(48.1506493506, 106.7935064935, 215.5493506494);
}
.dropdown-menu.dropdown-primary:before {
  color: rgb(48.1506493506, 106.7935064935, 215.5493506494);
}
.dropdown-menu.dropdown-primary .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-primary .dropdown-item {
  color: #ffffff;
}
.dropdown-menu.dropdown-primary .dropdown-item:hover, .dropdown-menu.dropdown-primary .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-primary .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-info {
  background-color: rgb(0, 207.74, 239.7);
}
.dropdown-menu.dropdown-info:before {
  color: rgb(0, 207.74, 239.7);
}
.dropdown-menu.dropdown-info .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-info .dropdown-item {
  color: #ffffff;
}
.dropdown-menu.dropdown-info .dropdown-item:hover, .dropdown-menu.dropdown-info .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-info .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-danger {
  background-color: rgb(203.8367346939, 45.8632653061, 45.8632653061);
}
.dropdown-menu.dropdown-danger:before {
  color: rgb(203.8367346939, 45.8632653061, 45.8632653061);
}
.dropdown-menu.dropdown-danger .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-danger .dropdown-item {
  color: #ffffff;
}
.dropdown-menu.dropdown-danger .dropdown-item:hover, .dropdown-menu.dropdown-danger .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-danger .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-success {
  background-color: rgb(108.8497560976, 217.387804878, 72.312195122);
}
.dropdown-menu.dropdown-success:before {
  color: rgb(108.8497560976, 217.387804878, 72.312195122);
}
.dropdown-menu.dropdown-success .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-success .dropdown-item {
  color: #ffffff;
}
.dropdown-menu.dropdown-success .dropdown-item:hover, .dropdown-menu.dropdown-success .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-success .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-warning {
  background-color: rgb(255, 155.4923076923, 122.7);
}
.dropdown-menu.dropdown-warning:before {
  color: rgb(255, 155.4923076923, 122.7);
}
.dropdown-menu.dropdown-warning .dropdown-header:not([href]):not([tabindex]) {
  color: rgba(255, 255, 255, 0.8);
}
.dropdown-menu.dropdown-warning .dropdown-item {
  color: #ffffff;
}
.dropdown-menu.dropdown-warning .dropdown-item:hover, .dropdown-menu.dropdown-warning .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown-menu.dropdown-warning .dropdown-divider {
  background-color: rgba(255, 255, 255, 0.2);
}
.dropdown .dropdown-menu, .dropup:not(.bootstrap-select) .dropdown-menu, .bootstrap-select .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.bottom {
  transform: translate3d(0, -20px, 0) !important;
  visibility: hidden;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  top: 100% !important;
}
.dropdown-menu.bootstrap-datetimepicker-widget.top {
  transform: translate3d(0, -20px, 0) !important;
  visibility: hidden;
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
}
.dropdown-menu.bootstrap-datetimepicker-widget.top, .dropdown-menu.bootstrap-datetimepicker-widget.bottom {
  transform: translate3d(0, -20px, 0) !important;
}
.bootstrap-select.dropup .dropdown-menu:not(.inner) {
  transform: translate3d(0, 25px, 0) !important;
}
.dropup:not(.bootstrap-select) .dropdown-menu {
  transform: translate3d(0, 20px, 0) !important;
  top: auto !important;
  bottom: 100%;
}
.dropdown.show .dropdown-menu, .bootstrap-select.show .dropdown-menu:not(.inner), .dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open, .dropup.show:not(.bootstrap-select) .dropdown-menu, .navbar .dropdown.show .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  transform: translate3d(0, 1px, 0) !important;
}
.dropdown-menu.bootstrap-datetimepicker-widget.top.open, .dropdown-menu.bootstrap-datetimepicker-widget.bottom.open {
  transform: translate3d(0, 0px, 0) !important;
}
.dropup.show:not(.bootstrap-select) .dropdown-menu {
  transform: translate3d(0, -2px, 0) !important;
}
.dropdown-menu.dropdown-navbar {
  left: -80px;
}
.dropdown-menu.dropdown-navbar:before, .dropdown-menu.dropdown-navbar:after {
  left: auto;
  right: 17px;
}

.btn {
  cursor: pointer;
}
.btn.dropdown-toggle[data-toggle=dropdown] {
  padding: 10px;
  margin: 0;
  margin-bottom: 5px;
}
.btn.dropdown-toggle[data-toggle=dropdown]:after {
  content: "";
  margin-left: 5px;
}
.btn span.bs-caret {
  display: none;
}
.btn.btn-link.dropdown-toggle {
  height: 22px;
  padding: 0;
  margin-right: 5px;
}

.dropdown-toggle:after {
  display: none !important;
  content: none !important;
}

.transition-rotate {
  transition: transform 0.2s ease-in-out;
}

[aria-expanded=true] .transition-rotate {
  transform: rotate(180deg) translateY(2px);
}

.transition-rotate-large {
  transition: transform 0.3s ease-in-out;
}

[aria-expanded=true] .transition-rotate-large {
  transform: rotate(180deg) translateY(10px);
}

@media screen and (max-width: 991px) {
  .dropdown-toggle:after {
    display: none !important;
    content: none !important;
    border: none !important;
  }
}
.btn:not(:disabled):not(.disabled).active:focus,
.btn:not(:disabled):not(.disabled):active:focus,
.show > .btn.dropdown-toggle:focus {
  box-shadow: none;
}

.dropdown-menu-sm {
  min-width: 100px;
  border: 0.8285rem;
}

.dropdown-menu-lg {
  min-width: 260px;
  border-radius: 0.8285rem;
}

.dropdown-menu-xl {
  min-width: 450px;
  border-radius: 0.8285rem;
}

@media screen and (max-width: 991px) {
  .dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    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;
  }
}
@media screen and (min-width: 992px) {
  .dropdown-menu .dropdown-item {
    color: #9A9A9A;
  }
}
.footer {
  padding: 24px 0 24px 250px;
}
.footer [class*=container-] {
  padding: 0;
}
.footer .nav {
  display: inline-block;
  float: left;
  margin-bottom: 0;
  padding-left: 30px;
  list-style: none;
}
.footer .nav-item {
  display: inline-block;
}
.footer .nav-item:first-child a {
  padding-left: 0;
}
.footer .nav-link {
  color: #ffffff;
  padding: 0 0.5rem;
  font-size: 0.8400000028rem;
  text-transform: uppercase;
  text-decoration: none;
}
.footer .nav-link:hover {
  text-decoration: none;
}
.footer .copyright {
  font-size: 0.8400000028rem;
  line-height: 1.8;
  color: #ffffff;
}
.footer:after {
  display: table;
  clear: both;
  content: " ";
}

@media screen and (max-width: 991px) {
  .footer {
    padding-left: 0px;
  }
  .footer .copyright {
    text-align: right;
    margin-right: 15px;
  }
}
@media screen and (min-width: 992px) {
  .footer .copyright {
    float: right;
    padding-right: 30px;
  }
}
@media screen and (max-width: 768px) {
  .footer nav {
    display: block;
    margin-bottom: 5px;
    float: none;
  }
}
@media screen and (max-width: 576px) {
  .footer {
    text-align: center;
  }
  .footer .copyright {
    text-align: center;
  }
  .footer .nav {
    float: none;
    padding-left: 0;
  }
}
/* Form controls */
.form-control::-moz-placeholder {
  color: #6c757c;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #6c757c;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
  color: #6c757c;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #6c757c;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control {
  border-color: rgb(42.67, 52.71, 82.83);
  border-radius: 0.8285rem;
  font-size: 0.8400000028rem;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.form-control:focus {
  border-color: #3D74DA;
  background-color: transparent;
  box-shadow: none;
}
.form-control:focus + .input-group-append .input-group-text, .form-control:focus ~ .input-group-append .input-group-text, .form-control:focus + .input-group-prepend .input-group-text, .form-control:focus ~ .input-group-prepend .input-group-text {
  border: 1px solid #3D74DA;
  border-left: none;
  background-color: transparent;
}
.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
  box-shadow: none;
}
.has-danger .form-control.form-control-success, .has-danger .form-control.form-control-danger, .has-success .form-control.form-control-success, .has-success .form-control.form-control-danger {
  background-image: none;
}
.form-control + .form-control-feedback {
  border-radius: 0.8285rem;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
  vertical-align: middle;
}
.open .form-control {
  border-radius: 0.8285rem 0.8285rem 0 0;
  border-bottom-color: transparent;
}
.form-control + .input-group-append .input-group-text, .form-control + .input-group-prepend .input-group-text {
  background-color: #ffffff;
}

.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text,
.has-success .form-control {
  border-color: rgb(42.67, 52.71, 82.83);
}

.has-success .form-control:focus,
.has-success.input-group-focus .input-group-append .input-group-text,
.has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}

.has-danger .form-control,
.has-danger .input-group-append .input-group-text,
.has-danger .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text,
.has-danger.input-group-focus .input-group-append .input-group-text {
  border-color: rgb(228.3674033149, 126.1325966851, 126.1325966851);
  color: #E06969;
  background-color: rgba(222, 222, 222, 0.1);
}
.has-danger .form-control:focus,
.has-danger .input-group-append .input-group-text:focus,
.has-danger .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-prepend .input-group-text:focus,
.has-danger.input-group-focus .input-group-append .input-group-text:focus {
  background-color: transparent;
}

.has-success:after,
.has-danger:after {
  font-family: "mercurium";
  content: "\ea1b";
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 13px;
  color: #77dc55;
  font-size: 11px;
}
.has-success.form-control-lg:after,
.has-danger.form-control-lg:after {
  font-size: 13px;
  top: 24px;
}
.has-success.has-label:after,
.has-danger.has-label:after {
  top: 37px;
}
.has-success.form-check:after,
.has-danger.form-check:after {
  display: none !important;
}
.has-success.form-check .form-check-label,
.has-danger.form-check .form-check-label {
  color: #77dc55;
}

.has-danger:after {
  content: "\ea48";
  color: #E06969;
}
.has-danger.form-check .form-check-label {
  color: #E06969;
}

input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
}

/* Removes default focus */
input[type=range]:focus {
  outline: none;
}

/******** Chrome, Safari, Opera and Edge Chromium styles ********/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  background-color: #d6d6d6;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -4px; /* Centers thumb on the track */
  background-color: #00a3d7;
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline: 3px solid #00a3d7;
  outline-offset: 0.125rem;
}

/*********** Firefox styles ***********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: #d6d6d6;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-moz-range-thumb {
  background-color: #00a3d7;
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0.5rem;
  height: 1rem;
  width: 1rem;
}

input[type=range]:focus::-moz-range-thumb {
  outline: 3px solid #00a3d7;
  outline-offset: 0.125rem;
}

.switch {
  height: 0;
  width: 0;
  visibility: hidden;
}

.switch + label {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 25px;
  background: grey;
  display: block;
  border-radius: 25px;
  position: relative;
}

.switch + label:after {
  content: "";
  position: absolute;
  top: 1.25px;
  left: 1.25px;
  width: 22.5px;
  height: 22.5px;
  background: #fff;
  border-radius: 22.5px;
  transition: 0.3s;
}

.switch:checked + label {
  background: linear-gradient(-53deg, #3D74DA 0%, #B326AF 100%);
}

.switch:checked + label:after {
  left: calc(100% - 1.25px);
  transform: translateX(-100%);
}

.choices__list--dropdown {
  z-index: 5 !important;
}

img {
  max-width: 100%;
  border-radius: 0.4857rem;
}

.img-raised {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.modal-content {
  border: 0;
  border-radius: 25px;
}
.modal-content .modal-header {
  border-bottom: none;
}
.modal-content .modal-header button {
  position: absolute;
  right: 27px;
  top: 24px;
  outline: 0;
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-content .modal-header .title {
  color: #222a42;
  margin-top: 5px;
  margin-bottom: 0;
}
.modal-content .modal-header .modal-title {
  color: #222a42;
}
.modal-content .modal-header i.tim-icons {
  font-size: 16px;
}
.modal-content .modal-body {
  line-height: 1.9;
}
.modal-content .modal-body p {
  color: #222a42;
}
.modal-content .modal-footer {
  border-top: 0; /* Safari 6.1+ */
  justify-content: space-between;
}
.modal-content .modal-footer button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  width: auto;
}
.modal-content .modal-footer button.pull-left {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  left: -5px;
}
.modal-content .modal-body + .modal-footer {
  padding-top: 0;
}

.modal-backdrop {
  background: rgba(0, 0, 0, 0.3);
}

.modal.modal-default .modal-content {
  background-color: #ffffff;
  color: #222a42;
}
.modal.modal-default .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-default .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-default .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-default .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-default .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-default .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-default .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-default .has-success:after,
.modal.modal-default .has-danger:after {
  color: #ffffff;
}
.modal.modal-default .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-default .input-group-prepend {
  margin-right: 0;
}
.modal.modal-default .input-group-prepend .input-group-text,
.modal.modal-default .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-default .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-default .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-default .form-group.no-border .form-control,
.modal.modal-default .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-default .form-group.no-border .form-control:focus, .modal.modal-default .form-group.no-border .form-control:active, .modal.modal-default .form-group.no-border .form-control:active,
.modal.modal-default .input-group.no-border .form-control:focus,
.modal.modal-default .input-group.no-border .form-control:active,
.modal.modal-default .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-default .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-default .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-default .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-default .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-default .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-default .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-default .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-default .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-default .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-default .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-default .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-default .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-default .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-default .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-default .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-default .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-default .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-default .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-default .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-default .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-default .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-default .form-group.no-border .input-group-append .input-group-text,
.modal.modal-default .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-default .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-default .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-default .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-default .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-default .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-primary .modal-content {
  background-color: #3D74DA;
  color: #ffffff;
}
.modal.modal-primary .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-primary .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-primary .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-primary .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-primary .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-primary .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-primary .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-primary .has-success:after,
.modal.modal-primary .has-danger:after {
  color: #ffffff;
}
.modal.modal-primary .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-primary .input-group-prepend {
  margin-right: 0;
}
.modal.modal-primary .input-group-prepend .input-group-text,
.modal.modal-primary .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-primary .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-primary .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border .form-control,
.modal.modal-primary .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border .form-control:focus, .modal.modal-primary .form-group.no-border .form-control:active, .modal.modal-primary .form-group.no-border .form-control:active,
.modal.modal-primary .input-group.no-border .form-control:focus,
.modal.modal-primary .input-group.no-border .form-control:active,
.modal.modal-primary .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-primary .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-primary .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-primary .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-primary .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-primary .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-primary .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-primary .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-primary .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-primary .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-primary .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-primary .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-primary .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-primary .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-primary .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-primary .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-primary .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-primary .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-primary .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-primary .form-group.no-border .input-group-append .input-group-text,
.modal.modal-primary .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-primary .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-primary .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-primary .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-primary .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-primary .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-danger .modal-content {
  background-color: #D23737;
  color: #ffffff;
}
.modal.modal-danger .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-danger .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-danger .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-danger .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-danger .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-danger .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-danger .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-danger .has-success:after,
.modal.modal-danger .has-danger:after {
  color: #ffffff;
}
.modal.modal-danger .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-danger .input-group-prepend {
  margin-right: 0;
}
.modal.modal-danger .input-group-prepend .input-group-text,
.modal.modal-danger .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-danger .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-danger .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border .form-control,
.modal.modal-danger .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border .form-control:focus, .modal.modal-danger .form-group.no-border .form-control:active, .modal.modal-danger .form-group.no-border .form-control:active,
.modal.modal-danger .input-group.no-border .form-control:focus,
.modal.modal-danger .input-group.no-border .form-control:active,
.modal.modal-danger .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-danger .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-danger .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-danger .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-danger .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-danger .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-danger .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-danger .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-danger .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-danger .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-danger .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-danger .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-danger .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-danger .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-danger .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-danger .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-danger .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-danger .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-danger .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-danger .form-group.no-border .input-group-append .input-group-text,
.modal.modal-danger .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-danger .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-danger .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-danger .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-danger .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-danger .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-warning .modal-content {
  background-color: #FFA78A;
  color: #ffffff;
}
.modal.modal-warning .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-warning .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-warning .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-warning .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-warning .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-warning .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-warning .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-warning .has-success:after,
.modal.modal-warning .has-danger:after {
  color: #ffffff;
}
.modal.modal-warning .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-warning .input-group-prepend {
  margin-right: 0;
}
.modal.modal-warning .input-group-prepend .input-group-text,
.modal.modal-warning .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-warning .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-warning .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border .form-control,
.modal.modal-warning .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border .form-control:focus, .modal.modal-warning .form-group.no-border .form-control:active, .modal.modal-warning .form-group.no-border .form-control:active,
.modal.modal-warning .input-group.no-border .form-control:focus,
.modal.modal-warning .input-group.no-border .form-control:active,
.modal.modal-warning .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-warning .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-warning .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-warning .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-warning .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-warning .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-warning .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-warning .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-warning .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-warning .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-warning .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-warning .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-warning .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-warning .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-warning .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-warning .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-warning .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-warning .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-warning .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-warning .form-group.no-border .input-group-append .input-group-text,
.modal.modal-warning .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-warning .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-warning .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-warning .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-warning .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-warning .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-success .modal-content {
  background-color: #77dc55;
  color: #ffffff;
}
.modal.modal-success .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-success .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-success .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-success .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-success .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-success .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-success .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-success .has-success:after,
.modal.modal-success .has-danger:after {
  color: #ffffff;
}
.modal.modal-success .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-success .input-group-prepend {
  margin-right: 0;
}
.modal.modal-success .input-group-prepend .input-group-text,
.modal.modal-success .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-success .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-success .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-success .form-group.no-border .form-control,
.modal.modal-success .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-success .form-group.no-border .form-control:focus, .modal.modal-success .form-group.no-border .form-control:active, .modal.modal-success .form-group.no-border .form-control:active,
.modal.modal-success .input-group.no-border .form-control:focus,
.modal.modal-success .input-group.no-border .form-control:active,
.modal.modal-success .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-success .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-success .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-success .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-success .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-success .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-success .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-success .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-success .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-success .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-success .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-success .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-success .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-success .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-success .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-success .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-success .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-success .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-success .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-success .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-success .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-success .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-success .form-group.no-border .input-group-append .input-group-text,
.modal.modal-success .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-success .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-success .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-success .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-success .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-success .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-info .modal-content {
  background-color: #00DDFF;
  color: #ffffff;
}
.modal.modal-info .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-info .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-info .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-info .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-info .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.modal.modal-info .form-control {
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-info .form-control:focus {
  border-color: #ffffff;
  background-color: transparent;
  color: #ffffff;
}
.modal.modal-info .has-success:after,
.modal.modal-info .has-danger:after {
  color: #ffffff;
}
.modal.modal-info .has-danger .form-control {
  background-color: transparent;
}
.modal.modal-info .input-group-prepend {
  margin-right: 0;
}
.modal.modal-info .input-group-prepend .input-group-text,
.modal.modal-info .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.modal.modal-info .input-group-focus .input-group-prepend .input-group-text,
.modal.modal-info .input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  border-color: #ffffff;
  color: #ffffff;
}
.modal.modal-info .form-group.no-border .form-control,
.modal.modal-info .input-group.no-border .form-control {
  background-color: rgba(30, 30, 47, 0.2);
  color: #ffffff;
}
.modal.modal-info .form-group.no-border .form-control:focus, .modal.modal-info .form-group.no-border .form-control:active, .modal.modal-info .form-group.no-border .form-control:active,
.modal.modal-info .input-group.no-border .form-control:focus,
.modal.modal-info .input-group.no-border .form-control:active,
.modal.modal-info .input-group.no-border .form-control:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-info .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-info .form-group.no-border .form-control + .input-group-append .input-group-text,
.modal.modal-info .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.modal.modal-info .input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
}
.modal.modal-info .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus, .modal.modal-info .form-group.no-border .form-control + .input-group-prepend .input-group-text:active, .modal.modal-info .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-info .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-info .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-info .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-info .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.modal.modal-info .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-info .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.modal.modal-info .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.modal.modal-info .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.modal.modal-info .input-group.no-border .form-control + .input-group-append .input-group-text:active {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-info .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .modal.modal-info .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.modal.modal-info .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.modal.modal-info .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal.modal-info .form-group.no-border .input-group-prepend .input-group-text,
.modal.modal-info .form-group.no-border .input-group-append .input-group-text,
.modal.modal-info .input-group.no-border .input-group-prepend .input-group-text,
.modal.modal-info .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.2);
  border: none;
  color: #ffffff;
}
.modal.modal-info .form-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-info .form-group.no-border.input-group-focus .input-group-append .input-group-text,
.modal.modal-info .input-group.no-border.input-group-focus .input-group-prepend .input-group-text,
.modal.modal-info .input-group.no-border.input-group-focus .input-group-append .input-group-text {
  background-color: rgba(30, 30, 47, 0.3);
  color: #ffffff;
}
.modal .modal-header .close {
  color: #D23737;
  text-shadow: none;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
  opacity: 1;
}
.modal.modal-black .modal-content {
  background: linear-gradient(to bottom, #222a42 0%, #1d253b 100%);
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-black .modal-content .modal-header .modal-title, .modal.modal-black .modal-content .modal-header .title {
  color: rgba(255, 255, 255, 0.9);
}
.modal.modal-black .modal-content .modal-body p {
  color: rgba(255, 255, 255, 0.8);
}
.modal.modal-black h1, .modal.modal-black h2, .modal.modal-black h3, .modal.modal-black h4, .modal.modal-black h5, .modal.modal-black h6, .modal.modal-black p {
  color: #ffffff;
}

.modal-search .modal-dialog {
  margin: 20px auto;
  max-width: 650px;
}
.modal-search .modal-dialog input {
  border: none;
  font-size: 17px;
  font-weight: 100;
}
.modal-search .modal-dialog span {
  font-size: 35px;
  color: #b7b7b7;
}
.modal-search .modal-content .modal-header {
  padding: 24px;
}
.modal-search .modal-header .close {
  color: #555555;
  top: 30px !important;
}
.modal-search .modal-footer {
  border-top: 2px solid #f9f9f9;
  margin: 0px 25px 20px;
}

.navbar {
  padding: 10px 30px 10px 15px;
  width: 100%;
  z-index: 1050;
  background: #1a1e34;
}
.navbar .photo {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.navbar .photo img {
  width: 100%;
}
.navbar .navbar-wrapper {
  display: flex;
  align-items: center;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .btn {
  margin: 0 5px 0 10px;
}
.navbar.navbar-absolute {
  position: absolute;
  z-index: 1050;
}
.navbar.navbar-transparent {
  background: transparent !important;
}
.navbar.bg-white .navbar-nav .search-bar.input-group i {
  color: #222a42;
}
.navbar.bg-white .navbar-nav .search-bar.input-group .form-control {
  background: rgba(34, 42, 66, 0.1);
  border-radius: 4px;
}
.navbar.bg-white .navbar-nav a.nav-link {
  color: #222a42 !important;
}
.navbar.bg-white .navbar-nav a.nav-link p {
  color: #222a42;
}
.navbar.bg-white .navbar-text, .navbar.bg-white .navbar-brand {
  color: #222a42;
}
.navbar.bg-white .form-control {
  color: #222a42 !important;
}
.navbar.bg-white .form-control::-moz-placeholder {
  color: #9A9A9A !important;
}
.navbar.bg-white .form-control::placeholder {
  color: #9A9A9A !important;
}
.navbar.bg-dark {
  background: #222a42 !important;
}
.navbar.bg-primary {
  background-color: #3D74DA !important;
}
.navbar.bg-warning {
  background-color: #FFA78A !important;
}
.navbar.bg-info {
  background-color: #00DDFF !important;
}
.navbar.bg-success {
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585) !important;
}
.navbar.bg-danger {
  background-color: #D23737 !important;
}
.navbar .navbar-brand {
  position: fixed;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  color: #ffffff;
  margin-left: 17px;
  margin-top: 3px;
  text-transform: uppercase;
  font-size: 1rem;
}
.navbar .navbar-toggle button:focus, .navbar .navbar-toggler {
  outline: none;
}

.navbar-minimize-fixed {
  position: fixed;
  margin-left: 40px;
  margin-top: 14px;
  transition: 0.3s ease;
  color: white;
  z-index: 20;
  opacity: 0;
  transition: 0.2s ease;
}
.navbar-minimize-fixed button i {
  font-size: 20px;
}

.notification {
  background: #D23737;
  color: #ffffff;
  border-radius: 1.575rem;
  height: 6px;
  width: 6px;
  position: absolute;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
  top: 10px;
  right: 10px;
  border: 1px solid #D23737;
}

.navbar-nav li a {
  color: #ffffff;
}
.navbar-nav li i {
  vertical-align: middle;
  font-size: 20px;
}

@media screen and (max-width: 991px) {
  .navbar .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar .navbar-collapse .input-group {
    margin: 0;
    margin-top: 5px;
  }
  .navbar .navbar-nav .btn {
    margin-left: -3px;
    display: flex;
  }
  .navbar .navbar-nav .btn i {
    margin-right: 12px;
  }
  .navbar .navbar-nav .btn span {
    margin: 0;
    text-transform: uppercase;
    font-weight: 300;
  }
  .navbar .navbar-nav .btn span, .navbar .navbar-nav .btn span:hover, .navbar .navbar-nav .btn span:focus, .navbar .navbar-nav .btn span:active, .navbar .navbar-nav .btn span:active:focus {
    color: #222a42 !important;
  }
  .navbar .navbar-nav a.nav-link i {
    opacity: 1;
    margin-left: 4px;
    margin-right: 5px;
  }
  .navbar .navbar-nav a.nav-link p {
    display: inline-block;
    text-transform: uppercase;
    margin-left: 7px;
  }
  .navbar .navbar-nav .modal-search .modal-dialog {
    padding: 0 40px;
  }
  .navbar .navbar-nav .dropdown {
    margin: 5px 0;
  }
  .navbar .navbar-nav .dropdown .nav-link {
    padding-bottom: 0;
  }
  .navbar .navbar-nav .dropdown .dropdown-menu .dropdown-item {
    margin-top: 0;
    padding-left: 24px;
  }
  .navbar .dropdown.show .dropdown-menu {
    display: block;
  }
  .navbar .dropdown .dropdown-menu {
    display: none;
  }
  .navbar .dropdown .dropdown-menu li a {
    color: #222a42;
  }
  .navbar .dropdown.show .dropdown-menu,
  .navbar .dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    transition: none;
    box-shadow: none;
    width: auto;
    margin: 0px 1rem;
    margin-top: 0px;
  }
  .navbar .dropdown.show .dropdown-menu:before,
  .navbar .dropdown .dropdown-menu:before {
    display: none;
  }
  .navbar .dropdown-menu .dropdown-item:focus,
  .navbar .dropdown-menu .dropdown-item:hover {
    color: #ffffff;
  }
  .navbar.bg-white .dropdown-menu .dropdown-item:focus, .navbar.bg-white .dropdown-menu .dropdown-item:hover {
    color: #d38080;
  }
  .navbar button.navbar-toggler[data-target="#navigation"] {
    padding-top: 0;
  }
  .navbar .navbar-toggler-bar {
    display: block;
    position: relative;
    width: 22px;
    height: 1px;
    border-radius: 1px;
    background: #ffffff;
  }
  .navbar .navbar-toggler-bar.navbar-kebab {
    height: 4px;
    width: 4px;
    margin-bottom: 3px;
    border-radius: 50%;
  }
  .navbar .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 7px;
  }
  .navbar .navbar-toggler-bar + .navbar-toggler-bar.navbar-kebab {
    margin-top: 0px;
  }
  .navbar .navbar-toggler-bar.bar2 {
    width: 17px;
    transition: width 0.2s linear;
  }
  .navbar.bg-white:not(.navbar-transparent) .navbar-toggler-bar {
    background-color: #d38080;
  }
  .navbar .toggled .navbar-toggler-bar {
    width: 24px;
  }
  .navbar .toggled .navbar-toggler-bar + .navbar-toggler-bar {
    margin-top: 5px;
  }
  .navbar .navbar-brand {
    margin-left: 20px;
    position: relative;
  }
  .navbar-nav .nav-link i.fa,
  .navbar-nav .nav-link i.tim-icons {
    opacity: 0.5;
  }
  .bar1,
  .bar2,
  .bar3 {
    outline: 1px solid transparent;
  }
  .bar1 {
    top: 0px;
    animation: topbar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .bar2 {
    opacity: 1;
  }
  .bar3 {
    bottom: 0px;
    animation: bottombar-back 500ms 0s;
    animation-fill-mode: forwards;
  }
  .toggled .bar1 {
    top: 6px;
    animation: topbar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  .toggled .bar2 {
    opacity: 0;
  }
  .toggled .bar3 {
    bottom: 6px;
    animation: bottombar-x 500ms 0s;
    animation-fill-mode: forwards;
  }
  @keyframes topbar-x {
    0% {
      top: 0px;
      transform: rotate(0deg);
    }
    45% {
      top: 6px;
      transform: rotate(145deg);
    }
    75% {
      transform: rotate(130deg);
    }
    100% {
      transform: rotate(135deg);
    }
  }
  @keyframes topbar-back {
    0% {
      top: 6px;
      transform: rotate(135deg);
    }
    45% {
      transform: rotate(-10deg);
    }
    75% {
      transform: rotate(5deg);
    }
    100% {
      top: 0px;
      transform: rotate(0);
    }
  }
  @keyframes bottombar-x {
    0% {
      bottom: 0px;
      transform: rotate(0deg);
    }
    45% {
      bottom: 6px;
      transform: rotate(-145deg);
    }
    75% {
      transform: rotate(-130deg);
    }
    100% {
      transform: rotate(-135deg);
    }
  }
  @keyframes bottombar-back {
    0% {
      bottom: 6px;
      transform: rotate(-135deg);
    }
    45% {
      transform: rotate(10deg);
    }
    75% {
      transform: rotate(-5deg);
    }
    100% {
      bottom: 0px;
      transform: rotate(0);
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media screen and (min-width: 992px) {
  .navbar-collapse {
    background: none !important;
  }
  .navbar .navbar-toggle {
    display: none;
  }
  .navbar-nav .nav-link.profile-photo {
    padding: 0;
    margin: 7px 0.7rem;
  }
  .navbar .caret {
    position: absolute;
    left: 80%;
    top: 55%;
    margin-left: 0;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
}
@media screen and (max-width: 576px) {
  .navbar[class*=navbar-toggleable-] .container {
    margin-left: 0;
    margin-right: 0;
  }
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.2;
}

p {
  font-weight: 300;
}

button,
input,
optgroup,
select,
textarea {
  font-family: "Mercurium", sans-serif;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6, .card p {
  color: rgba(255, 255, 255, 0.8);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
}

a {
  color: #B326AF;
  font-weight: 300;
}
a:hover, a:focus {
  color: #3D74DA;
}

h1, .h1 {
  line-height: 1.05;
  margin-bottom: 30px;
}
h1 small, .h1 small {
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.8;
}

h2, .h2 {
  margin-bottom: 30px;
  line-height: 1.2;
}

h3, .h3 {
  margin-bottom: 30px;
  line-height: 1.4em;
}

h4, .h4 {
  line-height: 1.45em;
  margin-bottom: 15px;
}
h4 + .category, h4.title + .category, .h4 + .category, .h4.title + .category {
  margin-top: -10px;
}

h5, .h5 {
  line-height: 1.4em;
  margin-bottom: 15px;
}

h6, .h6 {
  text-transform: uppercase;
  font-weight: 600;
}

p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 5px;
}
p.description {
  font-size: 1.14em;
}

.title {
  font-weight: 600;
}
.title.title-up {
  text-transform: uppercase;
}
.title.title-up a {
  color: #222a42;
  text-decoration: none;
}
.title + .category {
  margin-top: -10px;
}

.description,
.card-description,
.footer-big p,
.card .footer .stats {
  color: #9A9A9A;
  font-weight: 300;
}

.category,
.card-category {
  text-transform: capitalize;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8400000028rem;
}

.card-category {
  font-size: 0.8400000028rem;
}

.blockquote {
  border-left: none;
  border: 1px solid #d38080;
  padding: 20px;
  font-size: 1.078rem;
  line-height: 1.8;
}
.blockquote small {
  color: #d38080;
  font-size: 0.8400000028rem;
  text-transform: uppercase;
}
.blockquote.blockquote-primary {
  border-color: #3D74DA;
  color: #3D74DA;
}
.blockquote.blockquote-primary small {
  color: #3D74DA;
}
.blockquote.blockquote-danger {
  border-color: #D23737;
  color: #D23737;
}
.blockquote.blockquote-danger small {
  color: #D23737;
}
.blockquote.blockquote-white {
  border-color: rgba(255, 255, 255, 0.8);
  color: #ffffff;
}
.blockquote.blockquote-white small {
  color: rgba(255, 255, 255, 0.8);
}

ul li, ol li {
  color: #ffffff;
}

pre {
  color: rgba(255, 255, 255, 0.8);
}

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

.table > tbody > tr > td {
  color: rgba(255, 255, 255, 0.7) !important;
}
.table > tbody > tr > td .photo {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.table > tbody > tr > td .photo img {
  width: 100%;
}
.table > tbody > tr.table-success > td {
  background-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
.table > tbody > tr.table-info > td {
  background-color: #00DDFF;
}
.table > tbody > tr.table-primary > td {
  background-color: #3D74DA;
}
.table > tbody > tr.table-warning > td {
  background-color: #FFA78A;
}
.table > tbody > tr.table-danger > td {
  background-color: #D23737;
}
.table .img-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.table .img-row {
  max-width: 60px;
  width: 60px;
}
.table .form-check {
  margin: 0;
  margin-top: 5px;
}
.table .form-check label .form-check-sign::before, .table .form-check label .form-check-sign::after {
  top: -17px;
  left: 4px;
}
.table .btn {
  margin: 0;
}
.table small, .table .small {
  font-weight: 300;
}
.card-tasks .card-body .table {
  margin-bottom: 0;
}
.card-tasks .card-body .table > thead > tr > th,
.card-tasks .card-body .table > tbody > tr > th,
.card-tasks .card-body .table > tfoot > tr > th,
.card-tasks .card-body .table > thead > tr > td,
.card-tasks .card-body .table > tbody > tr > td,
.card-tasks .card-body .table > tfoot > tr > td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.table > thead > tr > th {
  border-bottom-width: 1px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  border: 0;
  color: rgba(255, 255, 255, 0.7);
}
.table .radio,
.table .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width: 15px;
}
.table .radio .icons,
.table .checkbox .icons {
  position: relative;
}
.table .radio label:after, .table .radio label:before,
.table .checkbox label:after,
.table .checkbox label:before {
  top: -17px;
  left: -3px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-color: rgba(255, 255, 255, 0.1);
  padding: 12px 7px;
  vertical-align: middle;
}
.table.table-shopping tbody tr:last-child td {
  border: none;
}
.table .th-description {
  max-width: 150px;
}
.table .td-price {
  font-size: 26px;
  font-weight: 300;
  margin-top: 5px;
  position: relative;
  top: 4px;
  text-align: right;
}
.table .td-total {
  font-weight: 600;
  font-size: 0.909999972rem;
  padding-top: 20px;
  text-align: right;
}
.table .td-actions .btn {
  margin: 0px;
}
.table > tbody > tr {
  position: relative;
}
.table > tfoot > tr {
  color: hsla(0, 0%, 100%, 0.7);
  text-transform: uppercase;
}

.table-responsive {
  overflow: scroll;
  padding-bottom: 10px;
}

#tables .table-responsive {
  margin-bottom: 30px;
}

table.tablesorter thead tr .header {
  background-image: url("../img/bg.gif");
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
  background-image: url("../img/asc.gif");
}

table.tablesorter thead tr .headerSortDown {
  background-image: url("../img/desc.gif");
}

.dataTables_wrapper .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.dataTables_wrapper .form-control-sm {
  font-size: 10px;
}

.table-stripe {
  position: relative;
  border-radius: 25px;
  border-spacing: 0;
  border-collapse: separate;
  overflow: hidden;
  padding: 1.5rem;
  border: none;
}
.table-stripe > thead > tr > th,
.table-stripe > tbody > tr > th,
.table-stripe > tfoot > tr > th,
.table-stripe > thead > tr > td,
.table-stripe > tbody > tr > td,
.table-stripe > tfoot > tr > td {
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: none;
}
.table-stripe > tbody > tr,
.table-stripe > thead > tr,
.table-stripe > tfoot > tr {
  border: none;
}
.table-stripe > tbody > tr {
  transition: all 0.3s ease;
  display: table-row;
  margin: 0px 0;
  position: relative;
}
.table-stripe > tbody > tr > td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 1.5rem;
}
.table-stripe > tbody > tr > td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 1.5rem;
}
.white-content .table-stripe > tbody > tr:nth-of-type(even) {
  background-color: rgba(190, 190, 190, 0.2);
}
.white-content .table-stripe > tbody > tr:nth-of-type(odd) {
  background-color: rgba(211, 211, 211, 0);
}
body:not(.white-content) .table-stripe > tbody > tr:nth-of-type(even) {
  background-color: rgba(163, 55, 144, 0.3);
}
body:not(.white-content) .table-stripe > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0);
}
.table-stripe > tbody > tr:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 0.5rem;
}

.table-outline-stripe {
  position: relative;
  border-radius: 25px;
  border-spacing: 0;
  border-collapse: separate;
  overflow: hidden;
  padding: 1.5rem;
  border: none;
}
.table-outline-stripe::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.table-outline-stripe > thead > tr > th,
.table-outline-stripe > tbody > tr > th,
.table-outline-stripe > tfoot > tr > th,
.table-outline-stripe > thead > tr > td,
.table-outline-stripe > tbody > tr > td,
.table-outline-stripe > tfoot > tr > td {
  padding: 1rem 1.5rem;
  border: none;
  border-bottom: none;
}
.table-outline-stripe > tbody > tr,
.table-outline-stripe > thead > tr,
.table-outline-stripe > tfoot > tr {
  border: none;
}
.table-outline-stripe > tbody > tr {
  transition: all 0.3s ease;
  display: table-row;
  margin: 0px 0;
  position: relative;
}
.table-outline-stripe > tbody > tr > td:first-child {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding-left: 1.5rem;
}
.table-outline-stripe > tbody > tr > td:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-right: 1.5rem;
}
.white-content .table-outline-stripe > tbody > tr:nth-of-type(even) {
  background-color: rgba(190, 190, 190, 0.2);
}
.white-content .table-outline-stripe > tbody > tr:nth-of-type(odd) {
  background-color: rgba(211, 211, 211, 0);
}
body:not(.white-content) .table-outline-stripe > tbody > tr:nth-of-type(even) {
  background-color: rgba(163, 55, 144, 0.3);
}
body:not(.white-content) .table-outline-stripe > tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0);
}
.table-outline-stripe > tbody > tr:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 0.5rem;
}

.table-outline-light {
  position: relative;
  border-spacing: 0;
  border-collapse: separate;
  padding: 1.5rem;
  border: none;
}
.table-outline-light::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 25px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.table-outline-light > thead > tr > th,
.table-outline-light > tbody > tr > th,
.table-outline-light > tfoot > tr > th,
.table-outline-light > thead > tr > td,
.table-outline-light > tbody > tr > td,
.table-outline-light > tfoot > tr > td {
  padding: 1rem 1.5rem;
  border: none;
}
.table-outline-light > tbody {
  position: relative;
}
.table-outline-light > tbody > tr {
  transition: all 0.3s ease;
  background-color: transparent;
}
.table-outline-light > tbody > tr:not(:last-child) {
  border-bottom: 1px solid transparent;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-position: 0 100%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  margin-bottom: 0.5rem;
}
.table-outline-light > tbody > tr > td:first-child {
  padding-left: 1.5rem;
}
.table-outline-light > tbody > tr > td:last-child {
  padding-right: 1.5rem;
}

.table-light {
  position: relative;
  border-spacing: 0;
  border-collapse: separate;
  padding: 1.5rem;
  border: none;
}
.table-light > thead > tr > th,
.table-light > tbody > tr > th,
.table-light > tfoot > tr > th,
.table-light > thead > tr > td,
.table-light > tbody > tr > td,
.table-light > tfoot > tr > td {
  padding: 1rem 1.5rem;
  border: none;
}
.table-light > tbody > tr,
.table-light > thead > tr,
.table-light > tfoot > tr {
  border: none;
}
.table-light > tbody > tr {
  transition: all 0.3s ease;
  display: table-row;
  position: relative;
  background-color: transparent;
}
.table-light > tbody > tr:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
}
.table-light > tbody > tr:not(:last-child) {
  margin-bottom: 0.5rem;
}
.table-light > tbody > tr > td:first-child {
  padding-left: 1.5rem;
}
.table-light > tbody > tr > td:last-child {
  padding-right: 1.5rem;
}

.form-check {
  margin-top: 0.5rem;
  padding-left: 0;
}

.form-check .form-check-label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  line-height: 18px;
  margin-bottom: 0;
  transition: color 0.3s linear;
}

.radio .form-check-sign {
  padding-left: 28px;
}

.form-check-radio.form-check-inline .form-check-label {
  padding-left: 5px;
  margin-right: 10px;
}

.form-check .form-check-sign::before,
.form-check .form-check-sign::after {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  cursor: pointer;
  border-radius: 3px;
  top: 0;
  border: 1px solid rgb(128.5, 128.5, 128.5);
  transition: opacity 0.3s linear;
}

.form-check input[type=checkbox]:checked + .form-check-sign::before,
.form-check input[type=checkbox]:checked + .form-check-sign::before {
  border: none;
  background-color: #3D74DA;
}

.form-check .form-check-sign::after {
  font-family: "nucleo";
  content: "\ea1b";
  top: 0px;
  text-align: center;
  font-size: 14px;
  opacity: 0;
  color: #ffffff;
  font-weight: 600;
  border: 0;
  background-color: inherit;
}

.form-check.disabled .form-check-label,
.form-check.disabled .form-check-label {
  color: #9A9A9A;
  opacity: 0.5;
  cursor: not-allowed;
}

.form-check input[type=checkbox],
.radio input[type=radio] {
  opacity: 0;
  position: absolute;
  visibility: hidden;
}

.form-check input[type=checkbox]:checked + .form-check-sign::after {
  opacity: 1;
  font-size: 10px;
  margin-top: 0;
}

.form-check input[type=checkbox] + .form-check-sign::after {
  opacity: 0;
  font-size: 10px;
  margin-top: 0;
}

.form-control input[type=checkbox]:disabled + .form-check-sign::before,
.checkbox input[type=checkbox]:disabled + .form-check-sign::after {
  cursor: not-allowed;
}

.form-check input[type=checkbox]:disabled + .form-check-sign,
.form-check input[type=radio]:disabled + .form-check-sign {
  pointer-events: none;
}

.form-check-radio .form-check-label {
  padding-top: 3px;
}

.form-check-radio .form-check-sign::before,
.form-check-radio .form-check-sign::after {
  content: " ";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid rgb(128.5, 128.5, 128.5);
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 3px;
  padding: 1px;
  transition: opacity 0.3s linear;
}

.form-check-radio input[type=radio] + .form-check-sign:after,
.form-check-radio input[type=radio] {
  opacity: 0;
}

.form-check-radio input[type=radio]:checked + .form-check-sign::after {
  width: 6px;
  height: 6px;
  background-color: #3D74DA;
  border-color: #3D74DA;
  top: 9px;
  left: 6px;
  opacity: 1;
}

.form-check-radio input[type=radio]:checked + .form-check-sign::before {
  border-color: #3D74DA;
}

.form-check-radio input[type=radio]:checked + .form-check-sign::after {
  opacity: 1;
}

.form-check-radio input[type=radio]:disabled + .form-check-sign {
  color: #9A9A9A;
}

.form-check-radio input[type=radio]:disabled + .form-check-sign::before,
.form-check-radio input[type=radio]:disabled + .form-check-sign::after {
  color: #9A9A9A;
}

.fixed-plugin {
  position: fixed;
  right: 0;
  width: 64px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1031;
  border-radius: 8px 0 0 8px;
  text-align: center;
  top: 130px;
}
.fixed-plugin li > a,
.fixed-plugin .badge {
  transition: all 0.34s;
  -webkit-transition: all 0.34s;
  -moz-transition: all 0.34s;
}
.fixed-plugin .fa-cog {
  color: #ffffff;
  padding: 10px;
  border-radius: 0 0 6px 6px;
  width: auto;
}
.fixed-plugin .dropdown-menu {
  right: 80px;
  left: auto !important;
  top: -52px !important;
  width: 290px;
  border-radius: 0.1875rem;
  padding: 0 10px;
  background: linear-gradient(#222a42, #1d253b);
}
.fixed-plugin .dropdown .dropdown-menu .tim-icons {
  top: 5px;
}
.fixed-plugin .dropdown-menu:after,
.fixed-plugin .dropdown-menu:before {
  right: 10px;
  margin-left: auto;
  left: auto;
}
.fixed-plugin .fa-circle-thin {
  color: #ffffff;
}
.fixed-plugin .active .fa-circle-thin {
  color: #00bbff;
}
.fixed-plugin .dropdown-menu > .active > a,
.fixed-plugin .dropdown-menu > .active > a:hover,
.fixed-plugin .dropdown-menu > .active > a:focus {
  color: #777777;
  text-align: center;
}
.fixed-plugin img {
  border-radius: 0;
  width: 100%;
  height: 100px;
  margin: 0 auto;
}
.fixed-plugin .dropdown-menu li > a:hover,
.fixed-plugin .dropdown-menu li > a:focus {
  box-shadow: none;
}
.fixed-plugin .badge {
  border: 2px solid #ffffff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  margin-right: 5px;
  position: relative;
  width: 23px;
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover {
  border-color: #1d253b;
}
.fixed-plugin .light-badge, .fixed-plugin .dark-badge {
  margin: 0;
  border: 1px solid #00DDFF;
}
.fixed-plugin .light-badge:hover, .fixed-plugin .dark-badge:hover {
  border: 1px solid #00DDFF;
}
.fixed-plugin .light-badge {
  background: #ffffff;
}
.fixed-plugin .light-badge:hover {
  background: #ffffff;
}
.fixed-plugin .dark-badge {
  background: #222a42;
}
.fixed-plugin .dark-badge:hover {
  background: #222a42;
}
.fixed-plugin h5 {
  margin: 10px;
}
.fixed-plugin .dropdown-menu li {
  display: block;
  padding: 18px 2px;
  width: 25%;
  float: left;
}
.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title,
.fixed-plugin li.button-container {
  width: 100%;
  height: 50px;
  min-height: inherit;
}
.fixed-plugin li.button-container {
  height: auto;
}
.fixed-plugin li.button-container div {
  margin-bottom: 5px;
}
.fixed-plugin #sharrreTitle {
  text-align: center;
  padding: 10px 0;
  height: 50px;
}
.fixed-plugin li.header-title {
  color: #ffffff;
  height: 30px;
  line-height: 25px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.fixed-plugin .adjustments-line a {
  color: transparent;
}
.fixed-plugin .adjustments-line a .badge-colors {
  position: relative;
  top: -2px;
}
.fixed-plugin .adjustments-line a a:hover,
.fixed-plugin .adjustments-line a a:focus {
  color: transparent;
}
.fixed-plugin .adjustments-line .togglebutton {
  text-align: center;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch {
  position: relative;
  left: -10px;
  font-size: 0.69972rem;
  color: #ffffff;
}
.fixed-plugin .adjustments-line .togglebutton .label-switch.label-right {
  left: 10px;
}
.fixed-plugin .adjustments-line .togglebutton .toggle {
  margin-right: 0;
}
.fixed-plugin .adjustments-line .color-label {
  position: relative;
  top: -7px;
  font-size: 0.69972rem;
  color: #ffffff;
}
.fixed-plugin .adjustments-line .dropdown-menu > li.adjustments-line > a {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  margin: 0;
}
.fixed-plugin .dropdown-menu > li > a.img-holder {
  font-size: 1rem;
  text-align: center;
  border-radius: 10px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
  cursor: pointer;
  display: block;
  max-height: 100px;
  overflow: hidden;
  padding: 0;
}
.fixed-plugin .dropdown-menu > li > a.img-holder img {
  margin-top: auto;
}
.fixed-plugin .dropdown-menu > li a.switch-trigger:hover, .fixed-plugin .dropdown-menu > li > a.switch-trigger:focus {
  background-color: transparent;
}
.fixed-plugin .dropdown-menu > li:hover > a.img-holder, .fixed-plugin .dropdown-menu > li:focus > a.img-holder {
  border-color: rgba(0, 187, 255, 0.53);
}
.fixed-plugin .dropdown-menu > .active > a.img-holder,
.fixed-plugin .dropdown-menu > .active > a.img-holder {
  border-color: #00bbff;
  background-color: #ffffff;
}
.fixed-plugin .btn-social {
  width: 50%;
  display: block;
  width: 48%;
  float: left;
  font-weight: 600;
}
.fixed-plugin .btn-social i {
  margin-right: 5px;
}
.fixed-plugin .btn-social:first-child {
  margin-right: 2%;
}
.fixed-plugin .dropdown .dropdown-menu {
  transform: translateY(-15%);
  top: 27px;
  opacity: 0;
  transform-origin: 0 0;
}
.fixed-plugin .dropdown .dropdown-menu:before {
  border-bottom: 0.4em solid rgba(0, 0, 0, 0);
  border-left: 0.4em solid rgba(0, 0, 0, 0.2);
  border-top: 0.4em solid rgba(0, 0, 0, 0);
  right: -16px;
  top: 46px;
}
.fixed-plugin .dropdown .dropdown-menu:after {
  border-bottom: 0.4em solid rgba(0, 0, 0, 0);
  border-left: 0.4em solid #222a42;
  border-top: 0.4em solid rgba(0, 0, 0, 0);
  right: -16px;
}
.fixed-plugin .dropdown .dropdown-menu:before, .fixed-plugin .dropdown .dropdown-menu:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 74px;
  width: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
}
.fixed-plugin .dropdown.show .dropdown-menu {
  opacity: 1;
  transform: translateY(-13%);
  transform-origin: 0 0;
}
.fixed-plugin .bootstrap-switch {
  margin: 0;
}

.wrapper {
  position: relative;
  top: 0;
  height: 100vh;
}
.wrapper.wrapper-full-page {
  min-height: 100vh;
  height: auto;
}

.sidebar-wrapper ul li div.collapse ul li div.collapse ul li a,
.sidebar-wrapper ul li div.collapse ul li div.collapsing ul li a,
.sidebar-wrapper ul li div.collapsing ul li div.collapse ul li a {
  margin-left: 25px;
}

.sidebar,
.off-canvas-sidebar {
  background: #B326AF;
  background: linear-gradient(0deg, #B326AF 0%, #3D74DA 100%);
  height: calc(100vh - 130px);
  width: 230px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  background-size: cover;
  background-position: center center;
  display: block;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.6);
  margin-top: 80px;
  margin-left: 20px;
  border-radius: 5px;
  transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.sidebar .sidebar-wrapper,
.off-canvas-sidebar .sidebar-wrapper {
  width: 100%;
  min-height: 100%;
  max-height: calc(100vh - 705px);
  z-index: 4;
  position: relative;
  overflow: auto;
}
.sidebar .sidebar-wrapper .dropdown .dropdown-backdrop,
.off-canvas-sidebar .sidebar-wrapper .dropdown .dropdown-backdrop {
  display: none !important;
}
.sidebar .sidebar-wrapper .navbar-form,
.off-canvas-sidebar .sidebar-wrapper .navbar-form {
  border: none;
}
.sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a span,
.sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a span,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a span,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a span {
  display: inline-block;
}
.sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal {
  margin: 0;
  position: relative;
  transform: translateX(0px);
  opacity: 1;
  white-space: nowrap;
  display: block;
  line-height: 23px;
  z-index: 1;
  color: rgba(255, 255, 255, 0.8);
}
.sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon {
  text-transform: uppercase;
  width: 34px;
  margin-right: 10px;
  margin-left: 0px;
  font-size: 12px;
  text-align: center;
  line-height: 25px;
  position: relative;
  float: left;
  z-index: 1;
  display: inherit;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.8);
}
.sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a i,
.sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a i,
.off-canvas-sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a i,
.off-canvas-sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a i {
  font-size: 17px;
  line-height: 20px;
  width: 26px;
}
.sidebar .sidebar-wrapper [data-toggle=collapse] ~ div > ul > li:hover > a .sidebar-mini-icon, .sidebar .sidebar-wrapper [data-toggle=collapse] ~ div > ul > li:hover > a .sidebar-normal,
.off-canvas-sidebar .sidebar-wrapper [data-toggle=collapse] ~ div > ul > li:hover > a .sidebar-mini-icon,
.off-canvas-sidebar .sidebar-wrapper [data-toggle=collapse] ~ div > ul > li:hover > a .sidebar-normal {
  color: #ffffff;
}
.sidebar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.off-canvas-sidebar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon {
  opacity: 0;
}
.sidebar .navbar-minimize,
.off-canvas-sidebar .navbar-minimize {
  position: absolute;
  right: 20px;
  top: 2px;
  opacity: 1;
}
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}
.sidebar .nav,
.off-canvas-sidebar .nav {
  margin-top: 20px;
  display: block;
}
.sidebar .nav .caret,
.off-canvas-sidebar .nav .caret {
  top: 14px;
  position: absolute;
  right: 10px;
}
.sidebar .nav li > a + div .nav,
.off-canvas-sidebar .nav li > a + div .nav {
  margin-top: 5px;
}
.sidebar .nav li > a + div .nav li > a,
.off-canvas-sidebar .nav li > a + div .nav li > a {
  margin-top: 0px;
  padding: 8px 8px;
}
.sidebar .nav li > a,
.off-canvas-sidebar .nav li > a {
  margin: 10px 15px 0;
  border-radius: 30px;
  color: #ffffff;
  display: block;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
  font-size: 0.69972rem;
  padding: 8px 8px;
  line-height: 1.625rem;
}
.sidebar .nav li:first-child > a,
.off-canvas-sidebar .nav li:first-child > a {
  margin: 0 15px;
}
.sidebar .nav li:hover:not(.active) > a p, .sidebar .nav li:hover:not(.active) > a i, .sidebar .nav li:focus:not(.active) > a p, .sidebar .nav li:focus:not(.active) > a i,
.off-canvas-sidebar .nav li:hover:not(.active) > a p,
.off-canvas-sidebar .nav li:hover:not(.active) > a i,
.off-canvas-sidebar .nav li:focus:not(.active) > a p,
.off-canvas-sidebar .nav li:focus:not(.active) > a i {
  color: #ffffff;
}
.sidebar .nav li:hover:not(.active) > a i, .sidebar .nav li:focus:not(.active) > a i,
.off-canvas-sidebar .nav li:hover:not(.active) > a i,
.off-canvas-sidebar .nav li:focus:not(.active) > a i {
  color: #ffffff;
}
.sidebar .nav li.active > a:not([data-toggle=collapse]),
.off-canvas-sidebar .nav li.active > a:not([data-toggle=collapse]) {
  background: transparent;
}
.sidebar .nav li.active > a:not([data-toggle=collapse]) i, .sidebar .nav li.active > a:not([data-toggle=collapse]) p,
.off-canvas-sidebar .nav li.active > a:not([data-toggle=collapse]) i,
.off-canvas-sidebar .nav li.active > a:not([data-toggle=collapse]) p {
  color: white;
}
.sidebar .nav li.active > a:not([data-toggle=collapse]):before,
.off-canvas-sidebar .nav li.active > a:not([data-toggle=collapse]):before {
  content: " ";
  position: absolute;
  height: 6px;
  width: 6px;
  top: 22px;
  left: -4px;
  background: #ffffff;
  border-radius: 50%;
}
.sidebar .nav li.active > a[data-toggle=collapse],
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] {
  background: transparent;
  box-shadow: none;
  color: #ffffff;
}
.sidebar .nav li.active > a[data-toggle=collapse] i,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] i {
  color: #ffffff;
}
.sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a {
  box-shadow: none;
}
.sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a .sidebar-mini-icon, .sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a .sidebar-normal,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a .sidebar-mini-icon,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a .sidebar-normal {
  color: #ffffff;
  font-weight: 400;
}
.sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a:before,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse] + div .nav .active a:before {
  content: " ";
  position: absolute;
  height: 6px;
  width: 6px;
  top: 17px;
  left: -4px;
  background: #ffffff;
  border-radius: 50%;
}
.sidebar .nav li.active > a[data-toggle=collapse]:before,
.off-canvas-sidebar .nav li.active > a[data-toggle=collapse]:before {
  content: " ";
  position: absolute;
  height: 6px;
  width: 6px;
  top: 22px;
  left: -4px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}
.sidebar .nav p,
.off-canvas-sidebar .nav p {
  margin: 0;
  line-height: 30px;
  position: relative;
  display: block;
  height: auto;
  white-space: nowrap;
}
.sidebar .nav i,
.off-canvas-sidebar .nav i {
  font-size: 20px;
  float: left;
  margin-right: 12px;
  line-height: 30px;
  width: 34px;
  text-align: center;
  color: rgba(255, 255, 255, 0.8);
  position: relative;
}
.sidebar .logo,
.off-canvas-sidebar .logo {
  position: relative;
  padding: 0.5rem 0.7rem;
  z-index: 4;
}
.sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-mini {
  opacity: 1;
  float: left;
  width: 34px;
  text-align: center;
  margin-left: 10px;
  margin-right: 12px;
}
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-normal {
  display: block;
  opacity: 1;
  transform: translate3d(0px, 0, 0);
}
.sidebar .logo:after,
.off-canvas-sidebar .logo:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 1px;
  width: calc(100% - 30px);
  background: rgba(255, 255, 255, 0.5);
}
.sidebar .logo p,
.off-canvas-sidebar .logo p {
  float: left;
  font-size: 20px;
  margin: 10px 10px;
  color: #ffffff;
  line-height: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sidebar .logo .simple-text,
.off-canvas-sidebar .logo .simple-text {
  text-transform: uppercase;
  padding: 0.5rem 0;
  display: block;
  white-space: nowrap;
  color: #ffffff;
  text-decoration: none;
  font-weight: 400;
  line-height: 30px;
  overflow: hidden;
}
.sidebar .logo-tim,
.off-canvas-sidebar .logo-tim {
  border-radius: 50%;
  border: 1px solid #333;
  display: block;
  height: 61px;
  width: 61px;
  float: left;
  overflow: hidden;
}
.sidebar .logo-tim img,
.off-canvas-sidebar .logo-tim img {
  width: 60px;
  height: 60px;
}
.sidebar[data=blue],
.off-canvas-sidebar[data=blue] {
  background: #FF00D4;
  background: linear-gradient(0deg, #FF00D4 0%, #00DDFF 100%);
}
.sidebar[data=green],
.off-canvas-sidebar[data=green] {
  background: #f529e1;
  background: linear-gradient(0deg, #f529e1 0%, #77dc55 100%);
}
.sidebar .user,
.off-canvas-sidebar .user {
  padding-bottom: 20px;
  margin: 20px auto 0;
  position: relative;
}
.sidebar .user:after,
.off-canvas-sidebar .user:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  height: 1px;
  width: calc(100% - 30px);
  background: rgba(255, 255, 255, 0.5);
}
.sidebar .user .photo,
.off-canvas-sidebar .user .photo {
  width: 34px;
  height: 34px;
  overflow: hidden;
  float: left;
  z-index: 5;
  margin-right: 10px;
  border-radius: 50%;
  margin-left: 23px;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}
.sidebar .user .photo img,
.off-canvas-sidebar .user .photo img {
  width: 100%;
}
.sidebar .user a,
.off-canvas-sidebar .user a {
  color: #ffffff;
  text-decoration: none;
  padding: 0.5rem 15px;
  white-space: nowrap;
}
.sidebar .user .info > a,
.off-canvas-sidebar .user .info > a {
  display: block;
  line-height: 18px;
}
.sidebar .user .info > a > span,
.off-canvas-sidebar .user .info > a > span {
  display: block;
  position: relative;
  opacity: 1;
}
.sidebar .user .info .caret,
.off-canvas-sidebar .user .info .caret {
  position: absolute;
  top: 8px;
  right: 18px;
}

.visible-on-sidebar-regular {
  display: inline-block !important;
}

.visible-on-sidebar-mini {
  display: none !important;
}

.off-canvas-sidebar .nav > li > a,
.off-canvas-sidebar .nav > li > a:hover {
  color: #ffffff;
}
.off-canvas-sidebar .nav > li > a:focus {
  background: rgba(200, 200, 200, 0.2);
}

.main-panel {
  position: relative;
  float: right;
  width: 100%;
  min-height: 100vh;
  border-top: 2px solid #3D74DA;
  background: linear-gradient(#1e1e2f, #1e1e24);
  transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}
.main-panel[data=blue] {
  border-top: 2px solid #00DDFF;
}
.main-panel[data=green] {
  border-top: 2px solid #77dc55;
}
.main-panel[data=primary] {
  border-top: 2px solid #3D74DA;
}
.main-panel > .content {
  padding: 78px 30px 30px 280px;
  min-height: calc(100vh - 70px);
}
.main-panel > .navbar {
  margin-bottom: 0;
}
.main-panel .header {
  margin-bottom: 50px;
}

.perfect-scrollbar-on .sidebar,
.perfect-scrollbar-on .main-panel {
  height: 100%;
  max-height: 100%;
}

@media (min-width: 991px) {
  .sidebar,
  .main-panel,
  .sidebar-wrapper {
    transition-property: top, bottom, width;
    transition-duration: 0.2s, 0.2s, 0.35s;
    transition-timing-function: linear, linear, ease;
    -webkit-overflow-scrolling: touch;
  }
  .sidebar-mini .visible-on-sidebar-regular {
    display: none !important;
  }
  .sidebar-mini .visible-on-sidebar-mini {
    display: inline-block !important;
  }
  .sidebar-mini .sidebar {
    width: 80px;
  }
  .sidebar-mini .sidebar .sidebar-wrapper {
    width: 100% !important;
  }
  .sidebar-mini .sidebar {
    display: block;
    z-index: 1030;
    box-shadow: 0px 2px 22px 0 rgba(0, 0, 0, 0.2), 0px 2px 30px 0 rgba(0, 0, 0, 0.35);
  }
  .sidebar-mini .sidebar .logo a.logo-normal {
    opacity: 0;
    transform: translate3d(-25px, 0, 0);
  }
  .sidebar-mini .sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
  .sidebar-mini .sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
  .sidebar-mini .sidebar .sidebar-wrapper .user .info > a > span,
  .sidebar-mini .sidebar .sidebar-wrapper > .nav li > a p {
    transform: translate3d(-25px, 0, 0);
    opacity: 0;
  }
  .sidebar-mini .sidebar .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon {
    opacity: 1;
  }
  .sidebar-mini .sidebar:hover {
    width: 260px;
  }
  .sidebar-mini .sidebar:hover .logo a.logo-normal {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  .sidebar-mini .sidebar:hover .navbar-minimize {
    opacity: 1;
  }
  .sidebar-mini .sidebar:hover .sidebar-wrapper {
    width: 260px;
  }
  .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav li > a p,
  .sidebar-mini .sidebar:hover .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
  .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
  .sidebar-mini .sidebar:hover .sidebar-wrapper .user .info > a > span {
    transform: translate3d(0px, 0, 0);
    opacity: 1;
  }
  .sidebar-mini .sidebar:hover .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon {
    opacity: 0;
  }
  .sidebar-mini .main-panel > .content {
    padding-left: 130px;
  }
  .sidebar-mini footer {
    padding-left: 130px;
  }
  .navbar-minimize button {
    margin-left: 10px;
  }
  .navbar-minimize button i {
    color: #ffffff;
    font-size: 20px;
  }
}
.panel-header {
  height: 260px;
  padding-top: 80px;
  padding-bottom: 45px;
  background: #141E30; /* fallback for old browsers */
  background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
  position: relative;
  overflow: hidden;
}
.panel-header .header .title {
  color: #ffffff;
}
.panel-header .header .category {
  max-width: 600px;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  font-size: 13px;
}
.panel-header .header .category a {
  color: #ffffff;
}

.panel-header-sm {
  height: 135px;
}

.panel-header-lg {
  height: 380px;
}

@media screen and (max-width: 991px) {
  .sidebar {
    position: fixed;
    display: block;
    top: 0;
    height: 100%;
    width: 260px;
    right: auto;
    left: 0;
    margin: 0;
    border-radius: 0;
    z-index: 1032;
    visibility: visible;
    overflow-y: visible;
    padding: 0;
    transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transform: translate3d(-260px, 0, 0);
  }
}
@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .sidebar {
    transition: none;
  }
}
@media screen and (max-width: 991px) {
  .wrapper {
    transition: 0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
}
@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .wrapper {
    transition: none;
  }
}
@media screen and (max-width: 991px) {
  .main-panel {
    width: 100%;
  }
  .main-panel .content {
    padding-left: 30px;
  }
  .nav-open .main-panel {
    right: 0;
    transform: translate3d(260px, 0, 0);
  }
  .nav-open .sidebar {
    transition: 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
    transform: translate3d(0px, 0, 0);
  }
}
@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  .nav-open .sidebar {
    transition: none;
  }
}
@media screen and (max-width: 991px) {
  .nav-open .sidebar:before {
    content: unset;
  }
  .nav-open body {
    position: relative;
    overflow-x: hidden;
  }
  .nav-open .menu-on-right .main-panel {
    transform: translate3d(-260px, 0, 0);
  }
  .nav-open .menu-on-right .navbar-collapse,
  .nav-open .menu-on-right .sidebar {
    transform: translate3d(0px, 0, 0);
  }
  .nav-open .menu-on-right #bodyClick {
    right: 260px;
    left: auto;
  }
  .menu-on-right .sidebar {
    left: auto;
    right: 0;
    transform: translate3d(260px, 0, 0);
  }
  #bodyClick {
    height: 100%;
    width: 100%;
    position: fixed;
    opacity: 1;
    top: 0;
    right: 0;
    left: 260px;
    content: "";
    z-index: 9999;
    overflow-x: hidden;
    background-color: transparent;
    transition: 0.5s, cubic-bezier(0.685, 0.0473, 0.346, 1);
  }
}
@media screen and (max-width: 991px) and (prefers-reduced-motion: reduce) {
  #bodyClick {
    transition: none;
  }
}
@media screen and (max-width: 768px) {
  .main-panel .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.color-swatch {
  margin: 1rem 0;
  border-radius: 0.25rem;
  background-color: #F4F5F7;
  width: 100% !important;
  height: auto !important;
  margin-bottom: 20px;
}

.color-swatch:after {
  content: " ";
  display: table;
  clear: both;
}

.color-swatch-header {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  border-radius: 0.25rem 0.25rem 0 0;
  border: 1px solid transparent;
}

.color-swatch-header.is-light {
  border-color: #C1C7D0;
}

.color-swatch-header .pass-fail {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.color-swatch-header .pass-fail-item-wrap {
  position: relative;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}

.color-swatch-header .pass-fail-item-group {
  display: inline-block;
  padding: 0 5px;
}

.color-swatch-header .pass-fail-item {
  float: left;
  display: inline-block;
  text-align: center;
  padding: 2px;
}

.color-swatch-header .pass-fail-item.white .example {
  color: #fff;
}

.color-swatch-header .pass-fail-item.small .example {
  font-size: 10px;
}

.color-swatch-header .pass-fail-item .lozenge {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 600;
  background: #000;
  color: #fff;
  padding: 2px 4px;
  line-height: 10px;
  border-radius: 4px;
  letter-spacing: 0.05em;
}

.color-swatch-body {
  position: relative;
  left: 50%;
  float: left;
  padding: 10px 0;
  transform: translateX(-50%);
}

.color-swatch-body .prop-item-wrap {
  float: left;
  padding: 0 15px;
  min-width: 65px;
}

.color-swatch-body .prop-item {
  padding: 15px 0;
}

.color-swatch-body .prop-item .label {
  font-size: 11px;
  color: #62748C;
  text-transform: uppercase;
  line-height: 16px;
}

.color-swatch-body .prop-item .value {
  font-size: 14px;
}

.table-colors .swatch {
  display: inline-block;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.table-colors td:nth-child(1),
.table-colors:first-child td:nth-child(1) {
  line-height: 40px;
}

.table-colors .lozenge {
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
  display: inline-block;
  float: left;
  margin: 5px 10px 0 0;
  padding: 2px 4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #042a53;
  border-radius: 4px;
  background: #97a0af;
}

.bd-example .row > .col span,
.bd-example .row > [class^=col-] span {
  font-size: 0.8400000028rem;
  display: block;
  margin: 1rem 0;
  padding: 0.75rem;
  color: #393f49;
  background-color: #ffffff;
  border-radius: 0.4857rem;
}

.bd-docs .navbar .navbar-brand {
  position: relative;
}

/* Animations */
.nav-pills .nav-link,
.navbar,
.nav-tabs .nav-link,
.sidebar .nav a,
.sidebar .nav a i,
.sidebar .nav p,
.navbar-collapse .navbar-nav .nav-link,
.animation-transition-general,
.off-canvas-sidebar .nav p,
.sidebar .logo a.logo-mini,
.sidebar .logo a.logo-normal,
.off-canvas-sidebar .logo a.logo-mini,
.off-canvas-sidebar .logo a.logo-normal,
.sidebar .user .photo,
.off-canvas-sidebar .user .photo,
.sidebar .user a,
.off-canvas-sidebar .user a,
.sidebar .user .info > a > span,
.off-canvas-sidebar .user .info > a > span,
.tag,
.tag [data-role=remove],
.off-canvas-sidebar .nav p,
.off-canvas-sidebar .logo a.logo-normal,
.sidebar .user a,
.off-canvas-sidebar .user a,
.off-canvas-sidebar .user .info > a > span {
  transition: all 300ms ease 0s;
}

.bootstrap-switch-label:before,
.caret {
  transition: all 150ms ease 0s;
}

.dropdown-toggle[aria-expanded=true]:after,
a[data-toggle=collapse][aria-expanded=true] .caret,
.card-collapse .card a[data-toggle=collapse][aria-expanded=true] i,
.card-collapse .card a[data-toggle=collapse].expanded i {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}

.caret {
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  margin-top: -5px;
  position: absolute;
  top: 30px;
  margin-left: 5px;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.card form label + .form-control {
  margin-bottom: 20px;
}

.card .map-title {
  color: #ffffff;
}
.card.card-chart .gmnoprint,
.card.card-chart .gm-style-cc {
  display: none !important;
}

.bd-docs h1, .bd-docs h2, .bd-docs h3, .bd-docs h4, .bd-docs h5, .bd-docs h6, .bd-docs p, .bd-docs ul li, .bd-docs ol li {
  color: #2c2c2c;
}
.bd-docs .bd-content > table > thead > tr > th {
  color: #222a42;
}
.bd-docs .blockquote, .bd-docs .blockquote p, .bd-docs .card p {
  color: rgba(255, 255, 255, 0.8);
}
.bd-docs .bd-example {
  background: linear-gradient(#1e1e2f, #1e1e24);
}
.bd-docs .navbar {
  border-top: none;
}
.bd-docs .navbar .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8) !important;
}
.bd-docs .bd-example .btn {
  margin: 4px 0;
}
.bd-docs .bd-example .btn .badge {
  display: inline-block;
}
.bd-docs .bd-example .tim-icons {
  color: #ffffff;
}
.bd-docs .bd-example .popover .popover-header {
  color: hsla(0, 0%, 71%, 0.6);
}
.bd-docs .bd-example .popover-body p {
  color: #212529;
}
.bd-docs .bd-example.tooltip-demo p {
  color: rgba(255, 255, 255, 0.8);
}
.bd-docs .card.card-body,
.bd-docs .card .card-body {
  color: hsla(0, 0%, 100%, 0.8);
}
.bd-docs label,
.bd-docs .form-check {
  color: hsla(0, 0%, 100%, 0.8);
}
.bd-docs .form-check + .btn {
  margin-top: 20px;
}
.bd-docs .bd-example thead th,
.bd-docs table thead th {
  color: hsla(0, 0%, 100%, 0.8);
}
.bd-docs .bd-example h1, .bd-docs .bd-example h2, .bd-docs .bd-example h3, .bd-docs .bd-example h4, .bd-docs .bd-example h5, .bd-docs .bd-example h6,
.bd-docs .bd-example .h1, .bd-docs .bd-example .h2, .bd-docs .bd-example .h3, .bd-docs .bd-example .h4, .bd-docs .bd-example .h5, .bd-docs .bd-example .h6,
.bd-docs table h1,
.bd-docs table h2,
.bd-docs table h3,
.bd-docs table h4,
.bd-docs table h5,
.bd-docs table h6,
.bd-docs table .h1,
.bd-docs table .h2,
.bd-docs table .h3,
.bd-docs table .h4,
.bd-docs table .h5,
.bd-docs table .h6 {
  color: hsla(0, 0%, 100%, 0.8);
}
.bd-docs .bd-example .datepicker thead th, .bd-docs .bd-example .datepicker table thead th, .bd-docs .bd-example .datepicker .tim-icons,
.bd-docs table .datepicker thead th,
.bd-docs table .datepicker table thead th,
.bd-docs table .datepicker .tim-icons {
  color: #3D74DA;
}
.bd-docs .bd-example .picker-switch .tim-icons,
.bd-docs table .picker-switch .tim-icons {
  color: #3D74DA;
}
.bd-docs .footer .container-fluid > nav {
  display: inline-block;
}

.modal.show .modal-dialog {
  transform: translate(0, 30%);
}

code {
  color: #f3a4b5;
}

@media screen and (max-width: 991px) {
  .profile-photo .profile-photo-small {
    margin-left: -2px;
  }
  .button-dropdown {
    display: none;
  }
  #searchModal .modal-dialog {
    margin: 20px;
  }
  #minimizeSidebar {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .landing-page .section-story-overview .image-container:nth-child(2) {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 576px) {
  .page-header .container h6.category-absolute {
    width: 90%;
  }
  .form-horizontal .col-form-label, .form-horizontal .label-on-right {
    text-align: inherit;
    padding-top: 0;
  }
  .form-horizontal .col-form-label code, .form-horizontal .label-on-right code {
    padding: 0 10px;
  }
}
.rtl .sidebar,
.rtl .bootstrap-navbar {
  right: 0;
  left: auto;
  margin-right: 20px;
  margin-left: 0;
}
.rtl .sidebar .nav i,
.rtl .bootstrap-navbar .nav i {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}
.rtl .sidebar .nav p,
.rtl .bootstrap-navbar .nav p {
  margin-right: 45px;
  text-align: right;
}
.rtl .sidebar .nav .caret,
.rtl .bootstrap-navbar .nav .caret {
  left: 11px;
  right: auto;
}
.rtl .sidebar .logo a.logo-mini,
.rtl .bootstrap-navbar .logo a.logo-mini {
  float: right;
  margin-right: 20px;
  margin-left: 10px;
}
.rtl .sidebar .logo .simple-text,
.rtl .bootstrap-navbar .logo .simple-text {
  text-align: right;
}
.rtl .sidebar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.rtl .sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.rtl .bootstrap-navbar .sidebar-wrapper .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon,
.rtl .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-mini-icon {
  float: right;
  margin-left: 15px;
  margin-right: 0;
}
.rtl .sidebar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.rtl .sidebar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.rtl .bootstrap-navbar .sidebar-wrapper > .nav [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal,
.rtl .bootstrap-navbar .sidebar-wrapper .user .info [data-toggle=collapse] ~ div > ul > li > a .sidebar-normal {
  text-align: right;
}
.rtl .sidebar:before,
.rtl .bootstrap-navbar:before {
  right: 30px;
  left: auto;
}
.rtl .main-panel .content {
  padding: 80px 280px 30px 30px;
}
.rtl .footer {
  padding: 24px 300px 24px 0;
}
.rtl .dropdown-toggle:after {
  margin-right: 0.255em;
  margin-left: 0;
}
.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar {
  right: -220px !important;
  left: auto;
}
.rtl .dropdown-menu.dropdown-menu-right.dropdown-navbar:before {
  right: auto;
  left: 35px;
}
.rtl .notification {
  left: 40px;
  right: auto;
}
.rtl .dropdown-menu {
  right: auto;
  left: 0;
}
.rtl .minimize-sidebar {
  float: right;
}
.rtl .alert {
  left: 0;
  margin-left: 0;
  margin-right: 0;
}
.rtl .alert button.close {
  left: 10px !important;
  right: auto !important;
}
.rtl .alert span[data-notify=icon] {
  right: 15px;
  left: auto;
}
.rtl .alert.alert-with-icon {
  padding-right: 65px;
  padding-left: 15px;
}
.rtl .alert.alert-with-icon i[data-notify=icon] {
  right: 15px;
  left: auto;
}
.rtl .search-bar {
  margin-left: 0;
}
.rtl .modal-search .modal-header .close {
  margin-right: auto;
  left: 10px;
}
@media (min-width: 991px) {
  .rtl.sidebar-mini .main-panel .content {
    padding-right: 130px;
    padding-left: 50px;
  }
  .rtl.sidebar-mini footer {
    padding-right: 130px;
    padding-left: 50px;
  }
  .rtl .navbar-minimize button {
    margin-right: -5px;
  }
}
@media screen and (max-width: 991px) {
  .rtl .sidebar {
    margin-right: 0;
  }
  .rtl .main-panel .content {
    padding-right: 50px;
  }
  .rtl #bodyClick {
    right: 260px;
    left: auto;
  }
  .rtl .footer {
    padding-right: 15px;
  }
}
.rtl .navbar .navbar-nav {
  padding-right: 0;
}
.rtl .navbar .navbar-nav a.nav-link {
  text-align: right;
}
.rtl .navbar .navbar-nav a.nav-link p {
  margin-right: 7px;
}
.rtl .navbar .navbar-nav .btn {
  margin-right: 0;
  padding: 0;
}
.rtl .navbar .navbar-nav .btn i {
  margin-left: 4px;
  margin-right: 5px;
}
.rtl .navbar .navbar-nav .search-bar span {
  margin-right: 10px;
}
.rtl .ps__rail-y {
  right: auto !important;
  left: 0;
}
.rtl .main-panel {
  position: fixed;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media screen and (max-width: 768px) {
  .rtl .main-panel .content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.form-group.has-danger .error,
.input-group.has-danger .error {
  color: #E06969;
}

.form-group.has-success .error,
.input-group.has-success .error {
  color: #77dc55;
}

.form-group.no-border.form-control-lg .input-group-append .input-group-text,
.input-group.no-border.form-control-lg .input-group-append .input-group-text {
  padding: 15px 0 15px 19px;
}
.form-group.no-border.form-control-lg .form-control,
.input-group.no-border.form-control-lg .form-control {
  padding: 15px 19px;
}
.form-group.no-border.form-control-lg .form-control + .input-group-prepend .input-group-text, .form-group.no-border.form-control-lg .form-control + .input-group-append .input-group-text,
.input-group.no-border.form-control-lg .form-control + .input-group-prepend .input-group-text,
.input-group.no-border.form-control-lg .form-control + .input-group-append .input-group-text {
  padding: 15px 19px 15px 0;
}

.form-group.form-control-lg .form-control,
.input-group.form-control-lg .form-control {
  padding: 14px 18px;
  height: 100%;
}
.form-group.form-control-lg .form-control + .input-group-prepend .input-group-text, .form-group.form-control-lg .form-control + .input-group-append .input-group-text,
.input-group.form-control-lg .form-control + .input-group-prepend .input-group-text,
.input-group.form-control-lg .form-control + .input-group-append .input-group-text {
  padding: 14px 18px 14px 0;
}
.form-group.form-control-lg .input-group-prepend .input-group-text,
.form-group.form-control-lg .input-group-append .input-group-text,
.input-group.form-control-lg .input-group-prepend .input-group-text,
.input-group.form-control-lg .input-group-append .input-group-text {
  padding: 14px 0 15px 18px;
}
.form-group.form-control-lg .input-group-prepend .input-group-text + .form-control,
.form-group.form-control-lg .input-group-append .input-group-text + .form-control,
.input-group.form-control-lg .input-group-prepend .input-group-text + .form-control,
.input-group.form-control-lg .input-group-append .input-group-text + .form-control {
  padding: 15px 18px 15px 16px;
}

.form-group.no-border .form-control,
.input-group.no-border .form-control {
  padding: 11px 19px;
}
.form-group.no-border .form-control + .input-group-prepend .input-group-text, .form-group.no-border .form-control + .input-group-append .input-group-text,
.input-group.no-border .form-control + .input-group-prepend .input-group-text,
.input-group.no-border .form-control + .input-group-append .input-group-text {
  padding: 11px 19px 11px 0;
}
.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
  padding: 11px 0 11px 19px;
}

.form-group .form-control,
.input-group .form-control {
  padding: 10px 18px 10px 18px;
}
.form-group .form-control + .input-group-prepend .input-group-text, .form-group .form-control + .input-group-append .input-group-text,
.input-group .form-control + .input-group-prepend .input-group-text,
.input-group .form-control + .input-group-append .input-group-text {
  padding: 10px 18px 10px 0;
}
.form-group .input-group-prepend .input-group-text,
.form-group .input-group-append .input-group-text,
.input-group .input-group-prepend .input-group-text,
.input-group .input-group-append .input-group-text {
  padding: 10px 0 10px 18px;
}
.form-group .input-group-prepend .input-group-text + .form-control, .form-group .input-group-prepend .input-group-text ~ .form-control,
.form-group .input-group-append .input-group-text + .form-control,
.form-group .input-group-append .input-group-text ~ .form-control,
.input-group .input-group-prepend .input-group-text + .form-control,
.input-group .input-group-prepend .input-group-text ~ .form-control,
.input-group .input-group-append .input-group-text + .form-control,
.input-group .input-group-append .input-group-text ~ .form-control {
  padding: 10px 19px 11px 16px;
}

.form-group.no-border .form-control,
.form-group.no-border .form-control + .input-group-prepend .input-group-text,
.form-group.no-border .form-control + .input-group-append .input-group-text,
.input-group.no-border .form-control,
.input-group.no-border .form-control + .input-group-prepend .input-group-text,
.input-group.no-border .form-control + .input-group-append .input-group-text {
  background-color: rgb(35.734, 44.142, 69.366);
  border: medium none;
}
.form-group.no-border .form-control:focus, .form-group.no-border .form-control:active, .form-group.no-border .form-control:active,
.form-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.form-group.no-border .form-control + .input-group-append .input-group-text:active,
.form-group.no-border .form-control + .input-group-append .input-group-text:active,
.input-group.no-border .form-control:focus,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control:active,
.input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.input-group.no-border .form-control + .input-group-append .input-group-text:active,
.input-group.no-border .form-control + .input-group-append .input-group-text:active {
  border: medium none;
  background-color: rgb(37.468, 46.284, 72.732);
}
.form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: rgb(37.468, 46.284, 72.732);
}
.form-group.no-border .input-group-prepend .input-group-text,
.form-group.no-border .input-group-append .input-group-text,
.input-group.no-border .input-group-prepend .input-group-text,
.input-group.no-border .input-group-append .input-group-text {
  background-color: rgb(35.734, 44.142, 69.366);
  border: none;
}

.has-error .form-control-feedback, .has-error .control-label {
  color: #E06969;
}

.has-success .form-control-feedback, .has-success .control-label {
  color: #77dc55;
}

.input-group-append .input-group-text,
.input-group-prepend .input-group-text {
  background-color: transparent;
  border: 1px solid rgb(42.67, 52.71, 82.83);
  border-radius: 0.8285rem;
  color: #ffffff;
  transition: color 0.3s ease-in-out, border-color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
  opacity: 0.5;
}
.has-danger.input-group-focus .input-group-append .input-group-text,
.has-danger.input-group-focus .input-group-prepend .input-group-text {
  background-color: transparent;
}
.has-success .input-group-append .input-group-text,
.has-success .input-group-prepend .input-group-text {
  background-color: transparent;
}
.has-danger .form-control:focus + .input-group-append .input-group-text,
.has-danger .form-control:focus + .input-group-prepend .input-group-text {
  color: #E06969;
}
.has-success .form-control:focus + .input-group-append .input-group-text,
.has-success .form-control:focus + .input-group-prepend .input-group-text {
  color: #77dc55;
}
.input-group-append .input-group-text + .form-control, .input-group-append .input-group-text ~ .form-control,
.input-group-prepend .input-group-text + .form-control,
.input-group-prepend .input-group-text ~ .form-control {
  padding: -0.5rem 0.7rem;
  padding-left: 18px;
}
.input-group-append .input-group-text i,
.input-group-prepend .input-group-text i {
  width: 17px;
}

.input-group-append,
.input-group-prepend .input-group-text,
.input-group-prepend .input-group-text {
  background-color: transparent;
  border: 1px solid rgb(42.67, 52.71, 82.83);
  border-radius: 0.8285rem;
  color: #ffffff;
  margin: 0;
}

.input-group-append .input-group-text {
  border-left: none;
}

.input-group-prepend .input-group-text {
  border-right: none;
}

.input-group-focus .input-group-prepend .input-group-text,
.input-group-focus .input-group-append .input-group-text {
  background-color: #ffffff;
  border-color: #3D74DA;
  background-color: transparent;
  border-color: #3D74DA;
}
.input-group-focus.no-border .input-group-prepend .input-group-text,
.input-group-focus.no-border .input-group-append .input-group-text {
  background-color: rgb(37.468, 46.284, 72.732);
}

.input-group,
.form-group {
  margin-bottom: 10px;
  position: relative;
}
.input-group .form-control-static,
.form-group .form-control-static {
  margin-top: 9px;
}

.input-group[disabled] .input-group-prepend .input-group-text,
.input-group[disabled] .input-group-append .input-group-text {
  background-color: #E3E3E3;
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0.8285rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0 none;
}

.input-group .form-control:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-right: 0 none;
}

.input-group .form-control:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-left: 0 none;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #1d253b;
  color: #d38080;
  cursor: not-allowed;
}

.input-group-btn .btn {
  border-width: 1px;
  padding: 11px 0.7rem;
}

.input-group-btn .btn-default:not(.btn-fill) {
  border-color: #DDDDDD;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
}

textarea.form-control {
  max-width: 100%;
  min-height: 100px;
  padding: 15px;
  font-size: 1.1rem;
  line-height: 1.6;
  resize: none;
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: 20px;
  background-image: linear-gradient(#27293d, #27293d), linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  position: relative;
}
textarea.form-control:focus, textarea.form-control:active {
  outline: none;
  background-image: linear-gradient(#27293d, #27293d), linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
}

.white-content textarea.form-control {
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, rgb(200, 58, 177), rgb(59, 188, 252));
}
.white-content textarea.form-control:focus, .white-content textarea.form-control:active {
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, rgb(200, 58, 177), rgb(58, 179, 255));
}

.has-success.form-group .form-control, .has-success.form-group.no-border .form-control,
.has-danger.form-group .form-control,
.has-danger.form-group.no-border .form-control {
  padding-right: 40px;
}

.form.form-newsletter .form-group {
  float: left;
  width: 78%;
  margin-right: 2%;
  margin-top: 9px;
}

.input-group .input-group-btn {
  padding: 0 12px;
}

.form-group input[type=file] {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.form-text {
  font-size: 0.8400000028rem;
  color: rgba(255, 255, 255, 0.8);
}

.form-control-lg {
  padding: 0;
  font-size: inherit;
  line-height: 0;
  border-radius: 0;
}
.form-control-lg .form-control {
  height: calc(2.875rem + 2px);
}

.form-horizontal .col-form-label,
.form-horizontal .label-on-right {
  padding: 10px 5px 0 15px;
  text-align: right;
  max-width: 180px;
}
.form-horizontal .checkbox-radios {
  margin-bottom: 15px;
}
.form-horizontal .checkbox-radios .form-check:first-child {
  margin-top: 8px;
}
.form-horizontal .label-on-right {
  text-align: left;
  padding: 10px 15px 0 5px;
}
.form-horizontal .form-check-inline {
  margin-top: 6px;
}
.form-horizontal .form-check-inline .form-check-label {
  margin-right: 1.5rem;
}

.search-bar {
  margin-left: 30px;
}
.search-bar .btn {
  margin: 0;
}
.search-bar.input-group {
  border-radius: 25px;
  z-index: 4;
  margin-bottom: 0;
  height: 43px;
  padding-right: 5px;
}
.search-bar.input-group .input-group-addon {
  padding: 10px;
  background: transparent;
  border: none;
  color: rgba(255, 255, 255, 0.7);
}
.search-bar.input-group i {
  font-size: 20px;
  color: #ffffff;
  margin-top: 0 !important;
}
.search-bar.input-group input {
  background: transparent;
  border: none !important;
  border-radius: 0;
  padding: 12px !important;
  font-size: 12px;
  opacity: 0.5;
}
.search-bar.input-group input:focus {
  background: transparent;
}
.search-bar.input-group .form-control {
  opacity: 1;
  color: #ffffff;
}
.search-bar.input-group .form-control::-moz-placeholder {
  color: white;
}
.search-bar.input-group .form-control::placeholder {
  color: white;
}

.modal-search .modal-dialog {
  max-width: 1000px;
  margin: 20px auto;
}
.modal-search .modal-dialog .form-control {
  border: none;
  color: #222a42;
}
.modal-search .modal-dialog .form-control::-moz-placeholder {
  color: #222a42;
}
.modal-search .modal-dialog .form-control::placeholder {
  color: #222a42;
}

.input-group-prepend {
  margin-right: 0;
}

.input-group-prepend .tim-icons,
.input-group-append .tim-icons {
  font-size: 1rem;
}

input[type=radio] {
  position: relative;
  display: inline-block;
  min-width: 1.5em;
  min-height: 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin: 0.2em;
  flex: 0 0 1.5em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #8c029e;
  border-radius: 50%;
  vertical-align: middle;
}

input[type=radio]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: 120ms transform ease-in-out;
  background-image: linear-gradient(239deg, #f14ad5 0%, #0594d1 99%);
  transform-origin: center;
}

input[type=radio]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}

input[type=checkbox] {
  position: relative;
  display: inline-block;
  min-width: 1.5em;
  min-height: 1.5em;
  width: 1.5em;
  height: 1.5em;
  margin: 0.2em;
  flex: 0 0 1.5em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: 1px solid #8c029e;
  border-radius: 0.15em;
  vertical-align: middle;
}

input[type=checkbox]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9em;
  height: 0.9em;
  transform: translate(-50%, -50%) scale(0);
  transition: 120ms transform ease-in-out;
  background-image: linear-gradient(239deg, #f14ad5 0%, #0594d1 99%);
  transform-origin: center;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type=checkbox]:checked::before {
  transform: translate(-50%, -50%) scale(1);
}

.carousel-multiple::before {
  display: block;
  margin-bottom: 20px;
  content: "";
}
@media (min-width: 576px) and (max-width: 767px) {
  .carousel-multiple::before {
    content: "";
  }
  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }
  .carousel-multiple .carousel-inner {
    overflow: visible;
  }
  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item {
    display: flex;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }
  .carousel-multiple .carousel-inner .carousel-item-next, .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
  .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-multiple::before {
    content: "";
  }
  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }
  .carousel-multiple .carousel-inner {
    overflow: visible;
  }
  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item {
    display: flex;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -50%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }
  .carousel-multiple .carousel-inner .carousel-item-next, .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
  .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-multiple::before {
    content: "";
  }
  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }
  .carousel-multiple .carousel-inner {
    overflow: visible;
  }
  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item {
    display: flex;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333333333%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }
  .carousel-multiple .carousel-inner .carousel-item-next, .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
  .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .carousel-multiple::before {
    content: "";
  }
  .carousel-multiple .carousel-item.active,
  .carousel-multiple .carousel-item-next,
  .carousel-multiple .carousel-item-prev {
    display: flex;
  }
  .carousel-multiple .carousel-inner {
    overflow: visible;
  }
  .carousel-multiple .carousel-inner .carousel-item {
    margin-right: inherit;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item {
    display: flex;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item, .carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
    transition: none;
  }
  .carousel-multiple .carousel-inner .carousel-item.active + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333333333%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
  }
  .carousel-multiple .carousel-inner .carousel-item-next, .carousel-multiple .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }
  .carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    right: 100%;
    z-index: -1;
    display: flex;
    visibility: visible;
    height: 100%;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  .carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
  .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item, .carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    display: flex;
    visibility: visible;
  }
}

.bg-blue {
  background-color: #5e72e4 !important;
}

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: rgb(50.3244680851, 75.75, 220.6755319149) !important;
}

.bg-indigo {
  background-color: #5603ad !important;
}

a.bg-indigo:hover, a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus {
  background-color: rgb(61.0795454545, 2.1306818182, 122.8693181818) !important;
}

.bg-purple {
  background-color: #8965e0 !important;
}

a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: rgb(104.4702702703, 58.5459459459, 215.4540540541) !important;
}

.bg-pink {
  background-color: #f3a4b5 !important;
}

a.bg-pink:hover, a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus {
  background-color: rgb(237.0582524272, 118.9417475728, 144.359223301) !important;
}

.bg-red {
  background-color: #f5365c !important;
}

a.bg-red:hover, a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus {
  background-color: rgb(236.2464454976, 11.7535545024, 56.4170616114) !important;
}

.bg-orange {
  background-color: #fb6340 !important;
}

a.bg-orange:hover, a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: rgb(249.9538461538, 58.2, 14.0461538462) !important;
}

.bg-yellow {
  background-color: #ffd600 !important;
}

a.bg-yellow:hover, a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus {
  background-color: rgb(204, 171.2, 0) !important;
}

.bg-green {
  background-color: #2dce89 !important;
}

a.bg-green:hover, a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
  background-color: rgb(35.8565737052, 164.1434262948, 109.1633466135) !important;
}

.bg-teal {
  background-color: #11cdef !important;
}

a.bg-teal:hover, a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: rgb(12.9133858268, 164.6456692913, 192.0866141732) !important;
}

.bg-cyan {
  background-color: #2bffc6 !important;
}

a.bg-cyan:hover, a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus {
  background-color: rgb(0, 247, 180.5896226415) !important;
}

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

a.bg-white:hover, a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus {
  background-color: rgb(229.5, 229.5, 229.5) !important;
}

.bg-gray {
  background-color: #6c757d !important;
}

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
  background-color: rgb(84.3605150215, 91.3905579399, 97.6394849785) !important;
}

.bg-gray-dark {
  background-color: #32325d !important;
}

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

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

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(176.9418604651, 186.5, 196.0581395349) !important;
}

.bg-lighter {
  background-color: #e9ecef !important;
}

a.bg-lighter:hover, a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus {
  background-color: rgb(203.4736842105, 210.5, 217.5263157895) !important;
}

.bg-gradient-primary {
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x !important;
}

.bg-gradient-secondary {
  background: #00ABF3 linear-gradient(180deg, rgb(4.5, 149.85, 213.6), #00ABF3) repeat-x !important;
}

.bg-gradient-success {
  background: #77dc55 linear-gradient(180deg, rgb(105.65, 191.5, 79.3), #77dc55) repeat-x !important;
}

.bg-gradient-info {
  background: #00DDFF linear-gradient(180deg, rgb(4.5, 192.35, 223.8), #00DDFF) repeat-x !important;
}

.bg-gradient-warning {
  background: #FFA78A linear-gradient(180deg, rgb(221.25, 146.45, 124.35), #FFA78A) repeat-x !important;
}

.bg-gradient-danger {
  background: #D23737 linear-gradient(180deg, rgb(183, 51.25, 53.8), #D23737) repeat-x !important;
}

.bg-gradient-light {
  background: #adb5bd linear-gradient(180deg, rgb(151.55, 158.35, 167.7), #adb5bd) repeat-x !important;
}

.bg-gradient-dark {
  background: #212529 linear-gradient(180deg, rgb(32.55, 35.95, 41.9), #212529) repeat-x !important;
}

.bg-gradient-default {
  background: #d38080 linear-gradient(180deg, rgb(183.85, 113.3, 115.85), #d38080) repeat-x !important;
}

.bg-gradient-white {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-neutral {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-darker {
  background: hsl(210, 10.8108108108%, -0.4901960784%) linear-gradient(180deg, rgb(3.5523648649, 3.4375, 5.8726351351), hsl(210, 10.8108108108%, -0.4901960784%)) repeat-x !important;
}

.bg-gradient-blue {
  background: #5e72e4 linear-gradient(180deg, rgb(84.4, 101.4, 200.85), #5e72e4) repeat-x !important;
}

.bg-gradient-indigo {
  background: #5603ad linear-gradient(180deg, rgb(77.6, 7.05, 154.1), #5603ad) repeat-x !important;
}

.bg-gradient-purple {
  background: #8965e0 linear-gradient(180deg, rgb(120.95, 90.35, 197.45), #8965e0) repeat-x !important;
}

.bg-gradient-pink {
  background: #f3a4b5 linear-gradient(180deg, rgb(211.05, 143.9, 160.9), #f3a4b5) repeat-x !important;
}

.bg-gradient-red {
  background: #f5365c linear-gradient(180deg, rgb(212.75, 50.4, 85.25), #f5365c) repeat-x !important;
}

.bg-gradient-orange {
  background: #fb6340 linear-gradient(180deg, rgb(217.85, 88.65, 61.45), #fb6340) repeat-x !important;
}

.bg-gradient-yellow {
  background: #ffd600 linear-gradient(180deg, rgb(221.25, 186.4, 7.05), #ffd600) repeat-x !important;
}

.bg-gradient-green {
  background: #2dce89 linear-gradient(180deg, rgb(42.75, 179.6, 123.5), #2dce89) repeat-x !important;
}

.bg-gradient-teal {
  background: #11cdef linear-gradient(180deg, rgb(18.95, 178.75, 210.2), #11cdef) repeat-x !important;
}

.bg-gradient-cyan {
  background: #2bffc6 linear-gradient(180deg, rgb(41.05, 221.25, 175.35), #2bffc6) repeat-x !important;
}

.bg-gradient-white {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-gray {
  background: #6c757d linear-gradient(180deg, rgb(96.3, 103.95, 113.3), #6c757d) repeat-x !important;
}

.bg-gradient-gray-dark {
  background: #32325d linear-gradient(180deg, rgb(47, 47, 86.1), #32325d) repeat-x !important;
}

.bg-gradient-light {
  background: #ced4da linear-gradient(180deg, rgb(179.6, 184.7, 192.35), #ced4da) repeat-x !important;
}

.bg-gradient-lighter {
  background: #e9ecef linear-gradient(180deg, rgb(202.55, 205.1, 210.2), #e9ecef) repeat-x !important;
}

.section-primary {
  background-color: #1e1e2f !important;
}

a.section-primary:hover, a.section-primary:focus,
button.section-primary:hover,
button.section-primary:focus {
  background-color: rgb(10.1298701299, 10.1298701299, 15.8701298701) !important;
}

.section-secondary {
  background-color: #00ABF3 !important;
}

a.section-secondary:hover, a.section-secondary:focus,
button.section-secondary:hover,
button.section-secondary:focus {
  background-color: rgb(0, 135.1111111111, 192) !important;
}

.section-light {
  background-color: #ced4da !important;
}

a.section-light:hover, a.section-light:focus,
button.section-light:hover,
button.section-light:focus {
  background-color: rgb(176.9418604651, 186.5, 196.0581395349) !important;
}

.section-dark {
  background-color: #212529 !important;
}

a.section-dark:hover, a.section-dark:focus,
button.section-dark:hover,
button.section-dark:focus {
  background-color: rgb(10.2567567568, 11.5, 12.7432432432) !important;
}

.section-darker {
  background-color: hsl(210, 10.8108108108%, -0.4901960784%) !important;
}

a.section-darker:hover, a.section-darker:focus,
button.section-darker:hover,
button.section-darker:focus {
  background-color: hsl(210, 10.8108108108%, -10.4901960784%) !important;
}

.bg-gradient-primary {
  background: #3D74DA linear-gradient(180deg, rgb(56.35, 103.1, 192.35), #3D74DA) repeat-x !important;
}

.bg-gradient-secondary {
  background: #00ABF3 linear-gradient(180deg, rgb(4.5, 149.85, 213.6), #00ABF3) repeat-x !important;
}

.bg-gradient-success {
  background: #77dc55 linear-gradient(180deg, rgb(105.65, 191.5, 79.3), #77dc55) repeat-x !important;
}

.bg-gradient-info {
  background: #00DDFF linear-gradient(180deg, rgb(4.5, 192.35, 223.8), #00DDFF) repeat-x !important;
}

.bg-gradient-warning {
  background: #FFA78A linear-gradient(180deg, rgb(221.25, 146.45, 124.35), #FFA78A) repeat-x !important;
}

.bg-gradient-danger {
  background: #D23737 linear-gradient(180deg, rgb(183, 51.25, 53.8), #D23737) repeat-x !important;
}

.bg-gradient-light {
  background: #adb5bd linear-gradient(180deg, rgb(151.55, 158.35, 167.7), #adb5bd) repeat-x !important;
}

.bg-gradient-dark {
  background: #212529 linear-gradient(180deg, rgb(32.55, 35.95, 41.9), #212529) repeat-x !important;
}

.bg-gradient-default {
  background: #d38080 linear-gradient(180deg, rgb(183.85, 113.3, 115.85), #d38080) repeat-x !important;
}

.bg-gradient-white {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-neutral {
  background: #ffffff linear-gradient(180deg, rgb(221.25, 221.25, 223.8), #ffffff) repeat-x !important;
}

.bg-gradient-darker {
  background: hsl(210, 10.8108108108%, -0.4901960784%) linear-gradient(180deg, rgb(3.5523648649, 3.4375, 5.8726351351), hsl(210, 10.8108108108%, -0.4901960784%)) repeat-x !important;
}

.fill-primary {
  fill: #3D74DA;
}

.stroke-primary {
  stroke: #3D74DA;
}

.fill-secondary {
  fill: #00ABF3;
}

.stroke-secondary {
  stroke: #00ABF3;
}

.fill-success {
  fill: #77dc55;
}

.stroke-success {
  stroke: #77dc55;
}

.fill-info {
  fill: #00DDFF;
}

.stroke-info {
  stroke: #00DDFF;
}

.fill-warning {
  fill: #FFA78A;
}

.stroke-warning {
  stroke: #FFA78A;
}

.fill-danger {
  fill: #D23737;
}

.stroke-danger {
  stroke: #D23737;
}

.fill-light {
  fill: #adb5bd;
}

.stroke-light {
  stroke: #adb5bd;
}

.fill-dark {
  fill: #212529;
}

.stroke-dark {
  stroke: #212529;
}

.fill-default {
  fill: #d38080;
}

.stroke-default {
  stroke: #d38080;
}

.fill-white {
  fill: #ffffff;
}

.stroke-white {
  stroke: #ffffff;
}

.fill-neutral {
  fill: #ffffff;
}

.stroke-neutral {
  stroke: #ffffff;
}

.fill-darker {
  fill: hsl(210, 10.8108108108%, -0.4901960784%);
}

.stroke-darker {
  stroke: hsl(210, 10.8108108108%, -0.4901960784%);
}

.fill-opacity-8 {
  fill-opacity: 0.8;
}

.floating {
  animation: floating 3s ease infinite;
  will-change: transform;
}
.floating:hover {
  animation-play-state: paused;
}

.floating-lg {
  animation: floating-lg 3s ease infinite;
}

.floating-sm {
  animation: floating-sm 3s ease infinite;
}

@keyframes floating-lg {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(15px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes floating-sm {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0px);
  }
}
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-1 {
  top: 0.25rem;
}

.right-1 {
  right: 0.25rem;
}

.bottom-1 {
  bottom: 0.25rem;
}

.left-1 {
  left: 0.25rem;
}

.top-2 {
  top: 0.5rem;
}

.right-2 {
  right: 0.5rem;
}

.bottom-2 {
  bottom: 0.5rem;
}

.left-2 {
  left: 0.5rem;
}

.top-3 {
  top: 1rem;
}

.right-3 {
  right: 1rem;
}

.bottom-3 {
  bottom: 1rem;
}

.left-3 {
  left: 1rem;
}

.top-4 {
  top: 1.5rem;
}

.right-4 {
  right: 1.5rem;
}

.bottom-4 {
  bottom: 1.5rem;
}

.left-4 {
  left: 1.5rem;
}

.top-5 {
  top: 3rem;
}

.right-5 {
  right: 3rem;
}

.bottom-5 {
  bottom: 3rem;
}

.left-5 {
  left: 3rem;
}

.top-sm {
  top: 2rem;
}

.right-sm {
  right: 2rem;
}

.bottom-sm {
  bottom: 2rem;
}

.left-sm {
  left: 2rem;
}

.top-md {
  top: 4rem;
}

.right-md {
  right: 4rem;
}

.bottom-md {
  bottom: 4rem;
}

.left-md {
  left: 4rem;
}

.top-lg {
  top: 6rem;
}

.right-lg {
  right: 6rem;
}

.bottom-lg {
  bottom: 6rem;
}

.left-lg {
  left: 6rem;
}

.top-xl {
  top: 8rem;
}

.right-xl {
  right: 8rem;
}

.bottom-xl {
  bottom: 8rem;
}

.left-xl {
  left: 8rem;
}

.center {
  left: 50%;
  transform: translateX(-50%);
}

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

.fix-h-15 {
  height: 15px !important;
}

.fix-h-20 {
  height: 20px !important;
}

.fix-h-25 {
  height: 25px !important;
}

.fix-h-50 {
  height: 50px !important;
}

.fix-h-100 {
  height: 100px !important;
}

.fix-h-200 {
  height: 200px !important;
}

.fix-h-300 {
  height: 300px !important;
}

.fix-h-400 {
  height: 400px !important;
}

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

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

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

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

.max-fix-h-100 {
  max-height: 100px !important;
}

.max-fix-h-200 {
  max-height: 200px !important;
}

.max-fix-h-300 {
  max-height: 300px !important;
}

.max-fix-h-400 {
  max-height: 400px !important;
}

.max-fix-h-500 {
  max-height: 500px !important;
}

.max-fix-h-600 {
  max-height: 600px !important;
}

.max-fix-w-100 {
  max-width: 100px !important;
}

.max-fix-w-200 {
  max-width: 200px !important;
}

.max-fix-w-300 {
  max-width: 300px !important;
}

.max-fix-w-400 {
  max-width: 400px !important;
}

.min-fix-h-100 {
  min-height: 100px !important;
}

.min-fix-h-200 {
  min-height: 200px !important;
}

.min-fix-h-300 {
  min-height: 300px !important;
}

.min-fix-h-400 {
  min-height: 400px !important;
}

.row.row-grid > [class*=col-] + [class*=col-] {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  .row.row-grid > [class*=col-lg-] + [class*=col-lg-] {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .row.row-grid > [class*=col-md-] + [class*=col-md-] {
    margin-top: 0;
  }
}
@media (min-width: 576px) {
  .row.row-grid > [class*=col-sm-] + [class*=col-sm-] {
    margin-top: 0;
  }
}
.row-grid + .row-grid {
  margin-top: 3rem;
}

@media (min-width: 992px) {
  [class*=mt--],
  [class*=mr--],
  [class*=mb--],
  [class*=ml--] {
    position: relative;
    z-index: 5;
  }
  .mt--100 {
    margin-top: -100px !important;
  }
  .mr--100 {
    margin-right: -100px !important;
  }
  .mb--100 {
    margin-bottom: -100px !important;
  }
  .ml--100 {
    margin-left: -100px !important;
  }
  .mt--150 {
    margin-top: -150px !important;
  }
  .mb--150 {
    margin-bottom: -150px !important;
  }
  .mt--200 {
    margin-top: -200px !important;
  }
  .mb--200 {
    margin-bottom: -200px !important;
  }
  .mt--300 {
    margin-top: -300px !important;
  }
  .mb--300 {
    margin-bottom: -300px !important;
  }
  .pt-100 {
    padding-top: 100px !important;
  }
  .pb-100 {
    padding-bottom: 100px !important;
  }
  .pt-150 {
    padding-top: 150px !important;
  }
  .pb-150 {
    padding-bottom: 150px !important;
  }
  .pt-200 {
    padding-top: 200px !important;
  }
  .pb-200 {
    padding-bottom: 200px !important;
  }
  .pt-250 {
    padding-top: 250px !important;
  }
  .pb-250 {
    padding-bottom: 250px !important;
  }
  .pt-300 {
    padding-top: 300px !important;
  }
  .pb-300 {
    padding-bottom: 300px !important;
  }
}
@media screen and (max-width: 768px) {
  .mobile-ps-1 {
    padding-left: 1 !important;
  }
  .mobile-ms-1 {
    margin-left: 1 !important;
  }
  .mobile-pe-1 {
    padding-right: 1 !important;
  }
  .mobile-me-1 {
    margin-right: 1 !important;
  }
  .mobile-pt-1 {
    padding-top: 1 !important;
  }
  .mobile-mt-1 {
    margin-top: 1 !important;
  }
  .mobile-pb-1 {
    padding-bottom: 1 !important;
  }
  .mobile-mb-1 {
    margin-bottom: 1 !important;
  }
  .mobile-ps-2 {
    padding-left: 2 !important;
  }
  .mobile-ms-2 {
    margin-left: 2 !important;
  }
  .mobile-pe-2 {
    padding-right: 2 !important;
  }
  .mobile-me-2 {
    margin-right: 2 !important;
  }
  .mobile-pt-2 {
    padding-top: 2 !important;
  }
  .mobile-mt-2 {
    margin-top: 2 !important;
  }
  .mobile-pb-2 {
    padding-bottom: 2 !important;
  }
  .mobile-mb-2 {
    margin-bottom: 2 !important;
  }
  .mobile-ps-3 {
    padding-left: 3 !important;
  }
  .mobile-ms-3 {
    margin-left: 3 !important;
  }
  .mobile-pe-3 {
    padding-right: 3 !important;
  }
  .mobile-me-3 {
    margin-right: 3 !important;
  }
  .mobile-pt-3 {
    padding-top: 3 !important;
  }
  .mobile-mt-3 {
    margin-top: 3 !important;
  }
  .mobile-pb-3 {
    padding-bottom: 3 !important;
  }
  .mobile-mb-3 {
    margin-bottom: 3 !important;
  }
  .mobile-ps-4 {
    padding-left: 4 !important;
  }
  .mobile-ms-4 {
    margin-left: 4 !important;
  }
  .mobile-pe-4 {
    padding-right: 4 !important;
  }
  .mobile-me-4 {
    margin-right: 4 !important;
  }
  .mobile-pt-4 {
    padding-top: 4 !important;
  }
  .mobile-mt-4 {
    margin-top: 4 !important;
  }
  .mobile-pb-4 {
    padding-bottom: 4 !important;
  }
  .mobile-mb-4 {
    margin-bottom: 4 !important;
  }
  .mobile-ps-5 {
    padding-left: 5 !important;
  }
  .mobile-ms-5 {
    margin-left: 5 !important;
  }
  .mobile-pe-5 {
    padding-right: 5 !important;
  }
  .mobile-me-5 {
    margin-right: 5 !important;
  }
  .mobile-pt-5 {
    padding-top: 5 !important;
  }
  .mobile-mt-5 {
    margin-top: 5 !important;
  }
  .mobile-pb-5 {
    padding-bottom: 5 !important;
  }
  .mobile-mb-5 {
    margin-bottom: 5 !important;
  }
}
[class*=shadow] {
  transition: all 0.15s ease;
}

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

.shadow--hover:hover {
  box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1) !important;
}

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

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

@font-face {
  font-family: "Mercurium";
  src: url("../../../../../fonts/mercurium_fonts/MercuriumFont-light.woff") format("woff"), url("../../../../../fonts/mercurium_fonts/MercuriumFont-light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Mercurium";
  src: url("../../../../../fonts/mercurium_fonts/MercuriumFont-Regular.woff") format("woff"), url("../../../../../fonts/mercurium_fonts/MercuriumFont-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Mercurium";
  src: url("../../../../../fonts/mercurium_fonts/MercuriumFont-Boldsubset.woff") format("woff"), url("../../../../../fonts/mercurium_fonts/MercuriumFont-Boldsubset.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
.font-weight-300 {
  font-weight: 300 !important;
}

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

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

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

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

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

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

.text-underline {
  text-decoration: underline;
}

.text-through {
  text-decoration: line-through;
}

.lh-100 {
  line-height: 1;
}

.lh-110 {
  line-height: 1.1;
}

.lh-120 {
  line-height: 1.2;
}

.lh-130 {
  line-height: 1.3;
}

.lh-140 {
  line-height: 1.4;
}

.lh-150 {
  line-height: 1.5;
}

.lh-160 {
  line-height: 1.6;
}

.lh-170 {
  line-height: 1.7;
}

.lh-180 {
  line-height: 1.8;
}

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

.ls-1 {
  letter-spacing: 0.0625rem;
}

.ls-15 {
  letter-spacing: 0.09375rem;
}

.ls-2 {
  letter-spacing: 0.125rem;
}

.coloured-text span {
  display: inline-block;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  padding: 5px;
  margin: -2px;
}

@media (min-width: 992px) {
  .transform-perspective-right {
    transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
  }
  .transform-perspective-left {
    transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
  }
}
.z-index-3 {
  position: relative;
  z-index: 3; /* Ensure the header is above the timeline */
}

.bring-up {
  position: relative;
  top: -30px; /* Adjust the value as needed */
}

.bring-left {
  position: relative;
  left: -30px; /* Adjust the value as needed */
}

.bring-right {
  position: relative;
  right: -30px; /* Adjust the value as needed */
}

.bring-down {
  position: relative;
  top: 30px; /* Adjust the value as needed */
}

.border-3 {
  border: 3px solid;
}

.round_25, .rounded {
  padding-top: 5px;
  padding-bottom: 2px;
}

.is_hidden {
  display: none;
}

.custom_form {
  width: 25%;
  margin-right: 1rem;
  display: inline;
  height: 25px;
  margin-bottom: 0px !important;
}

.margin-right-5 {
  display: block;
  margin-right: 5%;
}

.modal-form {
  width: 100%;
  padding: 10px 20px;
  margin: 0px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.active_sidebar {
  background-color: #57cc5d !important;
  border-radius: 5px !important;
}

.hidden {
  display: none;
}

.round_15 {
  border-radius: 15px;
}

.round_20 {
  border-radius: 20px;
}

.round_25 {
  border-radius: 25px;
}

.right {
  display: inline;
  float: right;
}

.white-border {
  border: 1px solid #fff !important;
}

.table-responsive-sm-text {
  font-size: 1rem;
}

@media (max-width: 1700px) {
  .table-responsive-sm-text {
    font-size: 0.8rem !important;
  }
}
.inner-shadows {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.7);
}

.no-wrap {
  white-space: nowrap;
}

.filepond--credits {
  display: none !important;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.floatfix:before, .floatfix:after {
  content: "";
  display: table;
}
.floatfix:after {
  clear: both;
}

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

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

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

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

.opacity-1 {
  opacity: 0.1 !important;
}

.opacity-2 {
  opacity: 0.2 !important;
}

.opacity-3 {
  opacity: 0.3 !important;
}

.opacity-4 {
  opacity: 0.4 !important;
}

.opacity-5 {
  opacity: 0.5 !important;
}

.opacity-6 {
  opacity: 0.6 !important;
}

.opacity-7 {
  opacity: 0.7 !important;
}

.opacity-8 {
  opacity: 0.8 !important;
}

.opacity-8 {
  opacity: 0.9 !important;
}

.opacity-10 {
  opacity: 1 !important;
}

.white-border-dark-card {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  padding: 10px;
  margin: 5px 0;
  background-color: rgba(255, 255, 255, 0.05);
}

/*!
 * FilePond 4.32.8
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--assistant {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

/* Hard to override styles */
.filepond--browser {
  /* is positioned absolute so it is focusable for form validation errors */
  position: absolute;
  margin: 0;
  padding: 0;
  /* is positioned ~behind drop label */
  left: 1em;
  top: 1.75em;
  width: calc(100% - 2em);
  /* hide visually */
  opacity: 0;
  font-size: 0; /* removes text cursor in Internet Explorer 11 */
}

.filepond--data {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  border: none;
  visibility: hidden;
  pointer-events: none;
  contain: strict;
}

.filepond--drip {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  opacity: 0.1;
  /* can't interact with this element */
  pointer-events: none;
  /* inherit border radius from parent (needed for drip-blob cut of) */
  border-radius: 0.5em;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

/* Make sure removal button is clickable */
.filepond--file-action-button {
  z-index: 20;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.5);
}

.filepond--drip-blob {
  position: absolute;
  transform-origin: center center;
  top: 0;
  left: 0;
  width: 8em;
  height: 8em;
  margin-left: -4em;
  margin-top: -4em;
  background: #292625;
  border-radius: 50%;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--drop-label {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  color: #4f4f4f;
  /* center contents */
  display: flex;
  justify-content: center;
  align-items: center;
  /* fixes IE11 centering problems (is overruled by label min-height) */
  height: 0px;
  /* dont allow selection */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* will be animated */
  will-change: transform, opacity;
}

/* Hard to override styles on purpose */
.filepond--drop-label.filepond--drop-label label {
  display: block;
  margin: 0;
  padding: 0.5em; /* use padding instead of margin so click area is not impacted */
}

.filepond--drop-label label {
  cursor: default;
  font-size: 0.875em;
  font-weight: normal;
  text-align: center;
  line-height: 1.5;
}

.filepond--label-action {
  text-decoration: underline;
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
  text-decoration-color: #a7a4a4;
  cursor: pointer;
}

.filepond--root[data-disabled] .filepond--drop-label label {
  opacity: 0.5;
}

/* Hard to override styles */
.filepond--file-action-button.filepond--file-action-button {
  font-size: 1em;
  width: 1.625em;
  height: 1.625em;
  font-family: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  will-change: transform, opacity;
  /* hidden label */
}

.filepond--file-action-button.filepond--file-action-button span {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file-action-button.filepond--file-action-button {
  /* scale SVG to fill button */
}

.filepond--file-action-button.filepond--file-action-button svg {
  width: 100%;
  height: 100%;
}

.filepond--file-action-button.filepond--file-action-button {
  /* bigger touch area */
}

.filepond--file-action-button.filepond--file-action-button::after {
  position: absolute;
  left: -0.75em;
  right: -0.75em;
  top: -0.75em;
  bottom: -0.75em;
  content: "";
}

/* Soft styles */
.filepond--file-action-button {
  /* use default arrow cursor */
  cursor: auto;
  /* reset default button styles */
  color: #fff;
  /* set default look n feel */
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  /* we animate box shadow on focus */
  /* it's only slightly slower than animating */
  /* a pseudo-element with transforms and renders */
  /* a lot better on chrome */
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  transition: box-shadow 0.25s ease-in;
}

.filepond--file-action-button:hover,
.filepond--file-action-button:focus {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);
}

.filepond--file-action-button[disabled] {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.25);
}

.filepond--file-action-button[hidden] {
  display: none;
}

/* edit button */
.filepond--action-edit-item.filepond--action-edit-item {
  width: 2em;
  height: 2em;
  padding: 0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
  margin-left: -0.1875em;
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
  margin-bottom: -0.1875em;
}

.filepond--action-edit-item-alt {
  border: none;
  line-height: inherit;
  background: transparent;
  font-family: inherit;
  color: inherit;
  outline: none;
  padding: 0;
  margin: 0 0 0 0.25em;
  pointer-events: all;
  position: absolute;
}

.filepond--action-edit-item-alt svg {
  width: 1.3125em;
  height: 1.3125em;
}

.filepond--action-edit-item-alt span {
  font-size: 0;
  opacity: 0;
}

.filepond--file-info {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  margin: 0 0.5em 0 0;
  min-width: 0;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-info * {
  margin: 0;
}

.filepond--file-info {
  /* we don't want to have these overrules so these selectors are a bit more specific */
}

.filepond--file-info .filepond--file-info-main {
  font-size: 0.75em;
  line-height: 1.2;
  /* we want ellipsis if this bar gets too wide */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}

.filepond--file-info .filepond--file-info-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
  white-space: nowrap;
}

.filepond--file-info .filepond--file-info-sub:empty {
  display: none;
}

.filepond--file-status {
  position: static;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0;
  min-width: 2.25em;
  text-align: right;
  /* will be animated */
  will-change: transform, opacity;
  /* can't do anything with this info */
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* no margins on children */
}

.filepond--file-status * {
  margin: 0;
  white-space: nowrap;
}

.filepond--file-status {
  /* font sizes */
}

.filepond--file-status .filepond--file-status-main {
  font-size: 0.75em;
  line-height: 1.2;
}

.filepond--file-status .filepond--file-status-sub {
  font-size: 0.625em;
  opacity: 0.5;
  transition: opacity 0.25s ease-in-out;
}

/* Hard to override styles */
.filepond--file-wrapper.filepond--file-wrapper {
  border: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  height: 100%;
  /* hide legend for visual users */
}

.filepond--file-wrapper.filepond--file-wrapper > legend {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  white-space: nowrap;
}

.filepond--file {
  position: static;
  display: flex;
  height: 100%;
  align-items: flex-start;
  padding: 0.5625em 0.5625em;
  color: #fff;
  border-radius: 0.5em;
  /* control positions */
}

.filepond--file .filepond--file-status {
  margin-left: auto;
  margin-right: 2.25em;
}

.filepond--file .filepond--processing-complete-indicator {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 3;
}

.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator,
.filepond--file .filepond--file-action-button {
  position: absolute;
}

.filepond--file {
  /* .filepond--file-action-button */
}

.filepond--file [data-align*=left] {
  left: 0.5625em;
}

.filepond--file [data-align*=right] {
  right: 0.5625em;
}

.filepond--file [data-align*=center] {
  left: calc(50% - 0.8125em); /* .8125 is half of button width */
}

.filepond--file [data-align*=bottom] {
  bottom: 1.125em;
}

.filepond--file [data-align=center] {
  top: calc(50% - 0.8125em);
}

.filepond--file .filepond--progress-indicator {
  margin-top: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*=right] {
  margin-right: 0.1875em;
}

.filepond--file .filepond--progress-indicator[data-align*=left] {
  margin-left: 0.1875em;
}

/* make sure text does not overlap */
[data-filepond-item-state=cancelled] .filepond--file-info,
[data-filepond-item-state*=invalid] .filepond--file-info,
[data-filepond-item-state*=error] .filepond--file-info {
  margin-right: 2.25em;
}

[data-filepond-item-state~=processing] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-error] .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-complete] {
  /* busy state */
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
  animation: fall 0.5s 0.125s linear both;
}

[data-filepond-item-state=processing-complete] {
  /* hide details by default, only show when can revert */
}

[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
  opacity: 0.5;
}

[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-complete] .filepond--file-info-sub {
  opacity: 0;
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub {
  opacity: 0.5;
}

/* file state can be invalid or error, both are visually similar but */
/* having them as separate states might be useful */
[data-filepond-item-state*=invalid] .filepond--panel,
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
[data-filepond-item-state*=error] .filepond--panel,
[data-filepond-item-state*=error] .filepond--file-wrapper {
  animation: shake 0.65s linear both;
}

/* spins progress indicator when file is marked as busy */
[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
  animation: spin 1s linear infinite;
}

/**
 * States
 */
@keyframes spin {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes shake {
  10%, 90% {
    transform: translateX(-0.0625em);
  }
  20%, 80% {
    transform: translateX(0.125em);
  }
  30%, 50%, 70% {
    transform: translateX(-0.25em);
  }
  40%, 60% {
    transform: translateX(0.25em);
  }
}
@keyframes fall {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-out;
  }
  70% {
    opacity: 1;
    transform: scale(1.1);
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}
/* ignore all other interaction elements while dragging a file */
.filepond--hopper[data-hopper-state=drag-over] > * {
  pointer-events: none;
}

/* capture all hit tests using a hidden layer, this speeds up the event flow */
.filepond--hopper[data-hopper-state=drag-over]::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.filepond--progress-indicator {
  z-index: 103;
}

.filepond--file-action-button {
  z-index: 102;
}

.filepond--file-status {
  z-index: 101;
}

.filepond--file-info {
  z-index: 100;
}

.filepond--item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0;
  margin: 0.25em;
  will-change: transform, opacity;
  touch-action: auto;
  /* item children order */
}

.filepond--item > .filepond--panel {
  z-index: -1;
}

/* has a slight shadow */
.filepond--item > .filepond--panel .filepond--panel-bottom {
  box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);
}

.filepond--item {
  /* drag related */
}

.filepond--item > .filepond--file-wrapper,
.filepond--item > .filepond--panel {
  transition: opacity 0.15s ease-out;
}

.filepond--item[data-drag-state] {
  cursor: grab;
}

.filepond--item[data-drag-state] > .filepond--panel {
  transition: box-shadow 0.125s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.filepond--item[data-drag-state=drag] {
  cursor: grabbing;
}

.filepond--item[data-drag-state=drag] > .filepond--panel {
  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);
}

.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
  z-index: 2;
}

/* states */
.filepond--item-panel {
  background-color: #64605e;
}

[data-filepond-item-state=processing-complete] .filepond--item-panel {
  background-color: #369763;
}

[data-filepond-item-state*=invalid] .filepond--item-panel,
[data-filepond-item-state*=error] .filepond--item-panel {
  background-color: #c44e47;
}

/* style of item panel */
.filepond--item-panel {
  border-radius: 0.5em;
  transition: background-color 0.25s;
}

/* normal mode */
.filepond--list-scroller {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  will-change: transform;
}

/* scroll mode */
.filepond--list-scroller[data-state=overflow] .filepond--list {
  bottom: 0;
  right: 0;
}

.filepond--list-scroller[data-state=overflow] {
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
  mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);
}

/* style scrollbar */
.filepond--list-scroller::-webkit-scrollbar {
  background: transparent;
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
  width: 1em;
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
  height: 0;
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 99999px;
  border: 0.3125em solid transparent;
  background-clip: content-box;
}

/* hard to overide styles on purpose */
.filepond--list.filepond--list {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  /* prevents endless paint calls on filepond--list-scroller */
  will-change: transform;
}

/* used for padding so allowed to be restyled */
.filepond--list {
  left: 0.75em;
  right: 0.75em;
}

.filepond--root[data-style-panel-layout~=integrated] {
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  bottom: 0;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 7;
}

.filepond--root[data-style-panel-layout~=circle],
.filepond--root[data-style-panel-layout~=integrated] {
  /* we're only loading one item, this makes the intro animation a bit nicer */
}

.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
  display: none;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
  overflow: hidden;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
  left: 0;
  right: 0;
  height: 100%;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--item,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
  margin: 0;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
  height: 100%;
}

.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
  z-index: 7;
}

.filepond--root[data-style-panel-layout~=circle] {
  border-radius: 99999rem;
  overflow: hidden;
}

.filepond--root[data-style-panel-layout~=circle] > .filepond--panel {
  border-radius: inherit;
}

.filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] {
  /* circle cuts of this info, so best to hide it */
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-info {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
  display: none;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
  opacity: 1 !important;
  visibility: visible !important;
}

/* dirfty way to fix circular overflow issue on safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .filepond--root[data-style-panel-layout~=circle] {
      will-change: transform;
    }
  }
}
.filepond--panel-root {
  border-radius: 1.5em;
  background-color: transparent;
}

.filepond--panel {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */
  height: 100% !important;
  /* no interaction possible with panel */
  pointer-events: none;
}

.filepond-panel:not([data-scalable=false]) {
  height: auto !important;
}

.filepond--panel[data-scalable=false] > div {
  display: none;
}

.filepond--panel[data-scalable=true] {
  /* this seems to fix Chrome performance issues */
  /* - when box-shadow is enabled */
  /* - when multiple ponds are active on the same page */
  transform-style: preserve-3d;
  /* prevent borders and backgrounds */
  background-color: transparent !important;
  border: none !important;
}

.filepond--panel-top,
.filepond--panel-bottom,
.filepond--panel-center {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
}

.filepond--panel-top,
.filepond--panel-bottom {
  height: 0.5em;
}

.filepond--panel-top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  /* fixes tiny transparant line between top and center panel */
}

.filepond--panel-top::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -1px;
  background-color: inherit;
}

.filepond--panel-center,
.filepond--panel-bottom {
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: left top;
  transform: translate3d(0, 0.5em, 0);
}

.filepond--panel-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
  /* fixes tiny transparant line between bottom and center of panel */
}

.filepond--panel-bottom::before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  right: 0;
  top: -1px;
  background-color: inherit;
}

.filepond--panel-center {
  /* the center panel is scaled using scale3d to fit the correct height */
  /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */
  height: 100px !important;
  border-top: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */
}

.filepond--panel-center:not([style]) {
  visibility: hidden;
}

.filepond--progress-indicator {
  position: static;
  width: 1.25em;
  height: 1.25em;
  color: #fff;
  /* can't have margins */
  margin: 0;
  /* no interaction possible with progress indicator */
  pointer-events: none;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--progress-indicator svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  transform-box: fill-box; /* should center the animation correctly when zoomed in */
}

.filepond--progress-indicator path {
  fill: none;
  stroke: currentColor;
}

.filepond--list-scroller {
  z-index: 6;
}

.filepond--drop-label {
  z-index: 5;
}

.filepond--drip {
  z-index: 3;
}

.filepond--root > .filepond--panel {
  z-index: 2;
}

.filepond--browser {
  z-index: 1;
}

.filepond--root {
  /* layout*/
  box-sizing: border-box;
  position: relative;
  margin-bottom: 1em;
  /* base font size for whole component */
  font-size: 1rem;
  /* base line height */
  line-height: normal;
  /* will increase font weight a bit on Safari */
  font-weight: 450;
  /* default text alignment */
  text-align: left;
  /* better text rendering on Safari */
  text-rendering: optimizeLegibility;
  /* text direction is ltr for now */
  direction: ltr;
  /* optimize rendering */
  /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */
  contain: layout style size;
  /* correct box sizing, line-height and positioning on child elements */
}

.filepond--root * {
  box-sizing: inherit;
  line-height: inherit;
}

.filepond--root *:not(text) {
  font-size: inherit;
}

.filepond--root {
  /* block everything */
}

.filepond--root[data-disabled] {
  pointer-events: none;
}

.filepond--root[data-disabled] .filepond--list-scroller {
  pointer-events: all;
}

.filepond--root[data-disabled] .filepond--list {
  pointer-events: none;
}

/**
 * Root element children layout
 */
.filepond--root .filepond--drop-label {
  min-height: 4.75em;
}

.filepond--root .filepond--list-scroller {
  margin-top: 1em;
  margin-bottom: 1em;
}

.filepond--root .filepond--credits {
  position: absolute;
  right: 0;
  opacity: 0.4;
  line-height: 0.85;
  font-size: 11px;
  color: inherit;
  text-decoration: none;
  z-index: 3;
  bottom: -14px;
}

.filepond--root .filepond--credits[style] {
  top: 0;
  bottom: auto;
  margin-top: 14px;
}

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

/*!
 * FilePondPluginImagePreview 4.6.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
/* eslint-disable */
.filepond--image-preview-markup {
  position: absolute;
  left: 0;
  top: 0;
}

.filepond--image-preview-wrapper {
  z-index: 2;
}

.filepond--image-preview-overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 7rem;
  margin: 0;
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.filepond--image-preview-overlay svg {
  width: 100%;
  height: auto;
  color: inherit;
  max-height: inherit;
}

.filepond--image-preview-overlay-idle {
  mix-blend-mode: multiply;
  color: rgba(40, 40, 40, 0.85);
}

.filepond--image-preview-overlay-success {
  mix-blend-mode: normal;
  color: rgb(54, 151, 99);
}

.filepond--image-preview-overlay-failure {
  mix-blend-mode: normal;
  color: rgb(196, 78, 71);
}

/* disable for Safari as mix-blend-mode causes the overflow:hidden of the parent container to not work */
@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
  .filepond--image-preview-overlay-idle {
    mix-blend-mode: normal;
  }
}
.filepond--image-preview-wrapper {
  /* no interaction */
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  /* have preview fill up all available space */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100%;
  margin: 0;
  /* radius is .05em less to prevent the panel background color from shining through */
  border-radius: 0.45em;
  overflow: hidden;
  /* this seems to prevent Chrome from redrawing this layer constantly */
  background: rgba(0, 0, 0, 0.01);
}

.filepond--image-preview {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex; /* this aligns the graphic vertically if the panel is higher than the image */
  align-items: center;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background: #222;
  /* will be animated */
  will-change: transform, opacity;
}

.filepond--image-clip {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  /* transparency indicator (currently only supports grid or basic color) */
}

.filepond--image-clip[data-transparency-indicator=grid] img,
.filepond--image-clip[data-transparency-indicator=grid] canvas {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
  background-size: 1.25em 1.25em;
}

.filepond--image-bitmap,
.filepond--image-vector {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform;
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
  border-radius: 0;
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
  border-radius: 99999rem;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
  top: auto;
  bottom: 0;
  transform: scaleY(-1);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
  margin-bottom: 0.325em;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
  left: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
  right: calc(50% - 3em);
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
  margin-bottom: 0.5125em;
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
  margin-top: 0;
  margin-bottom: 0.1875em;
  margin-left: 0.1875em;
}

.gallery {
  position: relative;
  width: 100%;
  height: 70vh;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

.workflow-gallery-cards {
  display: flex;
  padding: 24px;
  gap: 20px;
  height: 100%;
  align-items: center;
}

.workflow-gallery-cards li {
  flex: 0 0 auto;
  width: 80vw;
  max-width: 600px; /* Increased from 500px to 600px */
  height: 70vh;
  list-style: none;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  scroll-snap-align: center;
  transition: all 0.3s ease;
  transform-origin: center center;
  perspective: 1000px;
  will-change: transform, scale;
}

/* Condition badges styling */
.workflow-gallery-cards li.condition-badge {
  width: auto;
  margin: 0 24px;
}

.workflow-result-card {
  height: 50vh;
  max-height: 50vh;
  overflow-y: auto;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  .workflow-result-card {
    height: 58vh;
    max-height: 58vh;
  }
  .workflow-gallery-cards li {
    width: 75vw;
  }
}
/* Workflow Results Container with Expand Functionality */
.workflow-results-container {
  position: relative;
}

.workflow-results-container.expanded {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 9999;
  background: white;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
}

.workflow-results-container.expanded .gallery {
  height: calc(100vh - 120px);
}

.workflow-results-container.expanded .workflow-gallery-cards li {
  max-width: 800px;
  height: calc(100vh - 140px);
}

.workflow-results-container.expanded .workflow-result-card {
  height: calc(100vh - 200px);
  max-height: calc(100vh - 200px);
}

/* Expand/Collapse Button */
.workflow-expand-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid #007bff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #007bff;
  font-size: 18px;
}

.workflow-expand-btn:hover {
  background: #007bff;
  color: white;
}

/* Mobile responsiveness for expanded view */
@media (max-width: 768px) {
  .workflow-results-container.expanded {
    padding: 10px;
  }
  .workflow-results-container.expanded .workflow-gallery-cards li {
    width: 95vw;
    height: calc(100vh - 100px);
  }
  .workflow-results-container.expanded .workflow-result-card {
    height: calc(100vh - 160px);
    max-height: calc(100vh - 160px);
  }
}
.prime-icon {
  font-size: 45px;
  padding: 10px 15px;
  margin-left: 10px;
  padding-top: 17px;
  background: rgba(255, 255, 255, 0.48);
  border-radius: 20px;
}

.card-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

/* Hide scrollbar but keep functionality */
.gallery::-webkit-scrollbar {
  display: none;
}

.gallery {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .workflow-gallery-cards li {
    width: 90vw;
    height: 80vh;
  }
}
.green-line {
  width: 2px;
  height: 20px;
  background-color: #1d8cf8;
}

.json-container {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  margin: 0.5rem 0;
  font-family: "Courier New", monospace;
  font-size: 0.875rem;
  max-height: 300px; /* Reduced from 400px */
  overflow-y: auto;
  overflow-x: hidden; /* Changed from auto to hidden */
  width: 100%;
  box-sizing: border-box;
}

.json-container pre {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-all; /* Added for long URLs */
  max-width: 100%;
}

/* Fix for comprehensive analysis content in workflow cards */
.comprehensive-analysis-result {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 1rem 0;
  width: 100%;
  box-sizing: border-box;
}

/* Ensure recommendation items and list content wrap properly */
.recommendation-item,
.timeline-item {
  margin-bottom: 0.75rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Ensure badges and content wrap properly */
.risk-factor-card,
.finding-item .card {
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Fix for lists in recommendations/red flags/mitigating factors */
.comprehensive-analysis-result ul,
.comprehensive-analysis-result ol {
  padding-left: 1.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.comprehensive-analysis-result li {
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Specific fixes for comprehensive analysis in workflow cards */
.workflow-result-card .comprehensive-analysis-result {
  padding: 1rem; /* Reduced padding for cards */
}

/* Fix Bootstrap grid in constrained cards */
.workflow-result-card .comprehensive-analysis-result .row {
  margin-left: 0;
  margin-right: 0;
}

.workflow-result-card .comprehensive-analysis-result [class*=col-] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Stack columns on workflow cards */
.workflow-result-card .comprehensive-analysis-result .col-md-6 {
  flex: 0 0 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}

/* Fix for additional checks list */
.workflow-result-card .additional-checks ul {
  padding-left: 1.2rem;
  margin-bottom: 0; /* Remove bottom margin */
}

.workflow-result-card .additional-checks li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  padding-right: 0.5rem;
  margin-bottom: 0.5rem; /* Consistent spacing */
  display: flex;
  align-items: flex-start;
}

.workflow-result-card .additional-checks li:last-child {
  margin-bottom: 0; /* Remove margin from last item */
}

.workflow-result-card .additional-checks li i {
  flex-shrink: 0;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
}

/* Fix for red flags and mitigating factors */
.workflow-result-card .red-flags ul,
.workflow-result-card .mitigating-factors ul {
  padding-left: 0;
}

.workflow-result-card .red-flags li,
.workflow-result-card .mitigating-factors li {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem; /* Reduced from default */
}

.workflow-result-card .red-flags li:last-child,
.workflow-result-card .mitigating-factors li:last-child {
  margin-bottom: 0;
}

.workflow-result-card .red-flags li i,
.workflow-result-card .mitigating-factors li i {
  flex-shrink: 0;
  margin-top: 0.2rem;
  margin-right: 0.5rem; /* Added consistent spacing */
}

/* Fix card within card styling */
.workflow-result-card .comprehensive-analysis-result .card {
  border: 1px solid #dee2e6;
  margin-bottom: 0.5rem;
}

.workflow-result-card .comprehensive-analysis-result .card-body {
  padding: 0.75rem;
}

/* Fix for list icons - remove duplicate rule that was causing issues */
.workflow-result-card ul.list-unstyled li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem; /* Consistent spacing */
}

.workflow-result-card ul.list-unstyled li:last-child {
  margin-bottom: 0;
}

.workflow-result-card ul.list-unstyled li i {
  flex-shrink: 0;
  margin-top: 0.1rem;
  margin-right: 0.5rem; /* Consistent icon spacing */
}

/* Fix recommendation items layout */
.workflow-result-card .recommendation-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.workflow-result-card .recommendation-rationale {
  margin-top: 0.5rem;
}

.workflow-result-card .recommendation-rationale p {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

/* Ensure badges don't break layout */
.workflow-result-card .badge {
  white-space: nowrap;
  margin-bottom: 0.25rem;
}

/* Fix section titles */
.workflow-result-card .section-title {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

/* Responsive font sizes for workflow cards */
.workflow-result-card .comprehensive-analysis-result {
  font-size: 0.9rem;
}

.workflow-result-card .comprehensive-analysis-result h6 {
  font-size: 1rem;
}

/* Remove any excessive margins from the comprehensive analysis lists */
.workflow-result-card .comprehensive-analysis-result ul {
  margin-bottom: 0;
}

.workflow-result-card .comprehensive-analysis-result .list-unstyled {
  margin-bottom: 0;
}

/* Ensure proper spacing for the card sections */
.workflow-result-card .red-flags,
.workflow-result-card .mitigating-factors {
  margin-bottom: 0;
}

.social-profile {
  border: 1px solid #007bff;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 0.5rem 0;
  background-color: #f8f9ff;
}

.profile-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #dee2e6;
}

.profile-pic-placeholder {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dee2e6;
  color: #6c757d;
  font-size: 24px;
}

.platform-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

.linkedin-badge {
  background-color: #0077b5;
  color: white;
}

.company-badge {
  background-color: #28a745;
  color: white;
}

.workflow-gallery-cards li {
  /* ...existing code... */
  position: relative;
  /* ...existing code... */
}

.workflow-gallery-cards li::before,
.workflow-gallery-cards li::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 40px; /* adjust as needed */
  height: 2px;
  background: #e0e0e0;
  z-index: 1;
  transform: translateY(-50%);
}

.workflow-gallery-cards li::before {
  left: -40px; /* matches width above */
  display: block;
}

.workflow-gallery-cards li::after {
  right: -40px;
  display: block;
}

/* Hide the left line for the first card and right line for the last card */
.workflow-gallery-cards li:first-child::before {
  display: none;
}

.workflow-gallery-cards li:last-child::after {
  display: none;
}

/* Adverse Media Styles */
.adverse-media-result {
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 0.5rem 0;
  background-color: #fff;
}

.article-header {
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}

.article-title a {
  text-decoration: none;
  font-weight: 600;
}

.article-title a:hover {
  text-decoration: underline;
}

.article-description {
  font-size: 0.95rem;
  line-height: 1.4;
  color: #6c757d;
}

.risk-summary {
  font-size: 0.85rem;
  padding: 0.4rem 0.8rem;
}

.quote-summary {
  font-size: 0.8rem;
  padding: 0.3rem 0.6rem;
}

.no-risk {
  font-size: 0.85rem;
  padding: 0.4rem 0.8rem;
}

.risk-content {
  background-color: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 0.375rem;
  padding: 1rem;
}

.risk-header {
  color: #856404;
  font-weight: 600;
  margin-bottom: 1rem;
}

.risk-category {
  border-left: 3px solid #ffc107;
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}

.risk-tag-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.risk-tag-badge {
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

.quote-count {
  font-size: 0.8rem;
}

.quote-item {
  margin-bottom: 0.75rem;
}

.quote-text {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 0.75rem;
  margin: 0;
  font-style: italic;
  font-size: 0.9rem;
  line-height: 1.4;
  border-radius: 0 0.25rem 0.25rem 0;
}

.quote-icon {
  color: #007bff;
  margin-right: 0.5rem;
}

.article-metadata {
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  font-size: 0.9rem;
}

/* Risk severity color classes */
.badge-criminal_charges,
.badge-arrests_convictions,
.badge-financial_fraud,
.badge-money_laundering {
  background-color: #dc3545 !important;
}

.badge-regulatory_actions,
.badge-compliance_failures,
.badge-bankruptcy_insolvency {
  background-color: #fd7e14 !important;
}

.badge-civil_litigation,
.badge-reputation_damage {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.badge-criminal_associations,
.badge-sanctions_watchlists,
.badge-terrorism_links,
.badge-corruption_bribery,
.badge-tax_evasion,
.badge-market_abuse {
  background-color: #6f42c1 !important;
}

/* Comprehensive Analysis Styles */
.comprehensive-analysis-result {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin: 1rem 0;
}

.analysis-header {
  border-bottom: 2px solid #007bff;
  padding-bottom: 1rem;
}

.risk-rating-badge .badge-lg {
  font-size: 1rem;
  padding: 0.5rem 1rem;
}

.risk-score {
  font-size: 0.9rem;
}

.section-title {
  color: #495057;
  font-weight: 600;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 0.25rem;
}

.risk-factor-card {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 0.75rem;
  transition: all 0.2s;
}

.risk-factor-card.risk-present {
  border-left: 4px solid #dc3545;
  background-color: #fff5f5;
}

.risk-factor-card.risk-absent {
  border-left: 4px solid #28a745;
  background-color: #f8fff8;
}

.risk-factor-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

.risk-factor-name {
  font-weight: 600;
  text-transform: capitalize;
}

.finding-item .card {
  border-left: 4px solid #007bff;
}

.timeline-item, .recommendation-item {
  margin-bottom: 0.75rem;
}

.timeline-label, .recommendation-label, .metadata-label, .stat-label {
  font-weight: 600;
  color: #6c757d;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 0.25rem;
}

.timeline-value, .metadata-value, .stat-value {
  font-size: 0.9rem;
  color: #495057;
}

.metadata-grid, .credibility-stats, .quality-stats {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
}

.metadata-item, .stat-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.25rem 0;
  border-bottom: 1px solid #e9ecef;
}

.border-left-primary {
  border-left: 4px solid #007bff !important;
}

.border-left-warning {
  border-left: 4px solid #ffc107 !important;
}

.border-left-danger {
  border-left: 4px solid #dc3545 !important;
}

.border-left-success {
  border-left: 4px solid #28a745 !important;
}

.badge-outline-secondary {
  color: #6c757d;
  border: 1px solid #6c757d;
  background: transparent;
}

.badge-outline-info {
  color: #17a2b8;
  border: 1px solid #17a2b8;
  background: transparent;
}

.badge-low {
  background: linear-gradient(57deg, #70A29D 0%, #72A49C 0%, #85d23c 100%) !important;
}

.badge-medium {
  background: linear-gradient(57deg, rgb(232, 232, 30) 0%, rgb(233, 218, 7) 0%, rgb(250, 246, 45) 100%) !important;
}

.badge-high {
  background-color: #fd7e14 !important;
}

.badge-critical {
  background-color: #dc3545 !important;
}

.badge-standard {
  background-color: #28a745 !important;
}

.badge-enhanced {
  background-color: #ffc107 !important;
  color: #212529 !important;
}

.badge-declined {
  background-color: #dc3545 !important;
}

/* Searched URLs Styles */
.searched-urls {
  border-top: 1px solid #e9ecef;
  padding-top: 1rem;
  margin-top: 1rem;
}

.urls-container {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  padding: 1rem;
  background-color: #f8f9fa;
}

.url-item {
  padding: 0.5rem;
  border-bottom: 1px solid #e9ecef;
}

.url-item:last-child {
  border-bottom: none;
}

.url-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.url-link {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.url-link:hover {
  text-decoration: underline;
}

.url-address {
  margin-left: 1rem;
}

/* General Information Section Styles */
.general-info-section {
  margin: 1rem 0;
}

.general-info-section .section-header {
  background: linear-gradient(135deg, #17a2b8 0%, #138496 100%) !important;
}

.general-article-item {
  background-color: #f8f9fa;
  border-color: #dee2e6 !important;
  transition: all 0.3s ease;
}

.general-article-item:hover {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.general-article-item .article-title {
  color: #333;
  margin-bottom: 0.5rem;
}

.general-article-item .article-snippet {
  color: #6c757d;
  font-size: 0.9rem;
}

/* Key Insights Styling */
.key-insights {
  margin-top: 1rem;
}

.insight-category {
  border-left: 3px solid #17a2b8;
  padding-left: 1rem;
}

.category-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #17a2b8;
}

.insight-item {
  background-color: #f0f8ff;
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.blockquote-sm {
  font-size: 0.9rem;
  margin-bottom: 0;
}

.blockquote-sm p {
  line-height: 1.4;
}

.blockquote-sm .blockquote-footer {
  font-size: 0.8rem;
  color: #6c757d;
}

.workflow-result-card .comprehensive-analysis-result .row:last-child {
  margin-bottom: 0 !important;
}

/* Simple list styling to replace Bootstrap list-unstyled */
.simple-list {
  margin: 0;
  padding: 0;
}

.list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25rem;
  padding: 0;
}

.list-item:last-child {
  margin-bottom: 0;
}

.list-item i {
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.social-profile {
  border: 1px solid #007bff;
  border-radius: 0.5rem;
  padding: 1rem;
  margin: 0.5rem 0;
  background-color: #f8f9ff;
}

.profile-header {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.profile-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  border: 2px solid #dee2e6;
}

.profile-pic-placeholder {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #dee2e6;
  color: #6c757d;
  font-size: 24px;
}

.platform-badge {
  display: inline-block;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: bold;
  text-transform: uppercase;
}

.linkedin-badge {
  background-color: #0077b5;
  color: white;
}

.company-badge {
  background-color: #28a745;
  color: white;
}

#button-container {
  width: 190px;
  position: relative;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

#button-container button {
  border-radius: 15px;
  height: 30px;
  width: 60px;
  border: none;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, height 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color 0.2s linear, width 0.2s ease-in-out;
  -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
  animation-duration: 0.75s;
}
@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

.white-content {
  background: #f5f6fa;
}
.white-content .navbar.navbar-transparent .navbar-brand {
  color: #1d253b;
}
.white-content .navbar.navbar-transparent .navbar-toggler-bar {
  background: #1d253b;
}
.white-content .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) {
  color: #1d253b;
}
.white-content .navbar.navbar-transparent .navbar-nav li a:not(.dropdown-item) i {
  color: #1d253b;
}
.white-content .navbar.navbar-transparent .navbar-minimize button i {
  color: #1d253b;
}
.white-content .navbar.navbar-transparent .search-bar.input-group i {
  color: #1d253b;
}
.white-content .navbar.navbar-transparent .search-bar.input-group .form-control {
  color: #d38080;
}
.white-content .navbar.navbar-transparent .search-bar.input-group .form-control::-moz-placeholder {
  color: #9A9A9A;
}
.white-content .navbar.navbar-transparent .search-bar.input-group .form-control::placeholder {
  color: #9A9A9A;
}
.white-content .sidebar {
  box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.1), 0 4px 20px 0 rgba(0, 0, 0, 0.15);
}
.white-content .sidebar p {
  color: rgba(255, 255, 255, 0.8);
}
.white-content .main-panel {
  background: #f5f6fa;
}
.white-content h1,
.white-content h2,
.white-content h3,
.white-content h4,
.white-content h5,
.white-content h6,
.white-content p,
.white-content ol li,
.white-content ul li,
.white-content pre {
  color: #1d253b;
}
.white-content .font-icon-detail i {
  color: #222a42;
}
.white-content .btn:not([data-action]):hover {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.white-content .btn-neutral.btn-link {
  color: rgba(34, 42, 66, 0.7);
}
.white-content .form-control::-moz-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.white-content .form-control:-moz-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.white-content .form-control::-webkit-input-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.white-content .form-control:-ms-input-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.white-content .has-danger .form-control,
.white-content .has-danger .input-group-prepend .input-group-text {
  border-color: #E06969;
}
.white-content .input-group-prepend .input-group-text {
  border-color: rgba(29, 37, 59, 0.5);
  color: #1d253b;
}
.white-content .form-control {
  color: #222a42;
  border-color: rgba(29, 37, 59, 0.5);
}
.white-content .form-control:focus {
  border-color: #3D74DA;
}
.white-content .form-group.no-border .form-control,
.white-content .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.white-content .form-group.no-border .form-control + .input-group-append .input-group-text,
.white-content .form-group.no-border .input-group-prepend .input-group-text,
.white-content .form-group.no-border .input-group-append .input-group-text,
.white-content .input-group.no-border .form-control,
.white-content .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.white-content .input-group.no-border .form-control + .input-group-append .input-group-text,
.white-content .input-group.no-border .input-group-prepend .input-group-text,
.white-content .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.3);
}
.white-content .form-group.no-border .form-control:focus, .white-content .form-group.no-border .form-control:active, .white-content .form-group.no-border .form-control:active,
.white-content .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.white-content .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.white-content .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.white-content .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.white-content .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.white-content .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.white-content .form-group.no-border .input-group-prepend .input-group-text:focus,
.white-content .form-group.no-border .input-group-prepend .input-group-text:active,
.white-content .form-group.no-border .input-group-prepend .input-group-text:active,
.white-content .form-group.no-border .input-group-append .input-group-text:focus,
.white-content .form-group.no-border .input-group-append .input-group-text:active,
.white-content .form-group.no-border .input-group-append .input-group-text:active,
.white-content .input-group.no-border .form-control:focus,
.white-content .input-group.no-border .form-control:active,
.white-content .input-group.no-border .form-control:active,
.white-content .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.white-content .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.white-content .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.white-content .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.white-content .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.white-content .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.white-content .input-group.no-border .input-group-prepend .input-group-text:focus,
.white-content .input-group.no-border .input-group-prepend .input-group-text:active,
.white-content .input-group.no-border .input-group-prepend .input-group-text:active,
.white-content .input-group.no-border .input-group-append .input-group-text:focus,
.white-content .input-group.no-border .input-group-append .input-group-text:active,
.white-content .input-group.no-border .input-group-append .input-group-text:active {
  background-color: rgba(222, 222, 222, 0.5);
}
.white-content .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .white-content .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.white-content .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.white-content .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: transparent;
}
.white-content .input-group[disabled] .input-group-prepend .input-group-text,
.white-content .input-group[disabled] .input-group-append .input-group-text {
  background-color: #222a42;
}
.white-content .form-control[disabled],
.white-content .form-control[readonly],
.white-content fieldset[disabled] .form-control {
  background: #E3E3E3;
  border-color: rgba(29, 37, 59, 0.3);
}
.white-content .input-group-focus .input-group-prepend .input-group-text,
.white-content .input-group-focus .input-group-append .input-group-text,
.white-content .input-group-focus .form-control {
  border-color: #3D74DA;
}
.white-content .input-group-focus.no-border .input-group-prepend .input-group-text,
.white-content .input-group-focus.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.5);
}
.white-content .input-group-prepend .input-group-text {
  border-right: none;
}
.white-content .input-group-append .input-group-text {
  border-left: none;
}
.white-content .has-danger .form-control:focus,
.white-content .has-success.input-group-focus .input-group-append .input-group-text,
.white-content .has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: #E06969;
}
.white-content .has-success .form-control:focus,
.white-content .has-success.input-group-focus .input-group-append .input-group-text,
.white-content .has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
.white-content .btn.btn-link:hover, .white-content .btn.btn-link:active, .white-content .btn.btn-link:focus {
  color: #9A9A9A !important;
}
.white-content .btn-group .btn.active {
  box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.white-content .card:not(.card-white) {
  background: #ffffff;
  box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05);
}
.white-content .card:not(.card-white) .card-header {
  color: #222a42;
}
.white-content .card:not(.card-white) .card-header a[data-toggle=collapse] {
  color: #222a42;
}
.white-content .card:not(.card-white) .card-header .card-title,
.white-content .card:not(.card-white) .card-body .card-title {
  color: #1d253b;
}
.white-content .card:not(.card-white) .card-body .card-category,
.white-content .card:not(.card-white) .card-body .card-description {
  color: #1d253b;
}
.white-content .card:not(.card-white) label:not(.btn) {
  color: #d38080;
}
.white-content .card:not(.card-white).nav-pills .nav-item .nav-link {
  color: #444444;
  background-color: hsla(0, 0%, 87%, 0.3);
}
.white-content .card:not(.card-white).nav-pills .nav-item .nav-link:not(.active):hover {
  background: hsla(0, 0%, 87%, 0.5);
}
.white-content .card:not(.card-white).nav-pills .nav-item .nav-link.active {
  color: #ffffff;
}
.white-content .card:not(.card-white) .tab-content .tab-pane {
  color: #444444;
}
.white-content .card:not(.card-white) .card {
  box-shadow: none;
}
.white-content .card:not(.card-white).card-plain {
  background: transparent;
  box-shadow: none;
}
.white-content .card:not(.card-white).card-tasks .card-body i {
  color: rgba(34, 42, 66, 0.7);
}
.white-content .card:not(.card-white).card-tasks .card-body i:hover {
  color: #222a42;
}
.white-content .table > tbody > tr > td {
  color: rgba(34, 42, 66, 0.7) !important;
}
.white-content .table > thead > tr > th,
.white-content .table > tbody > tr > th,
.white-content .table > tfoot > tr > th,
.white-content .table > thead > tr > td,
.white-content .table > tbody > tr > td,
.white-content .table > tfoot > tr > td {
  border-color: rgba(34, 42, 66, 0.2);
  padding: 12px 7px;
  vertical-align: middle;
}
.white-content .table > thead > tr > th,
.white-content .table button.btn-neutral.btn-link {
  color: rgba(34, 42, 66, 0.7);
}
.white-content .footer ul li a {
  color: #1d253b;
}
.white-content .footer .copyright {
  color: #1d253b;
}
.white-content .progress-container .progress,
.white-content .progress-container.progress.sm .progress {
  background: rgba(34, 42, 66, 0.1);
  box-shadow: 0 0 0 3px rgba(34, 42, 66, 0.1);
}
.white-content .progress-container .progress .progress-value,
.white-content .progress-container.progress.sm .progress .progress-value {
  color: #d38080;
}
.white-content .progress-container .progress-badge,
.white-content .progress-container.progress.sm .progress-badge {
  color: #1d253b;
}
.white-content .full-page {
  background: #f5f6fa;
}
.white-content .full-page h1,
.white-content .full-page h2,
.white-content .full-page h3,
.white-content .full-page h4,
.white-content .full-page h5,
.white-content .full-page h6,
.white-content .full-page p,
.white-content .full-page ol li,
.white-content .full-page ul li,
.white-content .full-page pre {
  color: #1d253b;
}
.white-content .full-page .description {
  color: #9A9A9A;
}
.white-content .full-page .footer ul li a {
  color: #1d253b;
}
.white-content .full-page .footer .copyright {
  color: #1d253b;
}
.white-content .nav-pills .nav-item .nav-link:not(.active) {
  background: rgb(211, 215.4, 233);
  color: #1d253b;
}
.white-content .nav-pills .nav-item .nav-link:not(.active):hover {
  background: #cccccc;
}

.card {
  background: #27293d;
  border: 0;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1);
}
.card label {
  color: rgba(255, 255, 255, 0.6);
}
.card .card-title {
  margin-bottom: 0.75rem;
}
.card .card-body {
  padding: 15px;
}
.card .card-body.table-full-width {
  padding-left: 0;
  padding-right: 0;
}
.card .card-body .card-title {
  color: #ffffff;
  text-transform: inherit;
  font-weight: 300;
  margin-bottom: 0.75rem;
}
.card .card-body .card-description, .card .card-body .card-category {
  color: rgba(255, 255, 255, 0.6);
}
.card .card-header {
  padding: 15px 15px 0;
  border: 0;
  color: rgba(255, 255, 255, 0.8);
}
.card .card-header:not([data-background-color]) {
  background-color: transparent;
}
.card .card-header .card-title {
  color: #ffffff;
  font-weight: 100;
}
.card .card-header .card-category {
  color: #9A9A9A;
  margin-bottom: 5px;
  font-weight: 300;
}
.card .map {
  border-radius: 0.4857rem;
}
.card .map.map-big {
  height: 420px;
}
.card.card-white {
  background: #ffffff;
}
.card.card-white .card-title {
  color: #222a42;
}
.card.card-white .card-category, .card.card-white .stats {
  color: #808080;
}
.card.card-white .form-control::-moz-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.card-white .form-control:-moz-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.card-white .form-control::-webkit-input-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.card-white .form-control:-ms-input-placeholder {
  color: rgba(34, 42, 66, 0.4);
  opacity: 1;
  filter: alpha(opacity=100);
}
.card.card-white .has-danger .form-control, .card.card-white .has-danger .input-group-prepend .input-group-text {
  border-color: #E06969;
}
.card.card-white .input-group-prepend .input-group-text {
  border-color: rgba(29, 37, 59, 0.2);
  color: #1d253b;
}
.card.card-white .form-control {
  color: #222a42;
  border-color: rgba(29, 37, 59, 0.2);
}
.card.card-white .form-control:focus {
  border-color: #3D74DA;
}
.card.card-white label:not(.btn) {
  color: #d38080;
}
.card.card-white .form-group.no-border .form-control,
.card.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text,
.card.card-white .form-group.no-border .form-control + .input-group-append .input-group-text,
.card.card-white .form-group.no-border .input-group-prepend .input-group-text,
.card.card-white .form-group.no-border .input-group-append .input-group-text,
.card.card-white .input-group.no-border .form-control,
.card.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text,
.card.card-white .input-group.no-border .form-control + .input-group-append .input-group-text,
.card.card-white .input-group.no-border .input-group-prepend .input-group-text,
.card.card-white .input-group.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.3);
}
.card.card-white .form-group.no-border .form-control:focus, .card.card-white .form-group.no-border .form-control:active, .card.card-white .form-group.no-border .form-control:active,
.card.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.card.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.card.card-white .form-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.card.card-white .form-group.no-border .form-control + .input-group-append .input-group-text:focus,
.card.card-white .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.card.card-white .form-group.no-border .form-control + .input-group-append .input-group-text:active,
.card.card-white .form-group.no-border .input-group-prepend .input-group-text:focus,
.card.card-white .form-group.no-border .input-group-prepend .input-group-text:active,
.card.card-white .form-group.no-border .input-group-prepend .input-group-text:active,
.card.card-white .form-group.no-border .input-group-append .input-group-text:focus,
.card.card-white .form-group.no-border .input-group-append .input-group-text:active,
.card.card-white .form-group.no-border .input-group-append .input-group-text:active,
.card.card-white .input-group.no-border .form-control:focus,
.card.card-white .input-group.no-border .form-control:active,
.card.card-white .input-group.no-border .form-control:active,
.card.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text:focus,
.card.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.card.card-white .input-group.no-border .form-control + .input-group-prepend .input-group-text:active,
.card.card-white .input-group.no-border .form-control + .input-group-append .input-group-text:focus,
.card.card-white .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.card.card-white .input-group.no-border .form-control + .input-group-append .input-group-text:active,
.card.card-white .input-group.no-border .input-group-prepend .input-group-text:focus,
.card.card-white .input-group.no-border .input-group-prepend .input-group-text:active,
.card.card-white .input-group.no-border .input-group-prepend .input-group-text:active,
.card.card-white .input-group.no-border .input-group-append .input-group-text:focus,
.card.card-white .input-group.no-border .input-group-append .input-group-text:active,
.card.card-white .input-group.no-border .input-group-append .input-group-text:active {
  background-color: rgba(222, 222, 222, 0.5);
}
.card.card-white .form-group.no-border .form-control:focus + .input-group-prepend .input-group-text, .card.card-white .form-group.no-border .form-control:focus + .input-group-append .input-group-text,
.card.card-white .input-group.no-border .form-control:focus + .input-group-prepend .input-group-text,
.card.card-white .input-group.no-border .form-control:focus + .input-group-append .input-group-text {
  background-color: transparent;
}
.card.card-white .input-group[disabled] .input-group-prepend .input-group-text,
.card.card-white .input-group[disabled] .input-group-append .input-group-text {
  background-color: #222a42;
}
.card.card-white .form-control[disabled], .card.card-white .form-control[readonly], .card.card-white fieldset[disabled] .form-control {
  background: #E3E3E3;
  border-color: rgba(29, 37, 59, 0.3);
}
.card.card-white .input-group-focus .input-group-prepend .input-group-text,
.card.card-white .input-group-focus .input-group-append .input-group-text,
.card.card-white .input-group-focus .form-control {
  background-color: #ffffff;
  border-color: #3D74DA;
}
.card.card-white .input-group-focus.no-border .input-group-prepend .input-group-text,
.card.card-white .input-group-focus.no-border .input-group-append .input-group-text {
  background-color: rgba(222, 222, 222, 0.5);
}
.card.card-white .input-group-prepend .input-group-text {
  border-right: none;
}
.card.card-white .input-group-append .input-group-text {
  border-left: none;
}
.card.card-white .has-danger .form-control:focus, .card.card-white .has-success.input-group-focus .input-group-append .input-group-text, .card.card-white .has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: #E06969;
}
.card.card-white .has-success .form-control:focus, .card.card-white .has-success.input-group-focus .input-group-append .input-group-text, .card.card-white .has-success.input-group-focus .input-group-prepend .input-group-text {
  border-color: rgb(85.4926829268, 210.6341463415, 43.3658536585);
}
.card.card-plain {
  background: transparent;
  box-shadow: none;
}
.card .image {
  overflow: hidden;
  height: 200px;
  position: relative;
}
.card .avatar {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 15px;
}
.card label {
  font-size: 0.8400000028rem;
  margin-bottom: 5px;
}
.card .card-footer {
  background-color: transparent;
  border: 0;
  padding: 15px;
}
.card .card-footer .stats i {
  margin-right: 5px;
  position: relative;
}
.card .card-footer h6 {
  margin-bottom: 0;
  padding: 7px 0;
}

.card-body {
  padding: 1.25rem;
}

@media (max-width: 767.98px) {
  .card.card-chart .card-header .btn-group-toggle .tim-icons {
    font-size: 0.875rem;
    top: -1px;
  }
}
.card-shade {
  border-radius: 65px;
  background-color: #0B1B3C;
  display: flex;
  justify-content: center;
  position: relative; /* Important for absolute positioning */
  overflow: hidden;
}

/* Inner-shade simulated as an auto-created inner div */
.card-shade.inner-content::before {
  content: "";
  width: 92%;
  height: 90%;
  border-radius: 75px;
  background: linear-gradient(to top right, #0C1D3F, rgb(105, 59, 120));
  position: absolute; /* Makes it behave like an inner layer */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* Centers it perfectly */
  z-index: 0; /* Puts it behind any content */
}

/* Middle shading effect */
/* Middle shading effect */
.card-shade.inner-content::after {
  content: "";
  width: 94%;
  height: 92%;
  border-radius: 77px; /* Match the border-radius of the parent */
  border: 5px solid rgb(92, 103, 125);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  mask-image: linear-gradient(to right, rgb(92, 103, 125) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-mask-image: linear-gradient(to right, rgb(92, 103, 125) 0%, rgba(255, 255, 255, 0) 100%);
}

/* Ensure content stays on top of the pseudo-element */
.card-shade.inner-content * {
  position: relative;
  z-index: 1;
}

.card-shade .icon-box-center-middle {
  display: flex;
  justify-content: center;
  width: 50%;
  height: 50%;
}

.glass {
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(2px) saturate(180%);
          backdrop-filter: blur(2px) saturate(180%);
  border: 0.0625rem solid rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
  padding: 1.25rem;
  box-shadow: 0 8px 32px rgba(31, 38, 135, 0.2), inset 0 4px 20px rgba(255, 255, 255, 0.3);
}

.glass::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2rem;
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
  box-shadow: inset -10px -8px 0px -11px rgb(255, 255, 255), inset 0px -9px 0px -8px rgb(255, 255, 255);
  opacity: 0.6;
  z-index: -1;
  filter: blur(1px) drop-shadow(10px 4px 6px black) brightness(115%);
  pointer-events: none;
}

.apple-glass-container {
  position: relative;
  display: flex;
  align-items: center;
  background: transparent;
  border-radius: 2rem;
  overflow: hidden;
  flex: 1 1 auto;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 2.2);
}

.apple-glass-container--rounded {
  border-radius: 3rem;
}

.apple-glass-container--large {
  flex: 1 1 auto;
}

.apple-glass-container--medium {
  flex: 1 1 auto;
}

.apple-glass-container--small {
  flex: 0 1 auto;
}

.apple-glass-filter,
.apple-glass-overlay,
.apple-glass-specular {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.apple-glass-filter {
  z-index: 0;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  filter: url(#lensFilter) saturate(120%) brightness(1.15);
}

.apple-glass-overlay {
  z-index: 1;
  background: var(--lg-bg-color);
}

.apple-glass-specular {
  z-index: 2;
  box-shadow: inset 1px 1px 0 var(--lg-highlight), inset 0 0 5px var(--lg-highlight);
}

.apple-glass-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-around;
  padding: 12px 28px;
  gap: 1rem;
  flex-wrap: wrap;
}

.apple-glass-content__link {
  margin-bottom: -1px;
  margin-top: 6px;
  transition: transform 0.2s ease-out;
}
.apple-glass-content__link img {
  width: 78px;
}
.apple-glass-content__link:hover {
  transform: scale(1.1);
}
.apple-glass-content__link:active {
  transform: scale(0.95);
}

.kyc-border {
  position: relative;
  border: 1px solid transparent;
  border-radius: 0.8rem;
  background-clip: padding-box;
  transition: all 0.3s;
}
.kyc-border::after {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.kyc-border-2 {
  position: relative;
  border: 2px solid transparent;
  border-radius: 0.8rem;
  background-clip: padding-box;
  transition: all 0.3s;
}
.kyc-border-2::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.kyc-border-3 {
  position: relative;
  border: 3px solid transparent;
  border-radius: 0.8rem;
  background-clip: padding-box;
  transition: all 0.3s;
}
.kyc-border-3::after {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  padding: 3px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.kyc-hr {
  height: 1px;
  border: none;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  opacity: 1;
  margin: 1rem 0;
}

.kyc-hr-2 {
  height: 2px;
  border: none;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  opacity: 1;
  margin: 1rem 0;
}

.card-accent {
  background-color: #141526;
  transition: background-color 0.15s ease-in-out;
}

.white-content .card-accent {
  background-color: #f5f5f5 !important;
}

.card-chart {
  overflow: hidden;
}
.card-chart .card-header .card-title i {
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 3px;
}
.card-chart .card-header .card-category {
  margin-bottom: 5px;
}
.card-chart .card-body {
  padding-left: 5px;
  padding-right: 5px;
}
.card-chart .card-body .tab-space {
  padding: 0;
}
.card-chart .table {
  margin-bottom: 0;
}
.card-chart .table td {
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.card-chart .card-progress {
  margin-top: 30px;
  padding: 0 10px;
}
.card-chart .chart-area {
  height: 220px;
  width: 100%;
}
.card-chart .card-footer {
  margin-top: 15px;
}
.card-chart .card-footer .stats {
  color: #9A9A9A;
}
.card-chart .dropdown {
  position: absolute;
  right: 20px;
  top: 20px;
}
.card-chart .dropdown .btn {
  margin: 0;
}
.card-chart.card-chart-pie .chart-area {
  padding: 10px 0 25px;
  height: auto;
}
.card-chart.card-chart-pie .card-title {
  margin-bottom: 10px;
}
.card-chart.card-chart-pie .card-title i {
  font-size: 1rem;
}

.map {
  height: 500px;
}

.card-user {
  overflow: hidden;
}
.card-user .image {
  height: 120px;
}
.card-user .author {
  text-align: center;
  text-transform: none;
  margin-top: 25px;
}
.card-user .author a + p.description {
  margin-top: -7px;
}
.card-user .author .block {
  position: absolute;
  height: 100px;
  width: 250px;
}
.card-user .author .block.block-one {
  background: rgba(61, 116, 218, 0.6);
  background: linear-gradient(to right, rgba(61, 116, 218, 0.6) 0%, rgba(61, 116, 218, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  transform: rotate(150deg);
  margin-top: -90px;
  margin-left: -50px;
}
.card-user .author .block.block-two {
  background: rgba(61, 116, 218, 0.6);
  background: linear-gradient(to right, rgba(61, 116, 218, 0.6) 0%, rgba(61, 116, 218, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  transform: rotate(30deg);
  margin-top: -40px;
  margin-left: -100px;
}
.card-user .author .block.block-three {
  background: rgba(61, 116, 218, 0.6);
  background: linear-gradient(to right, rgba(61, 116, 218, 0.6) 0%, rgba(61, 116, 218, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  transform: rotate(170deg);
  margin-top: -70px;
  right: -45px;
}
.card-user .author .block.block-four {
  background: rgba(61, 116, 218, 0.6);
  background: linear-gradient(to right, rgba(61, 116, 218, 0.6) 0%, rgba(61, 116, 218, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=10);
  transform: rotate(150deg);
  margin-top: -25px;
  right: -45px;
}
.card-user .avatar {
  width: 124px;
  height: 124px;
  border: 5px solid rgb(42.67, 52.71, 82.83);
  border-bottom-color: transparent;
  background-color: transparent;
  position: relative;
}
.card-user .card-body {
  min-height: 240px;
}
.card-user hr {
  margin: 5px 15px;
}
.card-user .button-container {
  margin-bottom: 6px;
  text-align: center;
}
.card-user .card-description {
  margin-top: 30px;
}

.card-tasks {
  height: 473px;
}
.card-tasks .table-full-width {
  max-height: 410px;
  position: relative;
}
.card-tasks .card-header .title {
  margin-right: 20px;
  font-weight: 400;
}
.card-tasks .card-header .dropdown {
  float: right;
  color: #cccccc;
}
.card-tasks .card-body i {
  color: #9A9A9A;
  font-size: 1.4em;
}
.card-tasks .card-body i:hover {
  color: #ffffff;
}

.card-plain {
  background: transparent;
  box-shadow: none;
}
.card-plain .card-header,
.card-plain .card-footer {
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
}
.card-plain:not(.card-subcategories).card-body {
  padding-left: 0;
  padding-right: 0;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes jello {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    transform: none;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
@keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    transform-origin: top center;
  }
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
@keyframes flipInX {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
  }
}
@keyframes flipInY {
  0% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
}
@keyframes flipOutX {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
  }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateX(90deg);
  }
}
@keyframes flipOutY {
  0% {
    opacity: 1;
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    opacity: 0;
    transform: perspective(400px) rotateY(90deg);
  }
}
@keyframes lightSpeedIn {
  0% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
  }
  60% {
    opacity: 1;
    transform: translateX(-20%) skewX(30deg);
  }
  80% {
    opacity: 1;
    transform: translateX(0%) skewX(-15deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
    transform: translateX(0%) skewX(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) skewX(-30deg);
  }
}
@keyframes rotateIn {
  0% {
    opacity: 0;
    transform: rotate(-200deg);
    transform-origin: center center;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: center center;
  }
}
@keyframes rotateInDownLeft {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom;
  }
}
@keyframes rotateInDownRight {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom;
  }
}
@keyframes rotateInUpLeft {
  0% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom;
  }
}
@keyframes rotateInUpRight {
  0% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom;
  }
  100% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom;
  }
}
@keyframes rotateOut {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: center center;
  }
  100% {
    opacity: 0;
    transform: rotate(200deg);
    transform-origin: center center;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: left bottom;
  }
}
@keyframes rotateOutDownRight {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: right bottom;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: left bottom;
  }
  100% {
    opacity: 0;
    transform: rotate(-90deg);
    transform-origin: left bottom;
  }
}
@keyframes rotateOutUpRight {
  0% {
    opacity: 1;
    transform: rotate(0);
    transform-origin: right bottom;
  }
  100% {
    opacity: 0;
    transform: rotate(90deg);
    transform-origin: right bottom;
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideOutDown {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
    transform: rotate(0);
    transform-origin: top left;
  }
  20%, 60% {
    animation-timing-function: ease-in-out;
    transform: rotate(80deg);
    transform-origin: top left;
  }
  40% {
    animation-timing-function: ease-in-out;
    transform: rotate(60deg);
    transform-origin: top left;
  }
  80% {
    opacity: 1;
    animation-timing-function: ease-in-out;
    transform: rotate(60deg) translateY(0);
    transform-origin: top left;
  }
  100% {
    opacity: 0;
    transform: translateY(700px);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInDown {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoomInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoomInRight {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoomInUp {
  0% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOutDown {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
@keyframes zoomOutUp {
  40% {
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  100% {
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
  }
}
.animate__animated, .animate__slideInLeft__htmx, .animate__slideInLeft__click, .animate__slideInLeft__scroll, .animate__slideInLeft, .animate__slideInDown__htmx, .animate__slideInDown__click, .animate__slideInDown__scroll, .animate__slideInDown, .animate__rotateOutUpRight__htmx, .animate__rotateOutUpRight__click, .animate__rotateOutUpRight__scroll, .animate__rotateOutUpRight, .animate__rotateOutUpLeft__htmx, .animate__rotateOutUpLeft__click, .animate__rotateOutUpLeft__scroll, .animate__rotateOutUpLeft, .animate__rotateOutDownRight__htmx, .animate__rotateOutDownRight__click, .animate__rotateOutDownRight__scroll, .animate__rotateOutDownRight, .animate__rotateOutDownLeft__htmx, .animate__rotateOutDownLeft__click, .animate__rotateOutDownLeft__scroll, .animate__rotateOutDownLeft, .animate__rotateOut__htmx, .animate__rotateOut__click, .animate__rotateOut__scroll, .animate__rotateOut, .animate__rotateInUpRight__htmx, .animate__rotateInUpRight__click, .animate__rotateInUpRight__scroll, .animate__rotateInUpRight, .animate__rotateInUpLeft__htmx, .animate__rotateInUpLeft__click, .animate__rotateInUpLeft__scroll, .animate__rotateInUpLeft, .animate__rotateInDownRight__htmx, .animate__rotateInDownRight__click, .animate__rotateInDownRight__scroll, .animate__rotateInDownRight, .animate__rotateInDownLeft__htmx, .animate__rotateInDownLeft__click, .animate__rotateInDownLeft__scroll, .animate__rotateInDownLeft, .animate__rotateIn__htmx, .animate__rotateIn__click, .animate__rotateIn__scroll, .animate__rotateIn, .animate__zoomOutUp__htmx, .animate__zoomOutUp__click, .animate__zoomOutUp__scroll, .animate__zoomOutUp, .animate__zoomOutRight__htmx, .animate__zoomOutRight__click, .animate__zoomOutRight__scroll, .animate__zoomOutRight, .animate__zoomOutLeft__htmx, .animate__zoomOutLeft__click, .animate__zoomOutLeft__scroll, .animate__zoomOutLeft, .animate__zoomOutDown__htmx, .animate__zoomOutDown__click, .animate__zoomOutDown__scroll, .animate__zoomOutDown, .animate__zoomOut__htmx, .animate__zoomOut__click, .animate__zoomOut__scroll, .animate__zoomOut, .animate__zoomInUp__htmx, .animate__zoomInUp__click, .animate__zoomInUp__scroll, .animate__zoomInUp, .animate__zoomInRight__htmx, .animate__zoomInRight__click, .animate__zoomInRight__scroll, .animate__zoomInRight, .animate__zoomInLeft__htmx, .animate__zoomInLeft__click, .animate__zoomInLeft__scroll, .animate__zoomInLeft, .animate__zoomInDown__htmx, .animate__zoomInDown__click, .animate__zoomInDown__scroll, .animate__zoomInDown, .animate__zoomIn__htmx, .animate__zoomIn__click, .animate__zoomIn__scroll, .animate__zoomIn, .animate__lightSpeedOut__htmx, .animate__lightSpeedOut__click, .animate__lightSpeedOut__scroll, .animate__lightSpeedOut, .animate__lightSpeedIn__htmx, .animate__lightSpeedIn__click, .animate__lightSpeedIn__scroll, .animate__lightSpeedIn, .animate__fadeOutUp__htmx, .animate__fadeOutUp__click, .animate__fadeOutUp__scroll, .animate__fadeOutUp, .animate__fadeOutRightBig__htmx, .animate__fadeOutRightBig__click, .animate__fadeOutRightBig__scroll, .animate__fadeOutRightBig, .animate__fadeOutRight__htmx, .animate__fadeOutRight__click, .animate__fadeOutRight__scroll, .animate__fadeOutRight, .animate__fadeOutLeftBig__htmx, .animate__fadeOutLeftBig__click, .animate__fadeOutLeftBig__scroll, .animate__fadeOutLeftBig, .animate__fadeOutLeft__htmx, .animate__fadeOutLeft__click, .animate__fadeOutLeft__scroll, .animate__fadeOutLeft, .animate__fadeOutDownBig__htmx, .animate__fadeOutDownBig__click, .animate__fadeOutDownBig__scroll, .animate__fadeOutDownBig, .animate__fadeOutDown__htmx, .animate__fadeOutDown__click, .animate__fadeOutDown__scroll, .animate__fadeOutDown, .animate__fadeInUpBig__htmx, .animate__fadeInUpBig__click, .animate__fadeInUpBig__scroll, .animate__fadeInUpBig, .animate__fadeInUp__htmx, .animate__fadeInUp__click, .animate__fadeInUp__scroll, .animate__fadeInUp, .animate__fadeInRightBig__htmx, .animate__fadeInRightBig__click, .animate__fadeInRightBig__scroll, .animate__fadeInRightBig, .animate__fadeInRight__htmx, .animate__fadeInRight__click, .animate__fadeInRight__scroll, .animate__fadeInRight, .animate__fadeInLeftBig__htmx, .animate__fadeInLeftBig__click, .animate__fadeInLeftBig__scroll, .animate__fadeInLeftBig, .animate__fadeInLeft__htmx, .animate__fadeInLeft__click, .animate__fadeInLeft__scroll, .animate__fadeInLeft, .animate__fadeInDownBig__htmx, .animate__fadeInDownBig__click, .animate__fadeInDownBig__scroll, .animate__fadeInDownBig, .animate__fadeInDown__htmx, .animate__fadeInDown__click, .animate__fadeInDown__scroll, .animate__fadeInDown, .animate__fadeOut__htmx, .animate__fadeOut__click, .animate__fadeOut__scroll, .animate__fadeOut, .animate__fadeIn__htmx, .animate__fadeIn__click, .animate__fadeIn__scroll, .animate__fadeIn, .animate__rollIn__htmx, .animate__rollIn__click, .animate__rollIn__scroll, .animate__rollIn, .animate__rollOut__htmx, .animate__rollOut__click, .animate__rollOut__scroll, .animate__rollOut, .animate__bounceInUp__htmx, .animate__bounceInUp__click, .animate__bounceInUp__scroll, .animate__bounceInUp, .animate__bounceInRight__htmx, .animate__bounceInRight__click, .animate__bounceInRight__scroll, .animate__bounceInRight, .animate__bounceInLeft__htmx, .animate__bounceInLeft__click, .animate__bounceInLeft__scroll, .animate__bounceInLeft, .animate__bounceInDown__htmx, .animate__bounceInDown__click, .animate__bounceInDown__scroll, .animate__bounceInDown, .animate__bounceIn__htmx, .animate__bounceIn__click, .animate__bounceIn__scroll, .animate__bounceIn, .animate__heartBeat__htmx, .animate__heartBeat__click, .animate__heartBeat__scroll, .animate__heartBeat, .animate__jello__htmx, .animate__jello__click, .animate__jello__scroll, .animate__jello, .animate__wobble__htmx, .animate__wobble__click, .animate__wobble__scroll, .animate__wobble, .animate__tada__htmx, .animate__tada__click, .animate__tada__scroll, .animate__tada, .animate__swing__htmx, .animate__swing__click, .animate__swing__scroll, .animate__swing, .animate__headShake__htmx, .animate__headShake__click, .animate__headShake__scroll, .animate__headShake, .animate__shake__htmx, .animate__shake__click, .animate__shake__scroll, .animate__shake, .animate__rubberBand__htmx, .animate__rubberBand__click, .animate__rubberBand__scroll, .animate__rubberBand, .animate__pulse__htmx, .animate__pulse__click, .animate__pulse__scroll, .animate__pulse, .animate__flash__htmx, .animate__flash__click, .animate__flash__scroll, .animate__flash, .animate__bounce__htmx, .animate__bounce__click, .animate__bounce__scroll, .animate__bounce {
  animation-duration: 2s;
  animation-fill-mode: none;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  visibility: visible;
}
.animate__animated.animate__infinite, .animate__infinite.animate__slideInLeft__htmx, .animate__infinite.animate__slideInLeft__click, .animate__infinite.animate__slideInLeft__scroll, .animate__infinite.animate__slideInLeft, .animate__infinite.animate__slideInDown__htmx, .animate__infinite.animate__slideInDown__click, .animate__infinite.animate__slideInDown__scroll, .animate__infinite.animate__slideInDown, .animate__infinite.animate__rotateOutUpRight__htmx, .animate__infinite.animate__rotateOutUpRight__click, .animate__infinite.animate__rotateOutUpRight__scroll, .animate__infinite.animate__rotateOutUpRight, .animate__infinite.animate__rotateOutUpLeft__htmx, .animate__infinite.animate__rotateOutUpLeft__click, .animate__infinite.animate__rotateOutUpLeft__scroll, .animate__infinite.animate__rotateOutUpLeft, .animate__infinite.animate__rotateOutDownRight__htmx, .animate__infinite.animate__rotateOutDownRight__click, .animate__infinite.animate__rotateOutDownRight__scroll, .animate__infinite.animate__rotateOutDownRight, .animate__infinite.animate__rotateOutDownLeft__htmx, .animate__infinite.animate__rotateOutDownLeft__click, .animate__infinite.animate__rotateOutDownLeft__scroll, .animate__infinite.animate__rotateOutDownLeft, .animate__infinite.animate__rotateOut__htmx, .animate__infinite.animate__rotateOut__click, .animate__infinite.animate__rotateOut__scroll, .animate__infinite.animate__rotateOut, .animate__infinite.animate__rotateInUpRight__htmx, .animate__infinite.animate__rotateInUpRight__click, .animate__infinite.animate__rotateInUpRight__scroll, .animate__infinite.animate__rotateInUpRight, .animate__infinite.animate__rotateInUpLeft__htmx, .animate__infinite.animate__rotateInUpLeft__click, .animate__infinite.animate__rotateInUpLeft__scroll, .animate__infinite.animate__rotateInUpLeft, .animate__infinite.animate__rotateInDownRight__htmx, .animate__infinite.animate__rotateInDownRight__click, .animate__infinite.animate__rotateInDownRight__scroll, .animate__infinite.animate__rotateInDownRight, .animate__infinite.animate__rotateInDownLeft__htmx, .animate__infinite.animate__rotateInDownLeft__click, .animate__infinite.animate__rotateInDownLeft__scroll, .animate__infinite.animate__rotateInDownLeft, .animate__infinite.animate__rotateIn__htmx, .animate__infinite.animate__rotateIn__click, .animate__infinite.animate__rotateIn__scroll, .animate__infinite.animate__rotateIn, .animate__infinite.animate__zoomOutUp__htmx, .animate__infinite.animate__zoomOutUp__click, .animate__infinite.animate__zoomOutUp__scroll, .animate__infinite.animate__zoomOutUp, .animate__infinite.animate__zoomOutRight__htmx, .animate__infinite.animate__zoomOutRight__click, .animate__infinite.animate__zoomOutRight__scroll, .animate__infinite.animate__zoomOutRight, .animate__infinite.animate__zoomOutLeft__htmx, .animate__infinite.animate__zoomOutLeft__click, .animate__infinite.animate__zoomOutLeft__scroll, .animate__infinite.animate__zoomOutLeft, .animate__infinite.animate__zoomOutDown__htmx, .animate__infinite.animate__zoomOutDown__click, .animate__infinite.animate__zoomOutDown__scroll, .animate__infinite.animate__zoomOutDown, .animate__infinite.animate__zoomOut__htmx, .animate__infinite.animate__zoomOut__click, .animate__infinite.animate__zoomOut__scroll, .animate__infinite.animate__zoomOut, .animate__infinite.animate__zoomInUp__htmx, .animate__infinite.animate__zoomInUp__click, .animate__infinite.animate__zoomInUp__scroll, .animate__infinite.animate__zoomInUp, .animate__infinite.animate__zoomInRight__htmx, .animate__infinite.animate__zoomInRight__click, .animate__infinite.animate__zoomInRight__scroll, .animate__infinite.animate__zoomInRight, .animate__infinite.animate__zoomInLeft__htmx, .animate__infinite.animate__zoomInLeft__click, .animate__infinite.animate__zoomInLeft__scroll, .animate__infinite.animate__zoomInLeft, .animate__infinite.animate__zoomInDown__htmx, .animate__infinite.animate__zoomInDown__click, .animate__infinite.animate__zoomInDown__scroll, .animate__infinite.animate__zoomInDown, .animate__infinite.animate__zoomIn__htmx, .animate__infinite.animate__zoomIn__click, .animate__infinite.animate__zoomIn__scroll, .animate__infinite.animate__zoomIn, .animate__infinite.animate__lightSpeedOut__htmx, .animate__infinite.animate__lightSpeedOut__click, .animate__infinite.animate__lightSpeedOut__scroll, .animate__infinite.animate__lightSpeedOut, .animate__infinite.animate__lightSpeedIn__htmx, .animate__infinite.animate__lightSpeedIn__click, .animate__infinite.animate__lightSpeedIn__scroll, .animate__infinite.animate__lightSpeedIn, .animate__infinite.animate__fadeOutUp__htmx, .animate__infinite.animate__fadeOutUp__click, .animate__infinite.animate__fadeOutUp__scroll, .animate__infinite.animate__fadeOutUp, .animate__infinite.animate__fadeOutRightBig__htmx, .animate__infinite.animate__fadeOutRightBig__click, .animate__infinite.animate__fadeOutRightBig__scroll, .animate__infinite.animate__fadeOutRightBig, .animate__infinite.animate__fadeOutRight__htmx, .animate__infinite.animate__fadeOutRight__click, .animate__infinite.animate__fadeOutRight__scroll, .animate__infinite.animate__fadeOutRight, .animate__infinite.animate__fadeOutLeftBig__htmx, .animate__infinite.animate__fadeOutLeftBig__click, .animate__infinite.animate__fadeOutLeftBig__scroll, .animate__infinite.animate__fadeOutLeftBig, .animate__infinite.animate__fadeOutLeft__htmx, .animate__infinite.animate__fadeOutLeft__click, .animate__infinite.animate__fadeOutLeft__scroll, .animate__infinite.animate__fadeOutLeft, .animate__infinite.animate__fadeOutDownBig__htmx, .animate__infinite.animate__fadeOutDownBig__click, .animate__infinite.animate__fadeOutDownBig__scroll, .animate__infinite.animate__fadeOutDownBig, .animate__infinite.animate__fadeOutDown__htmx, .animate__infinite.animate__fadeOutDown__click, .animate__infinite.animate__fadeOutDown__scroll, .animate__infinite.animate__fadeOutDown, .animate__infinite.animate__fadeInUpBig__htmx, .animate__infinite.animate__fadeInUpBig__click, .animate__infinite.animate__fadeInUpBig__scroll, .animate__infinite.animate__fadeInUpBig, .animate__infinite.animate__fadeInUp__htmx, .animate__infinite.animate__fadeInUp__click, .animate__infinite.animate__fadeInUp__scroll, .animate__infinite.animate__fadeInUp, .animate__infinite.animate__fadeInRightBig__htmx, .animate__infinite.animate__fadeInRightBig__click, .animate__infinite.animate__fadeInRightBig__scroll, .animate__infinite.animate__fadeInRightBig, .animate__infinite.animate__fadeInRight__htmx, .animate__infinite.animate__fadeInRight__click, .animate__infinite.animate__fadeInRight__scroll, .animate__infinite.animate__fadeInRight, .animate__infinite.animate__fadeInLeftBig__htmx, .animate__infinite.animate__fadeInLeftBig__click, .animate__infinite.animate__fadeInLeftBig__scroll, .animate__infinite.animate__fadeInLeftBig, .animate__infinite.animate__fadeInLeft__htmx, .animate__infinite.animate__fadeInLeft__click, .animate__infinite.animate__fadeInLeft__scroll, .animate__infinite.animate__fadeInLeft, .animate__infinite.animate__fadeInDownBig__htmx, .animate__infinite.animate__fadeInDownBig__click, .animate__infinite.animate__fadeInDownBig__scroll, .animate__infinite.animate__fadeInDownBig, .animate__infinite.animate__fadeInDown__htmx, .animate__infinite.animate__fadeInDown__click, .animate__infinite.animate__fadeInDown__scroll, .animate__infinite.animate__fadeInDown, .animate__infinite.animate__fadeOut__htmx, .animate__infinite.animate__fadeOut__click, .animate__infinite.animate__fadeOut__scroll, .animate__infinite.animate__fadeOut, .animate__infinite.animate__fadeIn__htmx, .animate__infinite.animate__fadeIn__click, .animate__infinite.animate__fadeIn__scroll, .animate__infinite.animate__fadeIn, .animate__infinite.animate__rollIn__htmx, .animate__infinite.animate__rollIn__click, .animate__infinite.animate__rollIn__scroll, .animate__infinite.animate__rollIn, .animate__infinite.animate__rollOut__htmx, .animate__infinite.animate__rollOut__click, .animate__infinite.animate__rollOut__scroll, .animate__infinite.animate__rollOut, .animate__infinite.animate__bounceInUp__htmx, .animate__infinite.animate__bounceInUp__click, .animate__infinite.animate__bounceInUp__scroll, .animate__infinite.animate__bounceInUp, .animate__infinite.animate__bounceInRight__htmx, .animate__infinite.animate__bounceInRight__click, .animate__infinite.animate__bounceInRight__scroll, .animate__infinite.animate__bounceInRight, .animate__infinite.animate__bounceInLeft__htmx, .animate__infinite.animate__bounceInLeft__click, .animate__infinite.animate__bounceInLeft__scroll, .animate__infinite.animate__bounceInLeft, .animate__infinite.animate__bounceInDown__htmx, .animate__infinite.animate__bounceInDown__click, .animate__infinite.animate__bounceInDown__scroll, .animate__infinite.animate__bounceInDown, .animate__infinite.animate__bounceIn__htmx, .animate__infinite.animate__bounceIn__click, .animate__infinite.animate__bounceIn__scroll, .animate__infinite.animate__bounceIn, .animate__infinite.animate__heartBeat__htmx, .animate__infinite.animate__heartBeat__click, .animate__infinite.animate__heartBeat__scroll, .animate__infinite.animate__heartBeat, .animate__infinite.animate__jello__htmx, .animate__infinite.animate__jello__click, .animate__infinite.animate__jello__scroll, .animate__infinite.animate__jello, .animate__infinite.animate__wobble__htmx, .animate__infinite.animate__wobble__click, .animate__infinite.animate__wobble__scroll, .animate__infinite.animate__wobble, .animate__infinite.animate__tada__htmx, .animate__infinite.animate__tada__click, .animate__infinite.animate__tada__scroll, .animate__infinite.animate__tada, .animate__infinite.animate__swing__htmx, .animate__infinite.animate__swing__click, .animate__infinite.animate__swing__scroll, .animate__infinite.animate__swing, .animate__infinite.animate__headShake__htmx, .animate__infinite.animate__headShake__click, .animate__infinite.animate__headShake__scroll, .animate__infinite.animate__headShake, .animate__infinite.animate__shake__htmx, .animate__infinite.animate__shake__click, .animate__infinite.animate__shake__scroll, .animate__infinite.animate__shake, .animate__infinite.animate__rubberBand__htmx, .animate__infinite.animate__rubberBand__click, .animate__infinite.animate__rubberBand__scroll, .animate__infinite.animate__rubberBand, .animate__infinite.animate__pulse__htmx, .animate__infinite.animate__pulse__click, .animate__infinite.animate__pulse__scroll, .animate__infinite.animate__pulse, .animate__infinite.animate__flash__htmx, .animate__infinite.animate__flash__click, .animate__infinite.animate__flash__scroll, .animate__infinite.animate__flash, .animate__infinite.animate__bounce__htmx, .animate__infinite.animate__bounce__click, .animate__infinite.animate__bounce__scroll, .animate__infinite.animate__bounce {
  animation-iteration-count: infinite;
}

.animate__bounce {
  animation-name: bounce;
}

.animate__bounce__scroll {
  animation-name: bounce;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounce__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounce__click {
  animation-name: bounce;
  animation-play-state: paused;
}
.animate__bounce__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounce__htmx {
  animation-name: bounce;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounce__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__flash {
  animation-name: flash;
}

.animate__flash__scroll {
  animation-name: flash;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__flash__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__flash__click {
  animation-name: flash;
  animation-play-state: paused;
}
.animate__flash__click.animate__triggered {
  animation-play-state: running;
}

.animate__flash__htmx {
  animation-name: flash;
  opacity: 0;
  animation-play-state: paused;
}
.animate__flash__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__pulse {
  animation-name: pulse;
}

.animate__pulse__scroll {
  animation-name: pulse;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__pulse__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__pulse__click {
  animation-name: pulse;
  animation-play-state: paused;
}
.animate__pulse__click.animate__triggered {
  animation-play-state: running;
}

.animate__pulse__htmx {
  animation-name: pulse;
  opacity: 0;
  animation-play-state: paused;
}
.animate__pulse__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rubberBand {
  animation-name: rubberBand;
}

.animate__rubberBand__scroll {
  animation-name: rubberBand;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rubberBand__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rubberBand__click {
  animation-name: rubberBand;
  animation-play-state: paused;
}
.animate__rubberBand__click.animate__triggered {
  animation-play-state: running;
}

.animate__rubberBand__htmx {
  animation-name: rubberBand;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rubberBand__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__shake {
  animation-name: shake;
}

.animate__shake__scroll {
  animation-name: shake;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__shake__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__shake__click {
  animation-name: shake;
  animation-play-state: paused;
}
.animate__shake__click.animate__triggered {
  animation-play-state: running;
}

.animate__shake__htmx {
  animation-name: shake;
  opacity: 0;
  animation-play-state: paused;
}
.animate__shake__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__headShake {
  animation-name: headShake;
}

.animate__headShake__scroll {
  animation-name: headShake;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__headShake__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__headShake__click {
  animation-name: headShake;
  animation-play-state: paused;
}
.animate__headShake__click.animate__triggered {
  animation-play-state: running;
}

.animate__headShake__htmx {
  animation-name: headShake;
  opacity: 0;
  animation-play-state: paused;
}
.animate__headShake__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__swing {
  animation-name: swing;
}

.animate__swing__scroll {
  animation-name: swing;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__swing__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__swing__click {
  animation-name: swing;
  animation-play-state: paused;
}
.animate__swing__click.animate__triggered {
  animation-play-state: running;
}

.animate__swing__htmx {
  animation-name: swing;
  opacity: 0;
  animation-play-state: paused;
}
.animate__swing__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__tada {
  animation-name: tada;
}

.animate__tada__scroll {
  animation-name: tada;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__tada__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__tada__click {
  animation-name: tada;
  animation-play-state: paused;
}
.animate__tada__click.animate__triggered {
  animation-play-state: running;
}

.animate__tada__htmx {
  animation-name: tada;
  opacity: 0;
  animation-play-state: paused;
}
.animate__tada__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__wobble {
  animation-name: wobble;
}

.animate__wobble__scroll {
  animation-name: wobble;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__wobble__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__wobble__click {
  animation-name: wobble;
  animation-play-state: paused;
}
.animate__wobble__click.animate__triggered {
  animation-play-state: running;
}

.animate__wobble__htmx {
  animation-name: wobble;
  opacity: 0;
  animation-play-state: paused;
}
.animate__wobble__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__jello {
  animation-name: jello;
}

.animate__jello__scroll {
  animation-name: jello;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__jello__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__jello__click {
  animation-name: jello;
  animation-play-state: paused;
}
.animate__jello__click.animate__triggered {
  animation-play-state: running;
}

.animate__jello__htmx {
  animation-name: jello;
  opacity: 0;
  animation-play-state: paused;
}
.animate__jello__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__heartBeat {
  animation-name: heartBeat;
}

.animate__heartBeat__scroll {
  animation-name: heartBeat;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__heartBeat__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__heartBeat__click {
  animation-name: heartBeat;
  animation-play-state: paused;
}
.animate__heartBeat__click.animate__triggered {
  animation-play-state: running;
}

.animate__heartBeat__htmx {
  animation-name: heartBeat;
  opacity: 0;
  animation-play-state: paused;
}
.animate__heartBeat__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__bounceIn {
  animation-name: bounceIn;
}

.animate__bounceIn__scroll {
  animation-name: bounceIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounceIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounceIn__click {
  animation-name: bounceIn;
  animation-play-state: paused;
}
.animate__bounceIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounceIn__htmx {
  animation-name: bounceIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounceIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__bounceInDown {
  animation-name: bounceInDown;
}

.animate__bounceInDown__scroll {
  animation-name: bounceInDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounceInDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounceInDown__click {
  animation-name: bounceInDown;
  animation-play-state: paused;
}
.animate__bounceInDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounceInDown__htmx {
  animation-name: bounceInDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounceInDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__bounceInLeft {
  animation-name: bounceInLeft;
}

.animate__bounceInLeft__scroll {
  animation-name: bounceInLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounceInLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounceInLeft__click {
  animation-name: bounceInLeft;
  animation-play-state: paused;
}
.animate__bounceInLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounceInLeft__htmx {
  animation-name: bounceInLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounceInLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__bounceInRight {
  animation-name: bounceInRight;
}

.animate__bounceInRight__scroll {
  animation-name: bounceInRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounceInRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounceInRight__click {
  animation-name: bounceInRight;
  animation-play-state: paused;
}
.animate__bounceInRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounceInRight__htmx {
  animation-name: bounceInRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounceInRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__bounceInUp {
  animation-name: bounceInUp;
}

.animate__bounceInUp__scroll {
  animation-name: bounceInUp;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__bounceInUp__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__bounceInUp__click {
  animation-name: bounceInUp;
  animation-play-state: paused;
}
.animate__bounceInUp__click.animate__triggered {
  animation-play-state: running;
}

.animate__bounceInUp__htmx {
  animation-name: bounceInUp;
  opacity: 0;
  animation-play-state: paused;
}
.animate__bounceInUp__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rollOut {
  animation-name: rollOut;
}

.animate__rollOut__scroll {
  animation-name: rollOut;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rollOut__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rollOut__click {
  animation-name: rollOut;
  animation-play-state: paused;
}
.animate__rollOut__click.animate__triggered {
  animation-play-state: running;
}

.animate__rollOut__htmx {
  animation-name: rollOut;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rollOut__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rollIn {
  animation-name: rollIn;
}

.animate__rollIn__scroll {
  animation-name: rollIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rollIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rollIn__click {
  animation-name: rollIn;
  animation-play-state: paused;
}
.animate__rollIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__rollIn__htmx {
  animation-name: rollIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rollIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeIn {
  animation-name: fadeIn;
}

.animate__fadeIn__scroll {
  animation-name: fadeIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeIn__click {
  animation-name: fadeIn;
  animation-play-state: paused;
}
.animate__fadeIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeIn__htmx {
  animation-name: fadeIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOut {
  animation-name: fadeOut;
}

.animate__fadeOut__scroll {
  animation-name: fadeOut;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOut__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOut__click {
  animation-name: fadeOut;
  animation-play-state: paused;
}
.animate__fadeOut__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOut__htmx {
  animation-name: fadeOut;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOut__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInDown {
  animation-name: fadeInDown;
}

.animate__fadeInDown__scroll {
  animation-name: fadeInDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInDown__click {
  animation-name: fadeInDown;
  animation-play-state: paused;
}
.animate__fadeInDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInDown__htmx {
  animation-name: fadeInDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}

.animate__fadeInDownBig__scroll {
  animation-name: fadeInDownBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInDownBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInDownBig__click {
  animation-name: fadeInDownBig;
  animation-play-state: paused;
}
.animate__fadeInDownBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInDownBig__htmx {
  animation-name: fadeInDownBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInDownBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

.animate__fadeInLeft__scroll {
  animation-name: fadeInLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInLeft__click {
  animation-name: fadeInLeft;
  animation-play-state: paused;
}
.animate__fadeInLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInLeft__htmx {
  animation-name: fadeInLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

.animate__fadeInLeftBig__scroll {
  animation-name: fadeInLeftBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInLeftBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInLeftBig__click {
  animation-name: fadeInLeftBig;
  animation-play-state: paused;
}
.animate__fadeInLeftBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInLeftBig__htmx {
  animation-name: fadeInLeftBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInLeftBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInRight {
  animation-name: fadeInRight;
}

.animate__fadeInRight__scroll {
  animation-name: fadeInRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInRight__click {
  animation-name: fadeInRight;
  animation-play-state: paused;
}
.animate__fadeInRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInRight__htmx {
  animation-name: fadeInRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}

.animate__fadeInRightBig__scroll {
  animation-name: fadeInRightBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInRightBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInRightBig__click {
  animation-name: fadeInRightBig;
  animation-play-state: paused;
}
.animate__fadeInRightBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInRightBig__htmx {
  animation-name: fadeInRightBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInRightBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInUp {
  animation-name: fadeInUp;
}

.animate__fadeInUp__scroll {
  animation-name: fadeInUp;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInUp__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInUp__click {
  animation-name: fadeInUp;
  animation-play-state: paused;
}
.animate__fadeInUp__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInUp__htmx {
  animation-name: fadeInUp;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInUp__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}

.animate__fadeInUpBig__scroll {
  animation-name: fadeInUpBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeInUpBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeInUpBig__click {
  animation-name: fadeInUpBig;
  animation-play-state: paused;
}
.animate__fadeInUpBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeInUpBig__htmx {
  animation-name: fadeInUpBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeInUpBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutDown {
  animation-name: fadeOutDown;
}

.animate__fadeOutDown__scroll {
  animation-name: fadeOutDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutDown__click {
  animation-name: fadeOutDown;
  animation-play-state: paused;
}
.animate__fadeOutDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutDown__htmx {
  animation-name: fadeOutDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

.animate__fadeOutDownBig__scroll {
  animation-name: fadeOutDownBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutDownBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutDownBig__click {
  animation-name: fadeOutDownBig;
  animation-play-state: paused;
}
.animate__fadeOutDownBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutDownBig__htmx {
  animation-name: fadeOutDownBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutDownBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

.animate__fadeOutLeft__scroll {
  animation-name: fadeOutLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutLeft__click {
  animation-name: fadeOutLeft;
  animation-play-state: paused;
}
.animate__fadeOutLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutLeft__htmx {
  animation-name: fadeOutLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

.animate__fadeOutLeftBig__scroll {
  animation-name: fadeOutLeftBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutLeftBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutLeftBig__click {
  animation-name: fadeOutLeftBig;
  animation-play-state: paused;
}
.animate__fadeOutLeftBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutLeftBig__htmx {
  animation-name: fadeOutLeftBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutLeftBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutRight {
  animation-name: fadeOutRight;
}

.animate__fadeOutRight__scroll {
  animation-name: fadeOutRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutRight__click {
  animation-name: fadeOutRight;
  animation-play-state: paused;
}
.animate__fadeOutRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutRight__htmx {
  animation-name: fadeOutRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

.animate__fadeOutRightBig__scroll {
  animation-name: fadeOutRightBig;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutRightBig__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutRightBig__click {
  animation-name: fadeOutRightBig;
  animation-play-state: paused;
}
.animate__fadeOutRightBig__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutRightBig__htmx {
  animation-name: fadeOutRightBig;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutRightBig__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__fadeOutUp {
  animation-name: fadeOutUp;
}

.animate__fadeOutUp__scroll {
  animation-name: fadeOutUp;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__fadeOutUp__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__fadeOutUp__click {
  animation-name: fadeOutUp;
  animation-play-state: paused;
}
.animate__fadeOutUp__click.animate__triggered {
  animation-play-state: running;
}

.animate__fadeOutUp__htmx {
  animation-name: fadeOutUp;
  opacity: 0;
  animation-play-state: paused;
}
.animate__fadeOutUp__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__lightSpeedIn {
  animation-name: lightSpeedIn;
}

.animate__lightSpeedIn__scroll {
  animation-name: lightSpeedIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__lightSpeedIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__lightSpeedIn__click {
  animation-name: lightSpeedIn;
  animation-play-state: paused;
}
.animate__lightSpeedIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__lightSpeedIn__htmx {
  animation-name: lightSpeedIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__lightSpeedIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__lightSpeedOut {
  animation-name: lightSpeedOut;
}

.animate__lightSpeedOut__scroll {
  animation-name: lightSpeedOut;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__lightSpeedOut__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__lightSpeedOut__click {
  animation-name: lightSpeedOut;
  animation-play-state: paused;
}
.animate__lightSpeedOut__click.animate__triggered {
  animation-play-state: running;
}

.animate__lightSpeedOut__htmx {
  animation-name: lightSpeedOut;
  opacity: 0;
  animation-play-state: paused;
}
.animate__lightSpeedOut__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomIn {
  animation-name: zoomIn;
}

.animate__zoomIn__scroll {
  animation-name: zoomIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomIn__click {
  animation-name: zoomIn;
  animation-play-state: paused;
}
.animate__zoomIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomIn__htmx {
  animation-name: zoomIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomInDown {
  animation-name: zoomInDown;
}

.animate__zoomInDown__scroll {
  animation-name: zoomInDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomInDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomInDown__click {
  animation-name: zoomInDown;
  animation-play-state: paused;
}
.animate__zoomInDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomInDown__htmx {
  animation-name: zoomInDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomInDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomInLeft {
  animation-name: zoomInLeft;
}

.animate__zoomInLeft__scroll {
  animation-name: zoomInLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomInLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomInLeft__click {
  animation-name: zoomInLeft;
  animation-play-state: paused;
}
.animate__zoomInLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomInLeft__htmx {
  animation-name: zoomInLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomInLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomInRight {
  animation-name: zoomInRight;
}

.animate__zoomInRight__scroll {
  animation-name: zoomInRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomInRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomInRight__click {
  animation-name: zoomInRight;
  animation-play-state: paused;
}
.animate__zoomInRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomInRight__htmx {
  animation-name: zoomInRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomInRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomInUp {
  animation-name: zoomInUp;
}

.animate__zoomInUp__scroll {
  animation-name: zoomInUp;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomInUp__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomInUp__click {
  animation-name: zoomInUp;
  animation-play-state: paused;
}
.animate__zoomInUp__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomInUp__htmx {
  animation-name: zoomInUp;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomInUp__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomOut {
  animation-name: zoomOut;
}

.animate__zoomOut__scroll {
  animation-name: zoomOut;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomOut__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomOut__click {
  animation-name: zoomOut;
  animation-play-state: paused;
}
.animate__zoomOut__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomOut__htmx {
  animation-name: zoomOut;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomOut__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomOutDown {
  animation-name: zoomOutDown;
}

.animate__zoomOutDown__scroll {
  animation-name: zoomOutDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomOutDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomOutDown__click {
  animation-name: zoomOutDown;
  animation-play-state: paused;
}
.animate__zoomOutDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomOutDown__htmx {
  animation-name: zoomOutDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomOutDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
}

.animate__zoomOutLeft__scroll {
  animation-name: zoomOutLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomOutLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomOutLeft__click {
  animation-name: zoomOutLeft;
  animation-play-state: paused;
}
.animate__zoomOutLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomOutLeft__htmx {
  animation-name: zoomOutLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomOutLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomOutRight {
  animation-name: zoomOutRight;
}

.animate__zoomOutRight__scroll {
  animation-name: zoomOutRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomOutRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomOutRight__click {
  animation-name: zoomOutRight;
  animation-play-state: paused;
}
.animate__zoomOutRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomOutRight__htmx {
  animation-name: zoomOutRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomOutRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__zoomOutUp {
  animation-name: zoomOutUp;
}

.animate__zoomOutUp__scroll {
  animation-name: zoomOutUp;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__zoomOutUp__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__zoomOutUp__click {
  animation-name: zoomOutUp;
  animation-play-state: paused;
}
.animate__zoomOutUp__click.animate__triggered {
  animation-play-state: running;
}

.animate__zoomOutUp__htmx {
  animation-name: zoomOutUp;
  opacity: 0;
  animation-play-state: paused;
}
.animate__zoomOutUp__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateIn {
  animation-name: rotateIn;
}

.animate__rotateIn__scroll {
  animation-name: rotateIn;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateIn__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateIn__click {
  animation-name: rotateIn;
  animation-play-state: paused;
}
.animate__rotateIn__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateIn__htmx {
  animation-name: rotateIn;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateIn__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

.animate__rotateInDownLeft__scroll {
  animation-name: rotateInDownLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateInDownLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateInDownLeft__click {
  animation-name: rotateInDownLeft;
  animation-play-state: paused;
}
.animate__rotateInDownLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateInDownLeft__htmx {
  animation-name: rotateInDownLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateInDownLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
}

.animate__rotateInDownRight__scroll {
  animation-name: rotateInDownRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateInDownRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateInDownRight__click {
  animation-name: rotateInDownRight;
  animation-play-state: paused;
}
.animate__rotateInDownRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateInDownRight__htmx {
  animation-name: rotateInDownRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateInDownRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

.animate__rotateInUpLeft__scroll {
  animation-name: rotateInUpLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateInUpLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateInUpLeft__click {
  animation-name: rotateInUpLeft;
  animation-play-state: paused;
}
.animate__rotateInUpLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateInUpLeft__htmx {
  animation-name: rotateInUpLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateInUpLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
}

.animate__rotateInUpRight__scroll {
  animation-name: rotateInUpRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateInUpRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateInUpRight__click {
  animation-name: rotateInUpRight;
  animation-play-state: paused;
}
.animate__rotateInUpRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateInUpRight__htmx {
  animation-name: rotateInUpRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateInUpRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateOut {
  animation-name: rotateOut;
}

.animate__rotateOut__scroll {
  animation-name: rotateOut;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateOut__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateOut__click {
  animation-name: rotateOut;
  animation-play-state: paused;
}
.animate__rotateOut__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateOut__htmx {
  animation-name: rotateOut;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateOut__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

.animate__rotateOutDownLeft__scroll {
  animation-name: rotateOutDownLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateOutDownLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateOutDownLeft__click {
  animation-name: rotateOutDownLeft;
  animation-play-state: paused;
}
.animate__rotateOutDownLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateOutDownLeft__htmx {
  animation-name: rotateOutDownLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateOutDownLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

.animate__rotateOutDownRight__scroll {
  animation-name: rotateOutDownRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateOutDownRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateOutDownRight__click {
  animation-name: rotateOutDownRight;
  animation-play-state: paused;
}
.animate__rotateOutDownRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateOutDownRight__htmx {
  animation-name: rotateOutDownRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateOutDownRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

.animate__rotateOutUpLeft__scroll {
  animation-name: rotateOutUpLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateOutUpLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateOutUpLeft__click {
  animation-name: rotateOutUpLeft;
  animation-play-state: paused;
}
.animate__rotateOutUpLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateOutUpLeft__htmx {
  animation-name: rotateOutUpLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateOutUpLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

.animate__rotateOutUpRight__scroll {
  animation-name: rotateOutUpRight;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__rotateOutUpRight__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__rotateOutUpRight__click {
  animation-name: rotateOutUpRight;
  animation-play-state: paused;
}
.animate__rotateOutUpRight__click.animate__triggered {
  animation-play-state: running;
}

.animate__rotateOutUpRight__htmx {
  animation-name: rotateOutUpRight;
  opacity: 0;
  animation-play-state: paused;
}
.animate__rotateOutUpRight__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__slideInDown {
  animation-name: slideInDown;
}

.animate__slideInDown__scroll {
  animation-name: slideInDown;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__slideInDown__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__slideInDown__click {
  animation-name: slideInDown;
  animation-play-state: paused;
}
.animate__slideInDown__click.animate__triggered {
  animation-play-state: running;
}

.animate__slideInDown__htmx {
  animation-name: slideInDown;
  opacity: 0;
  animation-play-state: paused;
}
.animate__slideInDown__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

.animate__slideInLeft {
  animation-name: slideInLeft;
}

.animate__slideInLeft__scroll {
  animation-name: slideInLeft;
  visibility: hidden;
  animation-play-state: paused;
}
.animate__slideInLeft__scroll.animate__triggered {
  visibility: visible;
  animation-play-state: running;
}

.animate__slideInLeft__click {
  animation-name: slideInLeft;
  animation-play-state: paused;
}
.animate__slideInLeft__click.animate__triggered {
  animation-play-state: running;
}

.animate__slideInLeft__htmx {
  animation-name: slideInLeft;
  opacity: 0;
  animation-play-state: paused;
}
.animate__slideInLeft__htmx.animate__triggered {
  opacity: 1;
  animation-play-state: running;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(50px);
  }
}
@keyframes slide-to-left {
  to {
    transform: translateX(-150px);
  }
}
/* define animations for the old and new content */
::view-transition-old(slide-it) {
  animation: 280ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
}

::view-transition-new(slide-it) {
  animation: 620ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 600ms cubic-bezier(0.4, 0, 0.2, 1) both slide-from-right;
}

/* tie the view transition to a given CSS class */
.right-to-left {
  view-transition-name: slide-it;
}

.btn,
.navbar .navbar-nav > a.btn {
  border-width: 2px;
  border: none;
  position: relative;
  overflow: hidden;
  margin: 4px 1px;
  border-radius: 0.8285rem;
  cursor: pointer;
  background: #d38080;
  background-image: linear-gradient(to bottom left, #d38080, #81efd3, #d38080);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #d38080;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn.animation-on-hover:hover,
.navbar .navbar-nav > a.btn.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn:active:focus, .btn:active:hover, .btn.active:focus, .btn.active:hover,
.navbar .navbar-nav > a.btn:hover,
.navbar .navbar-nav > a.btn:focus,
.navbar .navbar-nav > a.btn:active,
.navbar .navbar-nav > a.btn.active,
.navbar .navbar-nav > a.btn:active:focus,
.navbar .navbar-nav > a.btn:active:hover,
.navbar .navbar-nav > a.btn.active:focus,
.navbar .navbar-nav > a.btn.active:hover {
  background-color: #81efd3 !important;
  background-image: linear-gradient(to bottom left, #d38080, #81efd3, #d38080) !important;
  background-image: -moz-linear-gradient(to bottom left, #d38080, #81efd3, #d38080) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn:active,
.navbar .navbar-nav > a.btn:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn:not([data-action]):hover,
.navbar .navbar-nav > a.btn:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active,
.navbar .navbar-nav > a.btn.disabled,
.navbar .navbar-nav > a.btn.disabled:hover,
.navbar .navbar-nav > a.btn.disabled:focus,
.navbar .navbar-nav > a.btn.disabled.focus,
.navbar .navbar-nav > a.btn.disabled:active,
.navbar .navbar-nav > a.btn.disabled.active,
.navbar .navbar-nav > a.btn:disabled,
.navbar .navbar-nav > a.btn:disabled:hover,
.navbar .navbar-nav > a.btn:disabled:focus,
.navbar .navbar-nav > a.btn:disabled.focus,
.navbar .navbar-nav > a.btn:disabled:active,
.navbar .navbar-nav > a.btn:disabled.active,
.navbar .navbar-nav > a.btn[disabled],
.navbar .navbar-nav > a.btn[disabled]:hover,
.navbar .navbar-nav > a.btn[disabled]:focus,
.navbar .navbar-nav > a.btn[disabled].focus,
.navbar .navbar-nav > a.btn[disabled]:active,
.navbar .navbar-nav > a.btn[disabled].active,
fieldset[disabled] .navbar .navbar-nav > a.btn,
fieldset[disabled] .navbar .navbar-nav > a.btn:hover,
fieldset[disabled] .navbar .navbar-nav > a.btn:focus,
fieldset[disabled] .navbar .navbar-nav > a.btn.focus,
fieldset[disabled] .navbar .navbar-nav > a.btn:active,
fieldset[disabled] .navbar .navbar-nav > a.btn.active {
  background-color: #d38080;
  border-color: #d38080;
}
.btn.btn-simple,
.navbar .navbar-nav > a.btn.btn-simple {
  color: #d38080;
  border-color: #d38080;
  background: transparent;
}
.btn.btn-simple:hover, .btn.btn-simple:focus, .btn.btn-simple:active, .btn.btn-simple:not(:disabled):not(.disabled):active,
.navbar .navbar-nav > a.btn.btn-simple:hover,
.navbar .navbar-nav > a.btn.btn-simple:focus,
.navbar .navbar-nav > a.btn.btn-simple:active,
.navbar .navbar-nav > a.btn.btn-simple:not(:disabled):not(.disabled):active {
  color: #d38080;
  border-color: #d38080;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn.btn-simple.active,
.navbar .navbar-nav > a.btn.btn-simple.active {
  border-color: #d38080 !important;
}
.btn.btn-simple.active:hover, .btn.btn-simple.active:focus, .btn.btn-simple.active:active, .btn.btn-simple.active:not(:disabled):not(.disabled):active,
.navbar .navbar-nav > a.btn.btn-simple.active:hover,
.navbar .navbar-nav > a.btn.btn-simple.active:focus,
.navbar .navbar-nav > a.btn.btn-simple.active:active,
.navbar .navbar-nav > a.btn.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #d38080;
  background-image: linear-gradient(to bottom left, #d38080, #81efd3, #d38080) !important;
  background-image: -moz-linear-gradient(to bottom left, #d38080, #81efd3, #d38080) !important;
  background-color: #81efd3 !important;
  box-shadow: none;
}
.btn.btn-link,
.navbar .navbar-nav > a.btn.btn-link {
  color: #d38080;
}
.btn.btn-link:hover, .btn.btn-link:focus, .btn.btn-link:active,
.navbar .navbar-nav > a.btn.btn-link:hover,
.navbar .navbar-nav > a.btn.btn-link:focus,
.navbar .navbar-nav > a.btn.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}
.btn:hover, .btn:focus,
.navbar .navbar-nav > a.btn:hover,
.navbar .navbar-nav > a.btn:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;
}
.btn:active, .btn.active, .open > .btn.dropdown-toggle,
.navbar .navbar-nav > a.btn:active,
.navbar .navbar-nav > a.btn.active,
.open > .navbar .navbar-nav > a.btn.dropdown-toggle {
  box-shadow: none;
  outline: 0 !important;
}
.btn .badge,
.navbar .navbar-nav > a.btn .badge {
  margin: 0;
}
.btn.btn-icon,
.navbar .navbar-nav > a.btn.btn-icon {
  height: 2.375rem;
  min-width: 2.375rem;
  width: 2.375rem;
  padding: 0;
  font-size: 0.9375rem;
  overflow: hidden;
  position: relative;
  line-height: normal;
}
.btn.btn-icon.btn-simple,
.navbar .navbar-nav > a.btn.btn-icon.btn-simple {
  padding: 0;
}
.btn.btn-icon.btn-sm, .btn-group-sm > .btn.btn-icon,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm {
  height: 1.875rem;
  min-width: 1.875rem;
  width: 1.875rem;
}
.btn.btn-icon.btn-sm .fa, .btn-group-sm > .btn.btn-icon .fa,
.btn.btn-icon.btn-sm .far,
.btn-group-sm > .btn.btn-icon .far,
.btn.btn-icon.btn-sm .fas,
.btn-group-sm > .btn.btn-icon .fas,
.btn.btn-icon.btn-sm .tim-icons,
.btn-group-sm > .btn.btn-icon .tim-icons,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fa,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .far,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .fas,
.navbar .navbar-nav > a.btn.btn-icon.btn-sm .tim-icons {
  font-size: 0.6875rem;
}
.btn.btn-icon.btn-lg, .btn-group-lg > .btn.btn-icon,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg {
  height: 3.6rem;
  min-width: 3.6rem;
  width: 3.6rem;
}
.btn.btn-icon.btn-lg .fa, .btn-group-lg > .btn.btn-icon .fa,
.btn.btn-icon.btn-lg .far,
.btn-group-lg > .btn.btn-icon .far,
.btn.btn-icon.btn-lg .fas,
.btn-group-lg > .btn.btn-icon .fas,
.btn.btn-icon.btn-lg .tim-icons,
.btn-group-lg > .btn.btn-icon .tim-icons,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fa,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .far,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .fas,
.navbar .navbar-nav > a.btn.btn-icon.btn-lg .tim-icons {
  font-size: 1.325rem;
}
.btn.btn-icon:not(.btn-footer) .tim-icons, .btn.btn-icon:not(.btn-footer) .fa, .btn.btn-icon:not(.btn-footer) .far, .btn.btn-icon:not(.btn-footer) .fas,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .tim-icons,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fa,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .far,
.navbar .navbar-nav > a.btn.btn-icon:not(.btn-footer) .fas {
  position: absolute;
  font-size: 1em;
  top: 50%;
  left: 50%;
  transform: translate(-12px, -12px);
  line-height: 1.5626rem;
  width: 24px;
}
.btn:not(.btn-icon) .tim-icons,
.navbar .navbar-nav > a.btn:not(.btn-icon) .tim-icons {
  position: relative;
  top: 1px;
}
.btn span,
.navbar .navbar-nav > a.btn span {
  position: relative;
  display: block;
}
.btn.btn-link.dropdown-toggle,
.navbar .navbar-nav > a.btn.btn-link.dropdown-toggle {
  color: #9A9A9A;
}
.btn.dropdown-toggle:after,
.navbar .navbar-nav > a.btn.dropdown-toggle:after {
  margin-left: 30px !important;
}

.btn-primary {
  background: #3D74DA;
  background-image: linear-gradient(to bottom left, #3D74DA, #B326AF, #3D74DA);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #3D74DA;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn-primary.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:focus, .btn-primary.active:hover {
  background-color: #B326AF !important;
  background-image: linear-gradient(to bottom left, #3D74DA, #B326AF, #3D74DA) !important;
  background-image: -moz-linear-gradient(to bottom left, #3D74DA, #B326AF, #3D74DA) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-primary:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-primary:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: #3D74DA;
  border-color: #3D74DA;
}
.btn-primary.btn-simple {
  color: #3D74DA;
  border-color: #3D74DA;
  background: transparent;
}
.btn-primary.btn-simple:hover, .btn-primary.btn-simple:focus, .btn-primary.btn-simple:active, .btn-primary.btn-simple:not(:disabled):not(.disabled):active {
  color: #3D74DA;
  border-color: #3D74DA;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-primary.btn-simple.active {
  border-color: #3D74DA !important;
}
.btn-primary.btn-simple.active:hover, .btn-primary.btn-simple.active:focus, .btn-primary.btn-simple.active:active, .btn-primary.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #3D74DA;
  background-image: linear-gradient(to bottom left, #3D74DA, #B326AF, #3D74DA) !important;
  background-image: -moz-linear-gradient(to bottom left, #3D74DA, #B326AF, #3D74DA) !important;
  background-color: #B326AF !important;
  box-shadow: none;
}
.btn-primary.btn-link {
  color: #3D74DA;
}
.btn-primary.btn-link:hover, .btn-primary.btn-link:focus, .btn-primary.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}

.btn-success {
  background: #77dc55;
  background-image: linear-gradient(to bottom left, #77dc55, #f529e1, #77dc55);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #77dc55;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn-success.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:focus, .btn-success.active:hover {
  background-color: #f529e1 !important;
  background-image: linear-gradient(to bottom left, #77dc55, #f529e1, #77dc55) !important;
  background-image: -moz-linear-gradient(to bottom left, #77dc55, #f529e1, #77dc55) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-success:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-success:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: #77dc55;
  border-color: #77dc55;
}
.btn-success.btn-simple {
  color: #77dc55;
  border-color: #77dc55;
  background: transparent;
}
.btn-success.btn-simple:hover, .btn-success.btn-simple:focus, .btn-success.btn-simple:active, .btn-success.btn-simple:not(:disabled):not(.disabled):active {
  color: #77dc55;
  border-color: #77dc55;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-success.btn-simple.active {
  border-color: #77dc55 !important;
}
.btn-success.btn-simple.active:hover, .btn-success.btn-simple.active:focus, .btn-success.btn-simple.active:active, .btn-success.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #77dc55;
  background-image: linear-gradient(to bottom left, #77dc55, #f529e1, #77dc55) !important;
  background-image: -moz-linear-gradient(to bottom left, #77dc55, #f529e1, #77dc55) !important;
  background-color: #f529e1 !important;
  box-shadow: none;
}
.btn-success.btn-link {
  color: #77dc55;
}
.btn-success.btn-link:hover, .btn-success.btn-link:focus, .btn-success.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}

.btn-info {
  background: #00DDFF;
  background-image: linear-gradient(to bottom left, #00DDFF, #FF00D4, #00DDFF);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #00DDFF;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn-info.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:focus, .btn-info.active:hover {
  background-color: #FF00D4 !important;
  background-image: linear-gradient(to bottom left, #00DDFF, #FF00D4, #00DDFF) !important;
  background-image: -moz-linear-gradient(to bottom left, #00DDFF, #FF00D4, #00DDFF) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-info:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-info:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: #00DDFF;
  border-color: #00DDFF;
}
.btn-info.btn-simple {
  color: #00DDFF;
  border-color: #00DDFF;
  background: transparent;
}
.btn-info.btn-simple:hover, .btn-info.btn-simple:focus, .btn-info.btn-simple:active, .btn-info.btn-simple:not(:disabled):not(.disabled):active {
  color: #00DDFF;
  border-color: #00DDFF;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-info.btn-simple.active {
  border-color: #00DDFF !important;
}
.btn-info.btn-simple.active:hover, .btn-info.btn-simple.active:focus, .btn-info.btn-simple.active:active, .btn-info.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #00DDFF;
  background-image: linear-gradient(to bottom left, #00DDFF, #FF00D4, #00DDFF) !important;
  background-image: -moz-linear-gradient(to bottom left, #00DDFF, #FF00D4, #00DDFF) !important;
  background-color: #FF00D4 !important;
  box-shadow: none;
}
.btn-info.btn-link {
  color: #00DDFF;
}
.btn-info.btn-link:hover, .btn-info.btn-link:focus, .btn-info.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}

.btn-warning {
  background: #FFA78A;
  background-image: linear-gradient(to bottom left, #FFA78A, #FB83A4, #FFA78A);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #FFA78A;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn-warning.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:focus, .btn-warning.active:hover {
  background-color: #FB83A4 !important;
  background-image: linear-gradient(to bottom left, #FFA78A, #FB83A4, #FFA78A) !important;
  background-image: -moz-linear-gradient(to bottom left, #FFA78A, #FB83A4, #FFA78A) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-warning:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-warning:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: #FFA78A;
  border-color: #FFA78A;
}
.btn-warning.btn-simple {
  color: #FFA78A;
  border-color: #FFA78A;
  background: transparent;
}
.btn-warning.btn-simple:hover, .btn-warning.btn-simple:focus, .btn-warning.btn-simple:active, .btn-warning.btn-simple:not(:disabled):not(.disabled):active {
  color: #FFA78A;
  border-color: #FFA78A;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-warning.btn-simple.active {
  border-color: #FFA78A !important;
}
.btn-warning.btn-simple.active:hover, .btn-warning.btn-simple.active:focus, .btn-warning.btn-simple.active:active, .btn-warning.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #FFA78A;
  background-image: linear-gradient(to bottom left, #FFA78A, #FB83A4, #FFA78A) !important;
  background-image: -moz-linear-gradient(to bottom left, #FFA78A, #FB83A4, #FFA78A) !important;
  background-color: #FB83A4 !important;
  box-shadow: none;
}
.btn-warning.btn-link {
  color: #FFA78A;
}
.btn-warning.btn-link:hover, .btn-warning.btn-link:focus, .btn-warning.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}
.btn-warning:not(:disabled):not(.disabled):active {
  color: #ffffff;
}

.btn-danger {
  background: #D23737;
  background-image: linear-gradient(to bottom left, #D23737, #E06969, #D23737);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #D23737;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #ffffff;
}
.btn-danger.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:focus, .btn-danger.active:hover {
  background-color: #E06969 !important;
  background-image: linear-gradient(to bottom left, #D23737, #E06969, #D23737) !important;
  background-image: -moz-linear-gradient(to bottom left, #D23737, #E06969, #D23737) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-danger:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-danger:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: #D23737;
  border-color: #D23737;
}
.btn-danger.btn-simple {
  color: #D23737;
  border-color: #D23737;
  background: transparent;
}
.btn-danger.btn-simple:hover, .btn-danger.btn-simple:focus, .btn-danger.btn-simple:active, .btn-danger.btn-simple:not(:disabled):not(.disabled):active {
  color: #D23737;
  border-color: #D23737;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-danger.btn-simple.active {
  border-color: #D23737 !important;
}
.btn-danger.btn-simple.active:hover, .btn-danger.btn-simple.active:focus, .btn-danger.btn-simple.active:active, .btn-danger.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #D23737;
  background-image: linear-gradient(to bottom left, #D23737, #E06969, #D23737) !important;
  background-image: -moz-linear-gradient(to bottom left, #D23737, #E06969, #D23737) !important;
  background-color: #E06969 !important;
  box-shadow: none;
}
.btn-danger.btn-link {
  color: #D23737;
}
.btn-danger.btn-link:hover, .btn-danger.btn-link:focus, .btn-danger.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}

.btn-neutral {
  background: #ffffff;
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff);
  background-size: 210% 210%;
  background-position: top right;
  background-color: #ffffff;
  transition: all 0.15s ease;
  box-shadow: none;
  color: #3D74DA;
}
.btn-neutral.animation-on-hover:hover {
  background-position: bottom left;
  transition: 0.3s ease-in-out;
}
.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover {
  background-color: #ffffff !important;
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  color: #ffffff;
  box-shadow: none;
}
.btn-neutral:active {
  box-shadow: none !important;
  transform: translateY(1px) !important;
  transition: all 0.15s ease;
}
.btn-neutral:not([data-action]):hover {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}
.btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-neutral.btn-danger {
  color: #D23737;
}
.btn-neutral.btn-danger:hover, .btn-neutral.btn-danger:focus, .btn-neutral.btn-danger:active, .btn-neutral.btn-danger:active:focus {
  color: #E06969;
}
.btn-neutral.btn-info {
  color: #00DDFF;
}
.btn-neutral.btn-info:hover, .btn-neutral.btn-info:focus, .btn-neutral.btn-info:active, .btn-neutral.btn-info:active:focus {
  color: #FF00D4;
}
.btn-neutral.btn-warning {
  color: #FFA78A;
}
.btn-neutral.btn-warning:hover, .btn-neutral.btn-warning:focus, .btn-neutral.btn-warning:active, .btn-neutral.btn-warning:active:focus {
  color: #FB83A4;
}
.btn-neutral.btn-success {
  color: #77dc55;
}
.btn-neutral.btn-success:hover, .btn-neutral.btn-success:focus, .btn-neutral.btn-success:active, .btn-neutral.btn-success:active:focus {
  color: #f529e1;
}
.btn-neutral.btn-default {
  color: #d38080;
}
.btn-neutral.btn-default:hover, .btn-neutral.btn-default:focus, .btn-neutral.btn-default:active, .btn-neutral.btn-default:active:focus {
  color: #81efd3;
}
.btn-neutral.active, .btn-neutral:active, .btn-neutral:active:focus, .btn-neutral:active:hover, .btn-neutral.active:focus, .btn-neutral.active:hover, .show > .btn-neutral.dropdown-toggle, .show > .btn-neutral.dropdown-toggle:focus, .show > .btn-neutral.dropdown-toggle:hover {
  background-color: #ffffff;
  color: #B326AF;
  box-shadow: none;
}
.btn-neutral:hover, .btn-neutral:focus {
  color: #B326AF;
}
.btn-neutral:hover:not(.nav-link), .btn-neutral:focus:not(.nav-link) {
  box-shadow: none;
}
.btn-neutral.btn-simple {
  color: #ffffff;
  border-color: #ffffff;
  background: transparent;
}
.btn-neutral.btn-simple:hover, .btn-neutral.btn-simple:focus, .btn-neutral.btn-simple:active, .btn-neutral.btn-simple:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #ffffff;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none;
}
.btn-neutral.btn-simple.active {
  border-color: #ffffff !important;
}
.btn-neutral.btn-simple.active:hover, .btn-neutral.btn-simple.active:focus, .btn-neutral.btn-simple.active:active, .btn-neutral.btn-simple.active:not(:disabled):not(.disabled):active {
  color: #ffffff;
  border-color: #ffffff;
  background-image: linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-image: -moz-linear-gradient(to bottom left, #ffffff, #ffffff, #ffffff) !important;
  background-color: #ffffff !important;
  box-shadow: none;
}
.btn-neutral.btn-link {
  color: #ffffff;
}
.btn-neutral.btn-link:hover, .btn-neutral.btn-link:focus, .btn-neutral.btn-link:active {
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: none;
}

.btn:disabled, .btn[disabled], .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  pointer-events: none;
}

.btn-simple {
  border: 1px solid;
  border-color: #d38080;
  box-shadow: none;
  padding: 10px 22px;
  background-color: transparent;
}

.btn-simple.disabled, .btn-simple.disabled:hover, .btn-simple.disabled:focus, .btn-simple.disabled.focus, .btn-simple.disabled:active, .btn-simple.disabled.active, .btn-simple:disabled, .btn-simple:disabled:hover, .btn-simple:disabled:focus, .btn-simple:disabled.focus, .btn-simple:disabled:active, .btn-simple:disabled.active, .btn-simple[disabled], .btn-simple[disabled]:hover, .btn-simple[disabled]:focus, .btn-simple[disabled].focus, .btn-simple[disabled]:active, .btn-simple[disabled].active, fieldset[disabled] .btn-simple, fieldset[disabled] .btn-simple:hover, fieldset[disabled] .btn-simple:focus, fieldset[disabled] .btn-simple.focus, fieldset[disabled] .btn-simple:active, fieldset[disabled] .btn-simple.active,
.btn-link.disabled,
.btn-link.disabled:hover,
.btn-link.disabled:focus,
.btn-link.disabled.focus,
.btn-link.disabled:active,
.btn-link.disabled.active,
.btn-link:disabled,
.btn-link:disabled:hover,
.btn-link:disabled:focus,
.btn-link:disabled.focus,
.btn-link:disabled:active,
.btn-link:disabled.active,
.btn-link[disabled],
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
.btn-link[disabled].focus,
.btn-link[disabled]:active,
.btn-link[disabled].active,
fieldset[disabled] .btn-link,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link.focus,
fieldset[disabled] .btn-link:active,
fieldset[disabled] .btn-link.active {
  background: transparent;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}

.btn-link {
  border: 0;
  box-shadow: none;
  padding: 0.5rem 0.7rem;
  background: transparent;
  color: #e3e3e3;
  font-weight: 600;
}
.btn-link:hover {
  box-shadow: none !important;
  transform: none !important;
}

.btn-lg, .btn-group-lg > .btn {
  font-size: 0.98rem;
  border-radius: 0.8285rem;
  padding: 15px 48px;
}
.btn-lg.btn-simple, .btn-group-lg > .btn-simple.btn {
  padding: 14px 47px;
}

.btn-sm, .btn-group-sm > .btn {
  font-size: 0.98rem;
  border-radius: 0.4857rem;
  padding: 5px 15px;
}
.btn-sm.btn-simple, .btn-group-sm > .btn-simple.btn {
  padding: 4px 14px;
}

.btn-wd {
  min-width: 140px;
}

.btn-group.select {
  width: 100%;
}

.btn-group .btn.active {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}

.btn-group.select .btn {
  text-align: left;
}

.btn-group.select .caret {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 8px;
}

.btn-group .btn.active {
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transform: translateY(-1px);
  -webkit-transform: translateY(-1px);
}

.btn-round {
  border-width: 1px;
  border-radius: 30px;
}
.btn-round.btn-simple {
  padding: 10px 22px;
}

.no-caret.dropdown-toggle::after {
  display: none;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #ffffff;
}

.btn-group label.btn.active {
  transform: translateY(0);
  -webkit-transform: translateY(0);
}

.btn-nostyle {
  padding-top: 4px;
  border: none !important;
}

.btn-kyc {
  display: block;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 40px;
  background: linear-gradient(-53deg, #3D74DA 0%, #B326AF 100%);
  min-width: 50px;
  max-width: 350px;
  text-align: center;
  padding: 3px 7px;
  padding-top: 7px;
  color: white;
  cursor: pointer;
  border-radius: 100px;
  overflow: hidden;
}

.btn-kyc::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgb(145, 63, 134);
  transform-origin: 100% 50%;
  transform: scale3d(1, 2, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.btn-kyc:hover::before {
  transform: scale3d(15, 15, 1);
}

.btn-kyc-solid {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  color: white;
  padding-top: 0.5275rem;
  padding-bottom: 0.3875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.1rem;
  font-family: "Mercurium", sans-serif;
  text-decoration: none;
  border-radius: 1.3rem;
  border: 2px solid transparent;
  background-clip: padding-box;
  position: relative;
  transition: all 0.3s;
}
.btn-kyc-solid:focus {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}

.btn-kyc-solid::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 1.45rem;
  padding: 2px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.btn-kyc-solid:hover {
  background: white;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  text-decoration: none !important;
}

.btn-kyc-outline {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  padding-top: 0.5275rem;
  padding-bottom: 0.3875rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 1.1rem;
  font-family: "Mercurium", sans-serif;
  text-decoration: none !important;
  border-radius: 0.8rem;
  border: none;
  transition: all 0.3s;
  background: white;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.btn-kyc-outline span {
  background: white;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.btn-kyc-outline::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 1.45rem;
  padding: 2px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.btn-kyc-outline:focus {
  outline: none !important;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
.btn-kyc-outline:active, .btn-kyc-outline.active, .btn-kyc-outline:hover {
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: initial;
  -webkit-background-clip: initial;
  border-radius: 1rem;
  color: white;
}
.btn-kyc-outline:active::after, .btn-kyc-outline.active::after, .btn-kyc-outline:hover::after {
  opacity: 0;
}
.btn-kyc-outline:active span, .btn-kyc-outline.active span, .btn-kyc-outline:hover span {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  color: white;
}

.btn-kyc-outline-small {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  padding-top: 0.3275rem !important;
  padding-bottom: 0.2275rem !important;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  font-size: 0.9rem;
  font-family: "Mercurium", sans-serif;
  text-decoration: none !important;
  border-radius: 0.8rem;
  border: none;
  transition: all 0.3s;
  background: white;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.btn-kyc-outline-small span {
  background: white;
  background-image: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.btn-kyc-outline-small::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 1.2rem;
  padding: 2px;
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.btn-kyc-outline-small:active, .btn-kyc-outline-small.active {
  background: linear-gradient(to right, rgb(200, 58, 177), rgb(48, 123, 221));
  background-clip: initial;
  -webkit-background-clip: initial;
  border-radius: 1.25rem;
  color: white;
}
.btn-kyc-outline-small:active::after, .btn-kyc-outline-small.active::after {
  opacity: 0;
}
.btn-kyc-outline-small:active span, .btn-kyc-outline-small.active span {
  background: none;
  background-clip: initial;
  -webkit-background-clip: initial;
  color: white;
}

.btn-delete {
  border-radius: 100px;
  background: linear-gradient(244deg, #E06969 0%, #D23737 100%) !important;
  background-image: none;
  padding: 3px 7px;
  padding-top: 7px;
  min-width: 50px;
  max-width: 250px;
  color: white;
  cursor: pointer;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-delete .btn-icon-circle {
  justify-content: flex-start;
  margin-right: auto;
}

.btn-delete:disabled {
  background-color: #ffcccc; /* Light red background */
  color: #D23737 !important; /* Red text */
  opacity: 0.5; /* Faded effect */
  cursor: not-allowed; /* Change cursor to not-allowed */
}

.btn-round {
  cursor: pointer;
  color: #fff;
  padding: 3px 8px;
  display: inline;
  border-radius: 100px;
  background-color: #00ABFF !important;
  background-image: none;
}

.btn-icon-circle {
  background: white;
  border-radius: 50%;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  position: relative;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
}

.btn-icon-circle::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  padding: 2px;
  background: linear-gradient(to right, #00aeef 0%, rgba(0, 174, 239, 0) 70%, transparent 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.btn-orange-pink-gradient-border {
  display: flex;
  align-items: center;
  border-radius: 50px;
  background: linear-gradient(to right, #ffffff, #fca3b7, #e86868);
  position: relative;
  color: black;
  font-weight: 400;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  padding: 5px;
  padding-right: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.btn-orange-pink-gradient-border span {
  position: relative;
  z-index: 1;
}
.btn-orange-pink-gradient-border::after {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  color: black;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%);
  transform: skewX(-15deg);
  transition: all 0.5s ease;
}

.btn-orange-pink-gradient-border::before {
  content: "";
  position: absolute;
  inset: 2px;
  background: white;
  color: black;
  border-radius: 48px;
  z-index: 0 !important;
}

.btn-orange-pink-gradient-border:hover {
  transform: translateY(-2px);
  background: linear-gradient(90deg, #e05792, #fcae4c, #e05792);
  background-size: 200% 100%;
  color: white;
  animation: gradientFlow 2s ease forwards;
}
.btn-orange-pink-gradient-border:hover::before {
  opacity: 0;
}
.btn-orange-pink-gradient-border:hover::after {
  left: 100%;
  transition: all 1.7s ease;
}
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

/* Common button styles */
.button {
  float: left;
  display: block;
  border: none;
  background: none;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.button:focus {
  outline: none;
}

.button > span {
  vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
  color: #37474f;
  border-color: #37474f;
}

.bg-2 .button {
  color: #ECEFF1;
  border-color: #ECEFF1;
}

.bg-3 .button {
  color: #fff;
  border-color: #fff;
}

/* Sizes */
.button--size-s {
  font-size: 14px;
}

.button--size-m {
  font-size: 16px;
}

.button--size-l {
  font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
  letter-spacing: 2px;
  text-transform: uppercase;
}

.button--text-thin {
  font-weight: 300;
}

.button--text-medium {
  font-weight: 500;
}

.button--text-thick {
  font-weight: 600;
}

.button--round-s {
  border-radius: 5px;
}

.button--round-m {
  border-radius: 15px;
}

.button--round-l {
  border-radius: 40px;
}

/* Borders */
.button--border-thin {
  border: 1px solid;
}

.button--border-medium {
  border: 2px solid;
}

.button--border-thick {
  border: 3px solid;
}

/* Individual button styles */
/* Winona */
.button--winona {
  overflow: hidden;
  padding: 0;
  transition: border-color 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--winona::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  color: #3f51b5;
  transform: translate3d(0, 25%, 0);
}

.button--winona > span {
  display: block;
}

.button--winona.button--inverted {
  color: #7986cb;
}

.button--winona.button--inverted:after {
  color: #fff;
}

.button--winona::after,
.button--winona > span {
  padding: 1em 2em;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--winona:hover {
  border-color: #3f51b5;
  background-color: rgba(63, 81, 181, 0.1);
}

.button--winona.button--inverted:hover {
  border-color: #21333C;
  background-color: #21333C;
}

.button--winona:hover::after {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button--winona:hover > span {
  opacity: 0;
  transform: translate3d(0, -25%, 0);
}

/* Ujarak */
.button--ujarak {
  transition: border-color 0.4s, color 0.4s;
}

.button--ujarak::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  opacity: 0;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.4s, opacity 0.4s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak.button--round-s::before {
  border-radius: 2px;
}

.button--ujarak.button--inverted::before {
  background: #7986CB;
}

.button--ujarak,
.button--ujarak::before {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak:hover {
  color: #fff;
  border-color: #37474f;
}

.button--ujarak.button--inverted:hover {
  color: #37474F;
  border-color: #fff;
}

.button--ujarak:hover::before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* Wayra */
.button--wayra {
  overflow: hidden;
  width: 245px;
  transition: border-color 0.3s, color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 150%;
  height: 100%;
  background: #37474f;
  z-index: -1;
  transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
  transform-origin: 0% 100%;
  transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}

.button--wayra:hover {
  color: #fff;
  border-color: #3f51b5;
}

.button--wayra.button--inverted:hover {
  color: #3f51b5;
  border-color: #fff;
}

.button--wayra:hover::before {
  opacity: 1;
  background-color: #3f51b5;
  transform: rotate3d(0, 0, 1, 0deg);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--wayra.button--inverted:hover::before {
  background-color: #fff;
}

/* Tamaya */
.button--tamaya {
  overflow: hidden;
  color: #7986cb;
  min-width: 180px;
}

.button--tamaya.button--inverted {
  color: #37474f;
  border-color: #37474f;
}

.button--tamaya::before,
.button--tamaya::after {
  content: attr(data-text);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #7986cb;
  color: #fff;
  overflow: hidden;
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
  background: #fff;
  color: #37474f;
}

.button--tamaya::before {
  top: 0;
  padding-top: 1em;
}

.button--tamaya::after {
  bottom: 0;
  line-height: 0;
}

.button--tamaya > span {
  display: block;
  transform: scale3d(0.2, 0.2, 1);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--tamaya:hover::before {
  transform: translate3d(0, -100%, 0);
}

.button--tamaya:hover::after {
  transform: translate3d(0, 100%, 0);
}

.button--tamaya:hover > span {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* Rayen */
.button--rayen {
  overflow: hidden;
  padding: 0;
  width: 230px;
}

.button--rayen.button--inverted {
  color: #fff;
}

.button--rayen::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #7986cb;
  transform: translate3d(-100%, 0, 0);
}

.button--rayen.button--inverted::before {
  background: #fff;
  color: #37474f;
}

.button--rayen > span {
  display: block;
}

.button--rayen::before,
.button--rayen > span {
  padding: 1em 2em;
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--rayen:hover::before {
  transform: translate3d(0, 0, 0);
}

.button--rayen:hover > span {
  transform: translate3d(0, 100%, 0);
}

/* Pipaluk */
.button--pipaluk {
  width: 240px;
  padding: 1.5em 3em;
  color: #fff;
}

.button--pipaluk.button--inverted {
  color: #7986cb;
}

.button--pipaluk::before,
.button--pipaluk::after {
  content: "";
  border-radius: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: transform 0.3s, background-color 0.3s;
  transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
}

.button--pipaluk::before {
  border: 2px solid #7986cb;
}

.button--pipaluk.button--inverted::before {
  border-color: #fff;
}

.button--pipaluk::after {
  background: #7986cb;
}

.button--pipaluk.button--inverted::after {
  background: #fff;
}

.button--pipaluk:hover::before {
  transform: scale3d(1, 1, 1);
}

.button--pipaluk::before,
.button--pipaluk:hover::after {
  transform: scale3d(0.7, 0.7, 1);
}

.button--pipaluk:hover::after {
  background-color: #3f51b5;
}

.button--pipaluk.button--inverted:hover::after {
  background-color: #fff;
}

/* Nuka */
.button--nuka {
  margin: 1em 2em;
  transition: color 0.3s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--nuka.button--inverted {
  color: #37474f;
}

.button--nuka::before,
.button--nuka::after {
  content: "";
  position: absolute;
  border-radius: inherit;
  background: #7986cb;
  z-index: -1;
}

.button--nuka::before {
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  opacity: 0.2;
  transform: scale3d(0.7, 1, 1);
  transition: transform 0.3s, opacity 0.3s;
}

.button--nuka::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: scale3d(1.1, 1, 1);
  transition: transform 0.3s, background-color 0.3s;
}

.button--nuka::before,
.button--nuka::after {
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--nuka.button--inverted::before,
.button--nuka.button--inverted::after {
  background: #fff;
}

.button--nuka:hover {
  color: #fff;
}

.button--nuka:hover::before {
  opacity: 1;
}

.button--nuka:hover::after {
  background-color: #37474f;
}

.button--nuka.button--inverted:hover::after {
  background-color: #7986cb;
}

.button--nuka:hover::after,
.button--nuka:hover::before {
  transform: scale3d(1, 1, 1);
}

/* Moema */
.button--moema {
  padding: 1.5em 3em;
  border-radius: 50px;
  background: #7986cb;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}

.button--moema.button--inverted {
  background: #ECEFF1;
  color: #37474f;
}

.button--moema::before {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  bottom: -20px;
  right: -20px;
  background: inherit;
  border-radius: 50px;
  z-index: -1;
  opacity: 0.4;
  transform: scale3d(0.8, 0.5, 1);
}

.button--moema:hover {
  transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
  color: #ECEFF1;
  background-color: #3f51b5;
  animation: anim-moema-1 0.3s forwards;
}

.button--moema.button--inverted:hover {
  color: #ECEFF1;
  background-color: #7986cb;
}

.button--moema:hover::before {
  animation: anim-moema-2 0.3s 0.3s forwards;
}
@keyframes anim-moema-1 {
  60% {
    transform: scale3d(0.8, 0.8, 1);
  }
  85% {
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes anim-moema-2 {
  to {
    opacity: 0;
    transform: scale3d(1, 1, 1);
  }
}
/* Isi */
.button--isi {
  padding: 1.2em 2em;
  color: #fff;
  background: #7986cb;
  overflow: hidden;
}

.button--isi::before {
  content: "";
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #3f51b5;
  transform-origin: 100% 50%;
  transform: scale3d(1, 2, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.button--isi .button__icon {
  vertical-align: middle;
}

.button--isi > span {
  vertical-align: middle;
}

.button--isi:hover::before {
  transform: scale3d(9, 9, 1);
}

/* Aylen */
.button.button--aylen {
  background: #fff;
  color: #37474f;
  overflow: hidden;
  transition: color 0.3s;
}

.button--aylen.button--inverted {
  background: none;
  color: #fff;
}

.button--aylen::before,
.button--aylen::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  z-index: -1;
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--aylen::before {
  background: #7986cb;
}

.button--aylen::after {
  background: #3f51b5;
}

.button--aylen:hover {
  color: #fff;
}

.button--aylen:hover::before,
.button--aylen:hover::after {
  transform: translate3d(0, 100%, 0);
}

.button--aylen:hover::after {
  transition-delay: 0.175s;
}

/* Saqui */
.button.button--saqui {
  overflow: hidden;
  color: #fff;
  background: #37474f;
  transition: background-color 0.3s ease-in, color 0.3s ease-in;
}

.button--saqui.button--inverted {
  background: #fff;
  color: #37474f;
}

.button--saqui::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 2em;
  color: #37474f;
  transform-origin: -25% 50%;
  transform: rotate3d(0, 0, 1, 45deg);
  transition: transform 0.3s ease-in;
}

.button--saqui.button--inverted::after {
  color: #fff;
}

.button--saqui:hover::after,
.button--saqui:hover {
  transition-timing-function: ease-out;
}

.button--saqui:hover {
  background-color: #7986cb;
  color: #7986cb;
}

.button--saqui.button--inverted:hover {
  background-color: #3f51b5;
  color: #3f51b5;
}

.button--saqui:hover::after {
  transform: rotate3d(0, 0, 1, 0deg);
}

/* Wapasha */
.button.button--wapasha {
  background: #37474f;
  color: #fff;
  transition: background-color 0.3s, color 0.3s;
}

.button--wapasha.button--inverted {
  background: #fff;
  color: #37474f;
}

.button--wapasha::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #3f51b5;
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  transform: scale3d(0.6, 0.6, 1);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--wapasha.button--inverted::before {
  border-color: #7986cb;
}

.button--wapasha:hover {
  background-color: #fff;
  color: #3f51b5;
}

.button--wapasha.button--inverted:hover {
  background-color: #37474f;
  color: #7986cb;
}

.button--wapasha:hover::before {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

/* Nina */
.button--nina {
  padding: 0 2em;
  background: #7986cb;
  color: #fff;
  overflow: hidden;
  transition: background-color 0.3s;
}

.button--nina.button--inverted {
  background: #fff;
  color: #7986cb;
}

.button--nina > span {
  display: inline-block;
  padding: 1em 0;
  opacity: 0;
  color: #fff;
  transform: translate3d(0, -10px, 0);
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em 0;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina:hover {
  background-color: #3f51b5;
}

.button--nina:hover::before {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.button--nina:hover > span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.button--nina:hover > span:nth-child(1) {
  transition-delay: 0.045s;
}

.button--nina:hover > span:nth-child(2) {
  transition-delay: 0.09s;
}

.button--nina:hover > span:nth-child(3) {
  transition-delay: 0.135s;
}

.button--nina:hover > span:nth-child(4) {
  transition-delay: 0.18s;
}

.button--nina:hover > span:nth-child(5) {
  transition-delay: 0.225s;
}

.button--nina:hover > span:nth-child(6) {
  transition-delay: 0.27s;
}

.button--nina:hover > span:nth-child(7) {
  transition-delay: 0.315s;
}

.button--nina:hover > span:nth-child(8) {
  transition-delay: 0.36s;
}

.button--nina:hover > span:nth-child(9) {
  transition-delay: 0.405s;
}

.button--nina:hover > span:nth-child(10) {
  transition-delay: 0.45s;
}

/* Nanuk */
.button--nanuk {
  padding: 0 2em;
  overflow: hidden;
  background: #7986cb;
  transition: background-color 0.3s;
}

.button--nanuk.button--inverted {
  background: #fff;
  color: #7986cb;
}

.button--nanuk > span {
  display: inline-block;
  padding: 1em 0;
}

.button--nanuk:hover {
  background-color: #3f51b5;
}

.button--nanuk:hover > span:nth-child(odd) {
  animation: anim-nanuk-1 0.5s forwards;
}

.button--nanuk:hover > span:nth-child(even) {
  animation: anim-nanuk-2 0.5s forwards;
}

.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
  -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@keyframes anim-nanuk-1 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    transform: translate3d(0, 100%, 0);
  }
  50% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
@keyframes anim-nanuk-2 {
  0%, 100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  49% {
    opacity: 1;
    transform: translate3d(0, -100%, 0);
  }
  50% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    color: inherit;
  }
  51% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    color: #fff;
  }
  100% {
    color: #fff;
  }
}
.button--nanuk:hover > span:nth-child(1) {
  animation-delay: 0s;
}

.button--nanuk:hover > span:nth-child(2) {
  animation-delay: 0.05s;
}

.button--nanuk:hover > span:nth-child(3) {
  animation-delay: 0.1s;
}

.button--nanuk:hover > span:nth-child(4) {
  animation-delay: 0.15s;
}

.button--nanuk:hover > span:nth-child(5) {
  animation-delay: 0.2s;
}

.button--nanuk:hover > span:nth-child(6) {
  animation-delay: 0.25s;
}

.button--nanuk:hover > span:nth-child(7) {
  animation-delay: 0.3s;
}

.button--nanuk:hover > span:nth-child(8) {
  animation-delay: 0.35s;
}

.button--nanuk:hover > span:nth-child(9) {
  animation-delay: 0.4s;
}

.button--nanuk:hover > span:nth-child(10) {
  animation-delay: 0.45s;
}

.button--nanuk:hover > span:nth-child(11) {
  animation-delay: 0.5s;
}

/* Antiman */
.button--antiman {
  background: none;
  border: none;
  height: 60px;
}

.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
  transition: color 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--antiman > span {
  padding-left: 0.35em;
}

.button--antiman::before,
.button--antiman::after {
  content: "";
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  transition: transform 0.3s, opacity 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--antiman::before {
  border: 2px solid #37474f;
  opacity: 0;
  transform: scale3d(1.2, 1.2, 1);
}

.button--antiman.button--border-thin::before {
  border-width: 1px;
}

.button--antiman.button--border-medium::before {
  border-width: 2px;
}

.button--antiman.button--border-thick::before {
  border-width: 3px;
}

.button--antiman.button--inverted::before {
  border-color: #7986cb;
}

.button--antiman.button--inverted-alt::before {
  border-color: #3f51b5;
}

.button--antiman::after {
  background: #fff;
}

.button--antiman.button--inverted::after {
  background: #7986cb;
}

.button--antiman.button--inverted-alt::after {
  background: #3f51b5;
}

.button--antiman.button--inverted:hover {
  color: #7986cb;
}

.button--antiman.button--inverted-alt:hover {
  color: #3f51b5;
}

.button--antiman:hover::before {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.button--antiman:hover::after {
  opacity: 0;
  transform: scale3d(0.8, 0.8, 1);
}

/* Itzel */
.button--itzel {
  border: none;
  padding: 0px;
  overflow: hidden;
  width: 255px;
}

.button--itzel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid;
  border-radius: inherit;
  -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
  transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
  transform-origin: 50% 100%;
}

.button--itzel.button--border-thin::before {
  border: 1px solid;
  transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
}

.button--itzel.button--border-thick::before {
  border: 3px solid;
  transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
}

.button--itzel::before,
.button--itzel .button__icon {
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--itzel .button__icon {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 20px;
  font-size: 20px;
  transform: translate3d(-50%, 0, 0);
}

.button--itzel > span {
  display: block;
  padding: 20px;
  transition: transform 0.3s, opacity 0.3s;
  transition-delay: 0.3s;
}

.button--itzel:hover::before {
  transform: translate3d(0, 0, 0);
}

.button--itzel:hover .button__icon {
  transition-delay: 0.1s;
  transform: translate3d(-50%, -100%, 0);
}

.button--itzel:hover > span {
  opacity: 0;
  transform: translate3d(0, -50%, 0);
  transition-delay: 0s;
}

/* Naira */
.button--naira {
  padding: 0;
  overflow: hidden;
  transition: background-color 0.3s;
}

.button--naira::before {
  content: "";
  position: absolute;
  left: -50%;
  width: 200%;
  height: 200%;
  background: #37474f;
  top: -50%;
  z-index: -1;
  transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
}

.button--naira.button--inverted::before {
  background: #7986cb;
}

.button--naira-up::before {
  transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
}

.button--naira > span {
  display: block;
}

.button--naira .button__icon {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: #fff;
  transform: translate3d(0, -100%, 0);
}

.button--naira-up .button__icon {
  transform: translate3d(0, 100%, 0);
}

.button--naira > span,
.button--naira .button__icon {
  padding: 1em 2em;
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--naira:hover::before {
  animation: anim-naira-1 0.3s forwards ease-in;
}

.button--naira-up:hover::before {
  animation: anim-naira-2 0.3s forwards ease-in;
}
@keyframes anim-naira-1 {
  50% {
    transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes anim-naira-2 {
  50% {
    transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
  }
}
.button--naira:hover {
  background-color: #37474f;
  transition: background-color 0s 0.3s;
}

.button--naira.button--inverted:hover {
  background-color: #7986cb;
}

.button--naira:hover .button__icon {
  transform: translate3d(0, 0, 0);
}

.button--naira:hover > span {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
}

.button--naira-up:hover > span {
  transform: translate3d(0, -100%, 0);
}

/* Quidel */
.button--quidel {
  background: #7986cb;
  color: #7986cb;
  overflow: hidden;
  transition: color 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--quidel.button--inverted {
  background: #fff;
  color: #fff;
}

.button--quidel::before,
.button--quidel::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: inherit;
}

.button--quidel::after {
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  background: #fff;
}

.button--quidel.button--inverted::after {
  background: #37474f;
}

.button--quidel::before {
  background: #37474f;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--quidel.button--inverted::before {
  background: #7986cb;
}

.button--round-s.button--quidel::after {
  border-radius: 3px;
}

.button--round-m.button--quidel::after {
  border-radius: 13px;
}

.button--round-l.button--quidel::after {
  border-radius: 40px;
}

.button--quidel > span {
  padding-left: 0.35em;
}

.button--quidel:hover {
  color: #37474f;
}

.button--quidel.button--inverted:hover {
  color: #7986cb;
}

.button--quidel:hover::before {
  transform: translate3d(0, 0, 0);
}

/* Sacnite */
.button.button--sacnite {
  width: 70px;
  height: 70px;
  min-width: 0;
  padding: 0;
  color: #fff;
  transition: color 0.3s;
}

.button--scanite.button--round-l {
  border-radius: 50%;
}

.button--sacnite.button--inverted {
  color: #37474f;
}

.button--sacnite::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  z-index: -1;
  box-shadow: inset 0 0 0 35px #37474f;
  transform: scale3d(0.9, 0.9, 1);
  transition: box-shadow 0.3s, transform 0.3s;
}

.button--sacnite.button--inverted::before {
  box-shadow: inset 0 0 0 35px #fff;
}

.button--sacnite .button__icon {
  font-size: 22px;
  width: 22px;
}

.button--sacnite > span {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.button--sacnite:hover {
  color: #37474f;
}

.button--sacnite.button--inverted:hover {
  color: #fff;
}

.button--sacnite:hover::before {
  box-shadow: inset 0 0 0 2px #37474f;
  transform: scale3d(1, 1, 1);
}

.button--sacnite.button--inverted:hover::before {
  box-shadow: inset 0 0 0 2px #fff;
}

/* Shikoba */
.button.button--shikoba {
  padding: 1em 30px 1em 50px;
  overflow: hidden;
  background: #fff;
  color: #37474f;
  border-color: #37474f;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

.button--shikoba.button--inverted {
  color: #fff;
  background: #7986cb;
}

.button--shikoba > span {
  display: inline-block;
  transform: translate3d(-10px, 0, 0);
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--shikoba .button__icon {
  position: absolute;
  left: 20px;
  font-size: 18px;
  transform: translate3d(-40px, 2.5em, 0);
  transition: transform 0.3s;
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--shikoba:hover .button__icon,
.button--shikoba:hover > span {
  transform: translate3d(0, 0, 0);
}

.button--shikoba:hover {
  background: #3f51b5;
  border-color: #3f51b5;
  color: #fff;
}

.native-platform-spacing {
  margin-top: 20px !important;
}

.choices__inner {
  border-radius: 10px !important;
  padding: 7.5px 7.5px 1px !important;
}

.hidden {
  display: none !important;
}

.form-kyc {
  border-radius: 100px !important;
}

.choices__list--dropdown {
  border-radius: 10px !important;
  max-height: 200px !important;
  overflow-y: auto !important;
}

.file-upload-kyc {
  background-color: #3085D1;
  font-weight: normal;
  border-radius: 7px;
  padding: 5px 16px;
  text-align: center;
  cursor: pointer;
  color: white;
}

.file-upload-btn {
  display: none;
}

#id_file.htmx-added {
  opacity: 0;
}

#id_file {
  opacity: 1;
  transition: opacity 1s ease-out;
}

.cursor-pointer {
  cursor: pointer;
}

.drop-zone {
  max-width: 200px;
  height: 200px;
  padding: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  color: #cccccc;
  border: 4px dashed #009578;
  border-radius: 10px;
}

.drop-zone--over {
  border-style: solid;
}

.drop-zone__input {
  display: none;
}

.drop-zone__thumb {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #cccccc;
  background-size: cover;
  position: relative;
}

.drop-zone__thumb::after {
  content: attr(data-label);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.75);
  font-size: 14px;
  text-align: center;
}

.rounded-corners {
  border-spacing: 0;
  border-radius: 10px !important;
}

#progress-bar-container {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 10px;
}

#progress-bar {
  height: 10px;
  width: 0;
  border-radius: 5px;
  transition: width 0.3s ease; /* Smooth transition effect */
}

.modal.show .modal-dialog {
  transform: translate(0, 15%) !important;
}

.card-title {
  font-weight: 104 !important;
}

.no-border {
  border: none !important;
}

.draggable {
  cursor: move !important;
  z-index: 9999;
}

.underlying-element {
  pointer-events: none;
}

.modal.show .no-ghost-modal {
  transform: translate(0, 0%) !important;
}

.no-border {
  border: none !important;
}

.classic-btn {
  cursor: pointer;
  border: none !important;
  border-radius: 25px;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
  color: #FFFFFF !important;
  background-color: #2196F3 !important;
}

.success {
  color: green !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  padding-bottom: 0.25rem !important;
  padding-top: 0.25rem !important;
  background-color: rgba(108, 240, 112, 0.2) !important;
}

.small-text {
  font-size: 0.5rem !important;
}

.table-white > tbody > tr > td {
  color: rgba(34, 42, 66, 0.7) !important;
}
.table-white > tbody > tr > td .photo {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.table-white > tbody > tr > td .photo img {
  width: 100%;
}
.table-white > thead > tr > th,
.table-white > tbody > tr > th,
.table-white > tfoot > tr > th,
.table-white > thead > tr > td,
.table-white > tbody > tr > td,
.table-white > tfoot > tr > td {
  border-color: rgba(34, 42, 66, 0.2);
  padding: 12px 7px;
  vertical-align: middle;
}

.md-stepper-horizontal {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.md-stepper-horizontal .md-step {
  display: table-cell;
  position: relative;
  padding: 24px;
}

.md-stepper-horizontal .md-step:hover,
.md-stepper-horizontal .md-step:active {
  background-color: rgba(0, 0, 0, 0.04);
}

.md-stepper-horizontal .md-step:active {
  border-radius: 15%/75%;
}

.md-stepper-horizontal .md-step:first-child:active {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.md-stepper-horizontal .md-step:last-child:active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.md-stepper-horizontal .md-step:hover .md-step-circle {
  background-color: #757575;
}

.md-stepper-horizontal .md-step:first-child .md-step-bar-left,
.md-stepper-horizontal .md-step:last-child .md-step-bar-right {
  display: none;
}

.md-stepper-horizontal .md-step .md-step-circle {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: #999999;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 25px;
  font-weight: 600;
  color: #FFFFFF;
}

.md-stepper-horizontal.green .md-step.active .md-step-circle {
  background-color: #00AE4D;
}

.md-stepper-horizontal.orange .md-step.active .md-step-circle {
  background-color: #F96302;
}

.md-stepper-horizontal .md-step.active .md-step-circle {
  background: linear-gradient(239deg, #f14ad5 0%, #0594d1 99%);
}

.md-stepper-horizontal .md-step.done .md-step-circle:before {
  font-weight: 100;
  content: "\f00c";
}

.md-stepper-horizontal .md-step.done .md-step-circle *,
.md-stepper-horizontal .md-step.editable .md-step-circle * {
  display: none;
}

.md-stepper-horizontal .md-step.editable .md-step-circle {
  transform: scaleX(-1);
}

.md-stepper-horizontal .md-step.editable .md-step-circle:before {
  font-weight: 100;
}

.md-stepper-horizontal .md-step .md-step-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-title,
.md-stepper-horizontal .md-step .md-step-optional {
  text-align: center;
  color: rgba(0, 0, 0, 0.26);
}

.md-stepper-horizontal .md-step.active .md-step-title {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.87);
}

.md-stepper-horizontal .md-step.active.done .md-step-title,
.md-stepper-horizontal .md-step.active.editable .md-step-title {
  font-weight: 600;
}

.md-stepper-horizontal .md-step .md-step-optional {
  font-size: 12px;
}

.md-stepper-horizontal .md-step.active .md-step-optional {
  color: rgba(0, 0, 0, 0.54);
}

.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
  position: absolute;
  top: 50px;
  height: 2px;
  border-top: 2px solid #c60aa3;
}

.md-stepper-horizontal .md-step .md-step-bar-right {
  right: 0;
  left: 50%;
  margin-left: 25px;
}

.md-stepper-horizontal .md-step .md-step-bar-left {
  left: 0;
  right: 50%;
  margin-right: 25px;
}

.md-stepper-horizontal {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .md-stepper-horizontal {
    flex-direction: column;
    padding: 0 10px;
  }
}

.md-stepper-horizontal .md-step {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  padding: 24px 0;
  align-items: center;
}
@media (max-width: 768px) {
  .md-stepper-horizontal .md-step {
    width: 100%;
    padding: 12px 0;
  }
}

.md-stepper-horizontal .md-step .md-step-bar-left,
.md-stepper-horizontal .md-step .md-step-bar-right {
  position: absolute;
  top: 50px;
  height: 2px;
  border-top: 2px solid #c60aa3;
}
@media (max-width: 768px) {
  .md-stepper-horizontal .md-step .md-step-bar-left,
  .md-stepper-horizontal .md-step .md-step-bar-right {
    display: none;
  }
}

.md-stepper-horizontal .md-step .md-step-title {
  margin-top: 16px;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 768px) {
  .md-stepper-horizontal .md-step .md-step-title {
    font-size: 14px;
    margin-top: 8px;
  }
}

.md-stepper-horizontal .md-step .md-step-optional {
  font-size: 12px;
}
@media (max-width: 768px) {
  .md-stepper-horizontal .md-step .md-step-optional {
    font-size: 11px;
  }
}

@media (max-width: 768px) {
  .md-stepper-horizontal .md-step .md-step-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
  }
}

.upload-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 150px;
  border: 2px dashed #999;
  border-radius: 5px;
  background: #f3f3f3;
  color: #999;
  margin: 0 auto;
}

.upload-box__input {
  text-align: center;
}

.upload-box__file {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.upload-box__dragndrop, .box__button {
  display: none;
}

.upload-box__file:focus + label {
  outline: 1px dotted #000;
}

.upload-box__file:focus + label .box__dragndrop {
  display: inline;
}

.upload-box__button {
  margin-top: 10px;
}

.upload-box__uploading, .box__success, .box__error {
  display: none;
  margin-top: 10px;
}

.fs-6 {
  font-size: 0.5rem !important;
}

.loader {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 50px;
  height: 50px; /* Safari */
  animation: spin 1s linear infinite;
}

/* Safari */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body {
  padding-top: env(safe-area-inset-top);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
}/*# sourceMappingURL=black-dashboard.css.map */