:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #6a82fb;
  --bs-secondary: #fc5c7d;
  --bs-success: #45b649;
  --bs-danger: #f85032;
  --bs-warning: gold;
  --bs-info: #b11c00;
  --bs-primary-rgb: 106, 130, 251;
  --bs-secondary-rgb: 252, 92, 125;
  --bs-success-rgb: 69, 182, 73;
  --bs-danger-rgb: 248, 80, 50;
  --bs-warning-rgb: 255, 215, 0;
  --bs-info-rgb: 0, 201, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0.15), hsla(0, 0%, 100%, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}
body {
  background-color: #fff;
  height: 100%;
  position: fixed;
  overflow-y: hidden;
  width: 100%;
  --theme-color: #b11c00;
  --vh: 950px;
  --safe-bottom: env(safe-area-inset-bottom);
}
.swal-wide {
        max-width: 400px;
        font-size: 18px;
    }
.container {
    background-color: #f4f4f4;
    max-width: 500px !important;
    border-left: 2px solid #fd0d0d26 !important;
    border-right: 2px solid #fd0d0d2e !important;
    box-shadow: 0 4px 8px #b11c002b;
}

* {
  font-weight: bold;
}

*,
:after,
:before {
  box-sizing: border-box
}

@media(prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, segoe ui, Roboto, helvetica neue, noto sans, liberation sans, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  font-size: var(--bs-body-font-size);
  font-weight: 400;
  font-weight: var(--bs-body-font-weight);
  line-height: 1.5;
  line-height: var(--bs-body-line-height);
  color: #212529;
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: #fff;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: .25
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media(min-width: 1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media(min-width: 1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media(min-width: 1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

.small,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .1875em;
  background-color: #fff3cd;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: initial
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #0d6efd;
  color: var(--bs-link-color);
  text-decoration: underline
}

a:hover {
  color: #0a58ca;
  color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace;
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: #d63384;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: #fff;
  color: var(--bs-body-bg);
  background-color: #212529;
  background-color: var(--bs-body-color);
  border-radius: .25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border: 0 solid;
  border-color: inherit
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media(min-width: 1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: initial
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media(min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer:before {
  content: "— "
}

.img-fluid,
.img-thumbnail {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border: 1px solid var(--bs-border-color);
  border-radius: .375rem
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 0.1rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
  margin-right: auto;
  margin-left: auto
}

@media(min-width: 576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media(min-width: 768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media(min-width: 992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media(min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media(min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  margin-top: calc(var(--bs-gutter-y)*-1);
  margin-right: calc(var(--bs-gutter-x)*-0.5);
  margin-left: calc(var(--bs-gutter-x)*-0.5)
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
  .col-sm {
    flex: 1 0
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media(min-width: 768px) {
  .col-md {
    flex: 1 0
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media(min-width: 992px) {
  .col-lg {
    flex: 1 0
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media(min-width: 1200px) {
  .col-xl {
    flex: 1 0
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media(min-width: 1400px) {
  .col-xxl {
    flex: 1 0
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-color: var(--bs-body-color);
  --bs-table-bg: transparent;
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-body-color);
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: var(--bs-body-color);
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: var(--bs-body-color);
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: 2px solid
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem
}

.table-bordered>:not(caption)>* {
  border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n),
.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #bacbe6;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000
}

.table-primary,
.table-secondary {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #cbccce;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #bcd0c7;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000
}

.table-info,
.table-success {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #badce3;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #e6dbb9;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000
}

.table-danger,
.table-warning {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #dfc2c4;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #dfe0e1;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000
}

.table-dark,
.table-light {
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color)
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #373b3e;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media(max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  appearance: none;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient);
  pointer-events: none;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: .375rem
}

.form-control-color::-webkit-color-swatch {
  border-radius: .375rem
}

.form-control-color.form-control-sm {
  height: calc(1.5em + .5rem + 2px)
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px)
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+);
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .375rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media(prefers-reduced-motion:reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  appearance: none;
  print-color-adjust: exact
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3 6-6'/%3E%3C/svg%3E"), linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nTTYgMTBsMyAzIDYtNicvPjwvc3ZnPg==), var(--bs-gradient)
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E"), linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPScyJyBmaWxsPScjZmZmJy8+PC9zdmc+), var(--bs-gradient)
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E"), linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjZmZmJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMycgZD0nTTYgMTBoOCcvPjwvc3ZnPg==), var(--bs-gradient)
}

.form-check-input:disabled {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPSdyZ2JhKDAsIDAsIDAsIDAuMjUpJy8+PC9zdmc+);
  background-position: 0;
  border-radius: 2em;
  transition: background-position .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjODZiN2ZlJy8+PC9zdmc+)
}

.form-switch .form-check-input:checked {
  background-position: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"), linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9Jy00IC00IDggOCc+PGNpcmNsZSByPSczJyBmaWxsPScjZmZmJy8+PC9zdmc+), var(--bs-gradient)
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: .65
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #0d6efd;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient);
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media(prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient);
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  appearance: none
}

@media(prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, -webkit-transform .1s ease-in-out;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control-plaintext::-webkit-input-placeholder,
.form-floating>.form-control::-webkit-input-placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext:-webkit-autofill,
.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: .65;
  -webkit-transform: scale(.85) translateY(-.5rem) translateX(.15rem);
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .375rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .5rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, .9);
  border-radius: .375rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+), url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMxOTg3NTQnIGQ9J00yLjMgNi43M0wuNiA0LjUzYy0uNC0xLjA0LjQ2LTEuNCAxLjEtLjhsMS4xIDEuNCAzLjQtMy44Yy42LS42MyAxLjYtLjI3IDEuMi43bC00IDQuNmMtLjQzLjUtLjguNC0xLjEuMXonLz48L3N2Zz4=);
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
  width: calc(3.75rem + 1.5em)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-valid,
.input-group>.form-floating:not(:focus-within).is-valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-control:not(:focus):valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.was-validated .input-group>.form-select:not(:focus):valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .375rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNkYzM1NDUnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNic+PHBhdGggZmlsbD0nbm9uZScgc3Ryb2tlPScjMzQzYTQwJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnIHN0cm9rZS13aWR0aD0nMicgZD0nTTIgNWw2IDYgNi02Jy8+PC9zdmc+), url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjZGMzNTQ1Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNkYzM1NDUnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
  width: calc(3.75rem + 1.5em)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.input-group>.form-control:not(:focus).is-invalid,
.input-group>.form-floating:not(:focus-within).is-invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-control:not(:focus):invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.was-validated .input-group>.form-select:not(:focus):invalid {
  z-index: 4
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #212529;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color)
}

.btn-check+.btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.btn-check:focus-visible+.btn,
.btn:focus-visible {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  background-image: none;
  border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked+.btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check)+.btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  background-image: none;
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #6a82fb;
  --bs-btn-border-color: #6a82fb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #8095fc;
  --bs-btn-hover-border-color: #798ffb;
  --bs-btn-focus-shadow-rgb: 90, 111, 213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #889bfc;
  --bs-btn-active-border-color: #798ffb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #6a82fb;
  --bs-btn-disabled-border-color: #6a82fb
}

.btn-secondary {
  --bs-btn-color: #000;
  --bs-btn-bg: #fc5c7d;
  --bs-btn-border-color: #fc5c7d;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fc7491;
  --bs-btn-hover-border-color: #fc6c8a;
  --bs-btn-focus-shadow-rgb: 214, 78, 106;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fd7d97;
  --bs-btn-active-border-color: #fc6c8a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fc5c7d;
  --bs-btn-disabled-border-color: #fc5c7d
}

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #45b649;
  --bs-btn-border-color: #45b649;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #61c164;
  --bs-btn-hover-border-color: #58bd5b;
  --bs-btn-focus-shadow-rgb: 59, 155, 62;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6ac56d;
  --bs-btn-active-border-color: #58bd5b;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #45b649;
  --bs-btn-disabled-border-color: #45b649
}

.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #f85032;
  --bs-btn-border-color: #f85032;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f96a51;
  --bs-btn-hover-border-color: #f96247;
  --bs-btn-focus-shadow-rgb: 211, 68, 43;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f9735b;
  --bs-btn-active-border-color: #f96247;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f85032;
  --bs-btn-disabled-border-color: #f85032
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: gold;
  --bs-btn-border-color: gold;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffdd26;
  --bs-btn-hover-border-color: #ffdb1a;
  --bs-btn-focus-shadow-rgb: 217, 183, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffdf33;
  --bs-btn-active-border-color: #ffdb1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: gold;
  --bs-btn-disabled-border-color: gold
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #b11c00;
  --bs-btn-border-color: #b11c00;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #26d1ff;
  --bs-btn-hover-border-color: #1aceff;
  --bs-btn-focus-shadow-rgb: 0, 171, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #33d4ff;
  --bs-btn-active-border-color: #1aceff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #b11c00;
  --bs-btn-disabled-border-color: #b11c00
}

.btn-outline-primary {
  --bs-btn-color: #6a82fb;
  --bs-btn-border-color: #6a82fb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #6a82fb;
  --bs-btn-hover-border-color: #6a82fb;
  --bs-btn-focus-shadow-rgb: 106, 130, 251;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #6a82fb;
  --bs-btn-active-border-color: #6a82fb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6a82fb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6a82fb;
  --bs-gradient: none
}

.btn-outline-secondary {
  --bs-btn-color: #fc5c7d;
  --bs-btn-border-color: #fc5c7d;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fc5c7d;
  --bs-btn-hover-border-color: #fc5c7d;
  --bs-btn-focus-shadow-rgb: 252, 92, 125;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fc5c7d;
  --bs-btn-active-border-color: #fc5c7d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fc5c7d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fc5c7d;
  --bs-gradient: none
}

.btn-outline-success {
  --bs-btn-color: #45b649;
  --bs-btn-border-color: #45b649;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #45b649;
  --bs-btn-hover-border-color: #45b649;
  --bs-btn-focus-shadow-rgb: 69, 182, 73;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #45b649;
  --bs-btn-active-border-color: #45b649;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #45b649;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #45b649;
  --bs-gradient: none
}

.btn-outline-danger {
  --bs-btn-color: #f85032;
  --bs-btn-border-color: #f85032;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f85032;
  --bs-btn-hover-border-color: #f85032;
  --bs-btn-focus-shadow-rgb: 248, 80, 50;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f85032;
  --bs-btn-active-border-color: #f85032;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f85032;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f85032;
  --bs-gradient: none
}

.btn-outline-warning {
  --bs-btn-color: gold;
  --bs-btn-border-color: gold;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: gold;
  --bs-btn-hover-border-color: gold;
  --bs-btn-focus-shadow-rgb: 255, 215, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: gold;
  --bs-btn-active-border-color: gold;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: gold;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: gold;
  --bs-gradient: none
}

.btn-outline-info {
  --bs-btn-color: #b11c00;
  --bs-btn-border-color: #b11c00;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #b11c00;
  --bs-btn-hover-border-color: #b11c00;
  --bs-btn-focus-shadow-rgb: 0, 201, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #b11c00;
  --bs-btn-active-border-color: #b11c00;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #b11c00;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #b11c00;
  --bs-gradient: none
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline;
  background-image: none
}

.btn-link:focus-visible {
  color: var(--bs-btn-color)
}

.btn-link:hover {
  color: var(--bs-btn-hover-color)
}

.btn-group-lg>.btn,
.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem
}

.btn-group-sm>.btn,
.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem
}

.fade {
  transition: opacity .15s linear
}

@media(prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media(prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media(prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty:after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media(min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media(min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media(min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media(min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media(min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropend .dropdown-toggle:after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle:after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  display: none
}

.dropstart .dropdown-toggle:before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty:after {
  margin-left: 0
}

.dropstart .dropdown-toggle:before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
  background-image: none
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group {
  border-radius: .375rem
}

.btn-group>.btn-group:not(:first-child),
.btn-group>:not(.btn-check:first-child)+.btn {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn.dropdown-toggle-split:first-child,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split:after,
.dropend .dropdown-toggle-split:after,
.dropup .dropdown-toggle-split:after {
  margin-left: 0
}

.dropstart .dropdown-toggle-split:before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.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-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:focus,
.nav-link:hover {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: 0.375rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #495057;
  --bs-nav-tabs-link-active-bg: #fff;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1);
  background: 0 0;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(var(--bs-nav-tabs-border-width)*-1);
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius: 0.375rem;
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link {
  color: var(--bs-navbar-active-color)
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--bs-navbar-color)
}

.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
  color: var(--bs-navbar-active-color)
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition)
}

@media(prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%
}

.navbar-nav-scroll {
  max-height: 75vh;
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto
}

@media(min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }

  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media(min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }

  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media(min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }

  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media(min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: 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: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }

  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

@media(min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
  }

  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }

  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-transform: none !important;
    transform: none !important;
    transition: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none
  }

  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x)
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible
}

.navbar-dark {
  --bs-navbar-color: hsla(0, 0%, 100%, 0.55);
  --bs-navbar-hover-color: hsla(0, 0%, 100%, 0.75);
  --bs-navbar-disabled-color: hsla(0, 0%, 100%, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width: 1px;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: 0.375rem;
  --bs-card-inner-border-radius: calc(0.375rem - 1px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: #fff;
  --bs-card-bg: #fff;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: initial;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius)
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color)
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
  margin-top: calc(var(--bs-card-title-spacer-y)*-0.5)
}

.card-subtitle,
.card-text:last-child {
  margin-bottom: 0
}

.card-link+.card-link {
  margin-left: var(--bs-card-spacer-x)
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
  margin-right: calc(var(--bs-card-cap-padding-x)*-0.5);
  margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
  margin-left: calc(var(--bs-card-cap-padding-x)*-0.5);
  border-bottom: 0
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
  margin-right: calc(var(--bs-card-cap-padding-x)*-0.5);
  margin-left: calc(var(--bs-card-cap-padding-x)*-0.5)
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group>.card {
  margin-bottom: var(--bs-card-group-margin)
}

@media(min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 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-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    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-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion {
  --bs-accordion-color: #212529;
  --bs-accordion-bg: #fff;
  --bs-accordion-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, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: 0.375rem;
  --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #212529;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 01.708 0L8 10.293l5.646-5.647a.5.5 0 01.708.708l-6 6a.5.5 0 01-.708 0l-6-6a.5.5 0 010-.708z'/%3E%3C/svg%3E");
  --bs-accordion-btn-focus-border-color: #86b7fe;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #0c63e4;
  --bs-accordion-active-bg: #e7f1ff
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media(prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed):after {
  background-image: var(--bs-accordion-btn-active-icon);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button:after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media(prefers-reduced-motion:reduce) {
  .accordion-button:after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-divider-color: #6c757d;
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: #6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item+.breadcrumb-item:before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: "/";
  content: var(--bs-breadcrumb-divider, "/")
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #dee2e6;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: #e9ecef;
  --bs-pagination-hover-border-color: #dee2e6;
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: #e9ecef;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: #6c757d;
  --bs-pagination-disabled-bg: #fff;
  --bs-pagination-disabled-border-color: #dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow)
}

.active>.page-link,
.page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient);
  border-color: var(--bs-pagination-active-border-color)
}

.disabled>.page-link,
.page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius)
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: 0.5rem
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: 0.25rem
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: 0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: initial;
  border-radius: var(--bs-badge-border-radius);
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  --bs-alert-color: #404e97;
  --bs-alert-bg: #e1e6fe;
  --bs-alert-border-color: #d2dafe;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-primary .alert-link {
  color: #333e79
}

.alert-secondary {
  --bs-alert-color: #97374b;
  --bs-alert-bg: #fedee5;
  --bs-alert-border-color: #feced8;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-secondary .alert-link {
  color: #792c3c
}

.alert-success {
  --bs-alert-color: #296d2c;
  --bs-alert-bg: #daf0db;
  --bs-alert-border-color: #c7e9c8;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-success .alert-link {
  color: #215723
}

.alert-danger {
  --bs-alert-color: #95301e;
  --bs-alert-bg: #fedcd6;
  --bs-alert-border-color: #fdcbc2;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-danger .alert-link {
  color: #772618
}

.alert-warning {
  --bs-alert-color: #665600;
  --bs-alert-bg: #fff7cc;
  --bs-alert-border-color: #fff3b3;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-warning .alert-link {
  color: #524500
}

.alert-info {
  --bs-alert-color: #005066;
  --bs-alert-bg: #ccf4ff;
  --bs-alert-border-color: #b3efff;
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
  background-image: var(--bs-gradient)
}

.alert-info .alert-link {
  color: #004052
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: #e9ecef;
  --bs-progress-border-radius: 0.375rem;
  --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  height: var(--bs-progress-height);
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius)
}

.progress,
.progress-bar {
  display: flex;
  overflow: hidden
}

.progress-bar {
  flex-direction: column;
  justify-content: center;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition)
}

@media(prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height)
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite
}

@media(prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}

.list-group {
  --bs-list-group-color: #212529;
  --bs-list-group-bg: #fff;
  --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-radius: 0.375rem;
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: #495057;
  --bs-list-group-action-hover-color: #495057;
  --bs-list-group-action-hover-bg: #f8f9fa;
  --bs-list-group-action-active-color: #212529;
  --bs-list-group-action-active-bg: #e9ecef;
  --bs-list-group-disabled-color: #6c757d;
  --bs-list-group-disabled-bg: #fff;
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section
}

.list-group-numbered>.list-group-item:before {
  content: counters(section, ".") ". ";
  counter-increment: section
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color)
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: calc(var(--bs-list-group-border-width)*-1);
  border-top-width: var(--bs-list-group-border-width)
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: calc(var(--bs-list-group-border-width)*-1);
  border-left-width: var(--bs-list-group-border-width)
}

@media(min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width)*-1);
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media(min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width)*-1);
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media(min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width)*-1);
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media(min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width)*-1);
    border-left-width: var(--bs-list-group-border-width)
  }
}

@media(min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: calc(var(--bs-list-group-border-width)*-1);
    border-left-width: var(--bs-list-group-border-width)
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-left-width: 0;
  border-bottom-width: var(--bs-list-group-border-width);
  border-right-width: 0;
  border-top-width: 0
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color: #404e97;
  background-color: #e1e6fe
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #404e97;
  background-color: #cbcfe5
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #404e97;
  border-color: #404e97
}

.list-group-item-secondary {
  color: #97374b;
  background-color: #fedee5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #97374b;
  background-color: #e5c8ce
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #97374b;
  border-color: #97374b
}

.list-group-item-success {
  color: #296d2c;
  background-color: #daf0db
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #296d2c;
  background-color: #c4d8c5
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #296d2c;
  border-color: #296d2c
}

.list-group-item-danger {
  color: #95301e;
  background-color: #fedcd6
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #95301e;
  background-color: #e5c6c1
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #95301e;
  border-color: #95301e
}

.list-group-item-warning {
  color: #665600;
  background-color: #fff7cc
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #665600;
  background-color: #e6deb8
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #665600;
  border-color: #665600
}

.list-group-item-info {
  color: #005066;
  background-color: #ccf4ff
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #005066;
  background-color: #b8dce6
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #005066;
  border-color: #005066
}

.btn-close {
  box-sizing: initial;
  width: 1em;
  height: 1em;
  padding: .25em;
  color: #000;
  background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
  border: 0;
  border-radius: .375rem;
  opacity: .5
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-bg: hsla(0, 0%, 100%, 0.85);
  --bs-toast-border-width: 1px;
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 0.375rem;
  --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color: #6c757d;
  --bs-toast-header-bg: hsla(0, 0%, 100%, 0.85);
  --bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
  opacity: 0
}

.toast:not(.show) {
  display: none
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
  margin-right: calc(var(--bs-toast-padding-x)*-0.5);
  margin-left: var(--bs-toast-padding-x)
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: 0.5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(0.5rem - 1px);
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px)
}

@media(prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin)*2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y)*0.5) calc(var(--bs-modal-header-padding-x)*0.5);
  margin: calc(var(--bs-modal-header-padding-y)*-0.5) calc(var(--bs-modal-header-padding-x)*-0.5) calc(var(--bs-modal-header-padding-y)*-0.5) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap)*0.5)
}

@media(min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media(min-width: 992px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

@media(min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media(max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-footer,
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media(max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-footer,
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media(max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-footer,
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media(max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-footer,
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media(max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-footer,
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: #000;
  --bs-tooltip-border-radius: 0.375rem;
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: system-ui, -apple-system, segoe ui, Roboto, helvetica neue, noto sans, liberation sans, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  font-family: var(--bs-font-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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
.bs-tooltip-top .tooltip-arrow:before {
  top: -1px;
  border-left-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-bottom-width: 0;
  border-right-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-top-width: var(--bs-tooltip-arrow-height);
  border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right: -1px;
  border-left-width: 0;
  border-bottom-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-right-width: var(--bs-tooltip-arrow-height);
  border-top-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
.bs-tooltip-bottom .tooltip-arrow:before {
  bottom: -1px;
  border-left-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-bottom-width: var(--bs-tooltip-arrow-height);
  border-right-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-top-width: 0;
  border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left: -1px;
  border-left-width: var(--bs-tooltip-arrow-height);
  border-bottom-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-right-width: 0;
  border-top-width: calc(var(--bs-tooltip-arrow-width)*0.5);
  border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius)
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: #fff;
  --bs-popover-border-width: 1px;
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: 0.5rem;
  --bs-popover-inner-border-radius: calc(0.5rem - 1px);
  --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-bg: #f0f0f0;
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: #212529;
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: system-ui, -apple-system, segoe ui, Roboto, helvetica neue, noto sans, liberation sans, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  font-family: var(--bs-font-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;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
  position: absolute;
  display: block;
  content: "";
  border: 0 solid transparent
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:after,
.bs-popover-top>.popover-arrow:before {
  border-left-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-bottom-width: 0;
  border-right-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-top-width: var(--bs-popover-arrow-height)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:after,
.bs-popover-end>.popover-arrow:before {
  border-left-width: 0;
  border-bottom-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-right-width: var(--bs-popover-arrow-height);
  border-top-width: calc(var(--bs-popover-arrow-width)*0.5)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width))
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:before {
  border-left-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-bottom-width: var(--bs-popover-arrow-height);
  border-right-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-top-width: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
.bs-popover-bottom .popover-header:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(var(--bs-popover-arrow-width)*-0.5);
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:after,
.bs-popover-start>.popover-arrow:before {
  border-left-width: var(--bs-popover-arrow-height);
  border-bottom-width: calc(var(--bs-popover-arrow-width)*0.5);
  border-right-width: 0;
  border-top-width: calc(var(--bs-popover-arrow-width)*0.5)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg)
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color)
}

.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%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out;
  transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media(prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-end,
  .carousel-fade .active.carousel-item-start {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: .5;
  transition: opacity .15s ease
}

@media(prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0;
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001))
}

.carousel-control-next {
  right: 0;
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001))
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTExLjM1NCAxLjY0NmEuNS41IDAgMDEwIC43MDhMNS43MDcgOGw1LjY0NyA1LjY0NmEuNS41IDAgMDEtLjcwOC43MDhsLTYtNmEuNS41IDAgMDEwLS43MDhsNi02YS41LjUgMCAwMS43MDggMHonLz48L3N2Zz4=)
}

.carousel-control-next-icon {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTTQuNjQ2IDEuNjQ2YS41LjUgMCAwMS43MDggMGw2IDZhLjUuNSAwIDAxMCAuNzA4bC02IDZhLjUuNSAwIDAxLS43MDgtLjcwOEwxMC4yOTMgOCA0LjY0NiAyLjM1NGEuNS41IDAgMDEwLS43MDh6Jy8+PC9zdmc+)
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators [data-bs-target] {
  box-sizing: initial;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media(prefers-reduced-motion:reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  -webkit-filter: invert(1) grayscale(100);
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

.spinner-border,
.spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  -webkit-animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid;
  border-right-color: transparent
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0)
  }

  50% {
    opacity: 1;
    -webkit-transform: none;
    transform: none
  }
}

.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem
}

@media(prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s
  }
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-bg: #fff;
  --bs-offcanvas-border-width: 1px;
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075)
}

@media(max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

@media(max-width: 575.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-sm {
    transition: none
  }
}

@media(max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media(max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@media(max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@media(max-width: 575.98px) {

  .offcanvas-sm.offcanvas-bottom,
  .offcanvas-sm.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-sm.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media(max-width: 575.98px) {

  .offcanvas-sm.show:not(.hiding),
  .offcanvas-sm.showing {
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 575.98px) {

  .offcanvas-sm.hiding,
  .offcanvas-sm.show,
  .offcanvas-sm.showing {
    visibility: visible
  }
}

@media(min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-sm .offcanvas-header {
    display: none
  }

  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media(max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

@media(max-width: 767.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-md {
    transition: none
  }
}

@media(max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media(max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@media(max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@media(max-width: 767.98px) {

  .offcanvas-md.offcanvas-bottom,
  .offcanvas-md.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-md.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media(max-width: 767.98px) {

  .offcanvas-md.show:not(.hiding),
  .offcanvas-md.showing {
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 767.98px) {

  .offcanvas-md.hiding,
  .offcanvas-md.show,
  .offcanvas-md.showing {
    visibility: visible
  }
}

@media(min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-md .offcanvas-header {
    display: none
  }

  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media(max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

@media(max-width: 991.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-lg {
    transition: none
  }
}

@media(max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media(max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@media(max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@media(max-width: 991.98px) {

  .offcanvas-lg.offcanvas-bottom,
  .offcanvas-lg.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-lg.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media(max-width: 991.98px) {

  .offcanvas-lg.show:not(.hiding),
  .offcanvas-lg.showing {
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 991.98px) {

  .offcanvas-lg.hiding,
  .offcanvas-lg.show,
  .offcanvas-lg.showing {
    visibility: visible
  }
}

@media(min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-lg .offcanvas-header {
    display: none
  }

  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media(max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

@media(max-width: 1199.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-xl {
    transition: none
  }
}

@media(max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media(max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@media(max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@media(max-width: 1199.98px) {

  .offcanvas-xl.offcanvas-bottom,
  .offcanvas-xl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-xl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media(max-width: 1199.98px) {

  .offcanvas-xl.show:not(.hiding),
  .offcanvas-xl.showing {
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 1199.98px) {

  .offcanvas-xl.hiding,
  .offcanvas-xl.show,
  .offcanvas-xl.showing {
    visibility: visible
  }
}

@media(min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xl .offcanvas-header {
    display: none
  }

  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

@media(max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
  }
}

@media(max-width: 1399.98px)and (prefers-reduced-motion:reduce) {
  .offcanvas-xxl {
    transition: none
  }
}

@media(max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@media(max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }
}

@media(max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.offcanvas-bottom,
  .offcanvas-xxl.offcanvas-top {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%
  }

  .offcanvas-xxl.offcanvas-bottom {
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
  }
}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.show:not(.hiding),
  .offcanvas-xxl.showing {
    -webkit-transform: none;
    transform: none
  }
}

@media(max-width: 1399.98px) {

  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show,
  .offcanvas-xxl.showing {
    visibility: visible
  }
}

@media(min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important
  }

  .offcanvas-xxl .offcanvas-header {
    display: none
  }

  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .offcanvas {
    transition: none
  }
}

.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateX(100%);
  transform: translateX(100%)
}

.offcanvas.offcanvas-top {
  top: 0;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom,
.offcanvas.offcanvas-top {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%
}

.offcanvas.offcanvas-bottom {
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.offcanvas.show:not(.hiding),
.offcanvas.showing {
  -webkit-transform: none;
  transform: none
}

.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  visibility: visible
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.offcanvas-backdrop.fade {
  opacity: 0
}

.offcanvas-backdrop.show {
  opacity: .5
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y)*0.5) calc(var(--bs-offcanvas-padding-x)*0.5);
  margin-top: calc(var(--bs-offcanvas-padding-y)*-0.5);
  margin-right: calc(var(--bs-offcanvas-padding-x)*-0.5);
  margin-bottom: calc(var(--bs-offcanvas-padding-y)*-0.5)
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: .5
}

.placeholder.btn:before {
  display: inline-block;
  content: ""
}

.placeholder-xs {
  min-height: .6em
}

.placeholder-sm {
  min-height: .8em
}

.placeholder-lg {
  min-height: 1.2em
}

.placeholder-glow .placeholder {
  -webkit-animation: placeholder-glow 2s ease-in-out infinite;
  animation: placeholder-glow 2s ease-in-out infinite
}

@-webkit-keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

@keyframes placeholder-glow {
  50% {
    opacity: .2
  }
}

.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  -webkit-animation: placeholder-wave 2s linear infinite;
  animation: placeholder-wave 2s linear infinite
}

@-webkit-keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

@keyframes placeholder-wave {
  to {
    -webkit-mask-position: -200% 0;
    mask-position: -200% 0
  }
}

.clearfix:after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-primary {
  color: #000 !important;
  background-color: #6a82fb !important;
  background-color: RGBA(106, 130, 251, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
  color: #000 !important;
  background-color: #fc5c7d !important;
  background-color: RGBA(252, 92, 125, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
  color: #000 !important;
  background-color: #45b649 !important;
  background-color: RGBA(69, 182, 73, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
  color: #000 !important;
  background-color: #f85032 !important;
  background-color: RGBA(248, 80, 50, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
  color: #000 !important;
  background-color: gold !important;
  background-color: RGBA(255, 215, 0, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
  color: #000 !important;
  background-color: #b11c00 !important;
  background-color: RGBA(0, 201, 255, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
  color: #6a82fb !important
}

.link-primary:focus,
.link-primary:hover {
  color: #889bfc !important
}

.link-secondary {
  color: #fc5c7d !important
}

.link-secondary:focus,
.link-secondary:hover {
  color: #fd7d97 !important
}

.link-success {
  color: #45b649 !important
}

.link-success:focus,
.link-success:hover {
  color: #6ac56d !important
}

.link-danger {
  color: #f85032 !important
}

.link-danger:focus,
.link-danger:hover {
  color: #f9735b !important
}

.link-warning {
  color: gold !important
}

.link-warning:focus,
.link-warning:hover {
  color: #ffdf33 !important
}

.link-info {
  color: #b11c00 !important
}

.link-info:focus,
.link-info:hover {
  color: #33d4ff !important
}

.ratio {
  position: relative;
  width: 100%
}

.ratio:before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
  top: 0
}

.fixed-bottom,
.fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  bottom: 0
}

.sticky-top {
  top: 0
}

.sticky-bottom,
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  z-index: 1020
}

.sticky-bottom {
  bottom: 0
}

@media(min-width: 576px) {
  .sticky-sm-top {
    top: 0
  }

  .sticky-sm-bottom,
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-sm-bottom {
    bottom: 0
  }
}

@media(min-width: 768px) {
  .sticky-md-top {
    top: 0
  }

  .sticky-md-bottom,
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-md-bottom {
    bottom: 0
  }
}

@media(min-width: 992px) {
  .sticky-lg-top {
    top: 0
  }

  .sticky-lg-bottom,
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-lg-bottom {
    bottom: 0
  }
}

@media(min-width: 1200px) {
  .sticky-xl-top {
    top: 0
  }

  .sticky-xl-bottom,
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-xl-bottom {
    bottom: 0
  }
}

@media(min-width: 1400px) {
  .sticky-xxl-top {
    top: 0
  }

  .sticky-xxl-bottom,
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    bottom: 0
  }
}

.hstack {
  flex-direction: row;
  align-items: center
}

.hstack,
.vstack {
  display: flex;
  align-self: stretch
}

.vstack {
  flex: 1 1 auto;
  flex-direction: column
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.align-baseline {
  vertical-align: initial !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
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.opacity-0 {
  opacity: 0 !important
}

.opacity-25 {
  opacity: .25 !important
}

.opacity-50 {
  opacity: .5 !important
}

.opacity-75 {
  opacity: .75 !important
}

.opacity-100 {
  opacity: 1 !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !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
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.start-0 {
  left: 0 !important
}

.start-50 {
  left: 50% !important
}

.start-100 {
  left: 100% !important
}

.end-0 {
  right: 0 !important
}

.end-50 {
  right: 50% !important
}

.end-100 {
  right: 100% !important
}

.translate-middle {
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important
}

.translate-middle-x {
  -webkit-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important
}

.translate-middle-y {
  -webkit-transform: translateY(-50%) !important;
  transform: translateY(-50%) !important
}

.border {
  border: 1px solid #dee2e6 !important;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.menu-box {
  background-image: url(/static/media/bg_menu.6a17200….svg), linear-gradient(180deg, #ffe58733, #ffe58700 108.52%), linear-gradient(182.51deg, #ffba94 -16.37%, #f69e70 31.58%, #ee5659 80.54%);
  background-size: 100%;
  border-radius: .75rem;
  box-shadow: 0 .02rem .06rem #0003, inset 0 .01rem .02rem #fffaf1cc, inset 0 -.01rem .03rem #fdbfbc;
  display: flex;
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
}

.border-1 {
  --bs-border-width: 1px
}

.border-2 {
  --bs-border-width: 2px
}

.border-3 {
  --bs-border-width: 3px
}

.border-4 {
  --bs-border-width: 4px
}

.border-5 {
  --bs-border-width: 5px
}

.border-opacity-10 {
  --bs-border-opacity: 0.1
}

.border-opacity-25 {
  --bs-border-opacity: 0.25
}

.border-opacity-50 {
  --bs-border-opacity: 0.5
}

.border-opacity-75 {
  --bs-border-opacity: 0.75
}

.border-opacity-100 {
  --bs-border-opacity: 1
}

.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
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !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
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.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-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
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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
}

.justify-content-evenly {
  justify-content: space-evenly !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
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: .25rem !important
}

.me-2 {
  margin-right: .5rem !important
}

.me-3 {
  margin-right: 1rem !important
}

.me-4 {
  margin-right: 1.5rem !important
}

.me-5 {
  margin-right: 3rem !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: .25rem !important
}

.ms-2 {
  margin-left: .5rem !important
}

.ms-3 {
  margin-left: 1rem !important
}

.ms-4 {
  margin-left: 1.5rem !important
}

.ms-5 {
  margin-left: 3rem !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: .25rem !important
}

.pe-2 {
  padding-right: .5rem !important
}

.pe-3 {
  padding-right: 1rem !important
}

.pe-4 {
  padding-right: 1.5rem !important
}

.pe-5 {
  padding-right: 3rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: .25rem !important
}

.ps-2 {
  padding-left: .5rem !important
}

.ps-3 {
  padding-left: 1rem !important
}

.ps-4 {
  padding-left: 1.5rem !important
}

.ps-5 {
  padding-left: 3rem !important
}

.gap-0 {
  grid-gap: 0 !important;
  gap: 0 !important
}

.gap-1 {
  grid-gap: .25rem !important;
  gap: .25rem !important
}

.gap-2 {
  grid-gap: .5rem !important;
  gap: .5rem !important
}

.gap-3 {
  grid-gap: 1rem !important;
  gap: 1rem !important
}

.gap-4 {
  grid-gap: 1.5rem !important;
  gap: 1.5rem !important
}

.gap-5 {
  grid-gap: 3rem !important;
  gap: 3rem !important
}

.font-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, liberation mono, courier new, monospace !important;
  font-family: var(--bs-font-monospace) !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-semibold {
  font-weight: 600 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(106, 130, 251, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(252, 92, 125, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(69, 182, 73, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(248, 80, 50, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(255, 215, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(0, 201, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(33, 37, 41, var(--bs-text-opacity)) !important;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
  --bs-text-opacity: 1;
  color: #6c757d !important
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: hsla(0, 0%, 100%, .5) !important
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important
}

.text-opacity-25 {
  --bs-text-opacity: 0.25
}

.text-opacity-50 {
  --bs-text-opacity: 0.5
}

.text-opacity-75 {
  --bs-text-opacity: 0.75
}

.text-opacity-100 {
  --bs-text-opacity: 1
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(106, 130, 251, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(252, 92, 125, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(69, 182, 73, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(248, 80, 50, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 215, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 201, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--bs-bg-opacity)) !important;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
  --bs-bg-opacity: 1
}

.bg-gradient {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0)) !important;
  background-image: var(--bs-gradient) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: .375rem !important;
  border-radius: var(--bs-border-radius) !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: .25rem !important;
  border-radius: var(--bs-border-radius-sm) !important
}

.rounded-2 {
  border-radius: .375rem !important;
  border-radius: var(--bs-border-radius) !important
}

.rounded-3 {
  border-radius: .5rem !important;
  border-radius: var(--bs-border-radius-lg) !important
}

.rounded-4 {
  border-radius: 1rem !important;
  border-radius: var(--bs-border-radius-xl) !important
}

.rounded-5 {
  border-radius: 2rem !important;
  border-radius: var(--bs-border-radius-2xl) !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important;
  border-radius: var(--bs-border-radius-pill) !important
}

.rounded-top {
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.rounded-end,
.rounded-top {
  border-top-right-radius: .375rem !important;
  border-top-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom,
.rounded-end {
  border-bottom-right-radius: .375rem !important;
  border-bottom-right-radius: var(--bs-border-radius) !important
}

.rounded-bottom,
.rounded-start {
  border-bottom-left-radius: .375rem !important;
  border-bottom-left-radius: var(--bs-border-radius) !important
}

.rounded-start {
  border-top-left-radius: .375rem !important;
  border-top-left-radius: var(--bs-border-radius) !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media(min-width: 576px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !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
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !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
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: .25rem !important
  }

  .me-sm-2 {
    margin-right: .5rem !important
  }

  .me-sm-3 {
    margin-right: 1rem !important
  }

  .me-sm-4 {
    margin-right: 1.5rem !important
  }

  .me-sm-5 {
    margin-right: 3rem !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: .25rem !important
  }

  .ms-sm-2 {
    margin-left: .5rem !important
  }

  .ms-sm-3 {
    margin-left: 1rem !important
  }

  .ms-sm-4 {
    margin-left: 1.5rem !important
  }

  .ms-sm-5 {
    margin-left: 3rem !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: .25rem !important
  }

  .pe-sm-2 {
    padding-right: .5rem !important
  }

  .pe-sm-3 {
    padding-right: 1rem !important
  }

  .pe-sm-4 {
    padding-right: 1.5rem !important
  }

  .pe-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: .25rem !important
  }

  .ps-sm-2 {
    padding-left: .5rem !important
  }

  .ps-sm-3 {
    padding-left: 1rem !important
  }

  .ps-sm-4 {
    padding-left: 1.5rem !important
  }

  .ps-sm-5 {
    padding-left: 3rem !important
  }

  .gap-sm-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  .gap-sm-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  .gap-sm-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  .gap-sm-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  .gap-sm-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media(min-width: 768px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !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
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !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
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: .25rem !important
  }

  .me-md-2 {
    margin-right: .5rem !important
  }

  .me-md-3 {
    margin-right: 1rem !important
  }

  .me-md-4 {
    margin-right: 1.5rem !important
  }

  .me-md-5 {
    margin-right: 3rem !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: .25rem !important
  }

  .ms-md-2 {
    margin-left: .5rem !important
  }

  .ms-md-3 {
    margin-left: 1rem !important
  }

  .ms-md-4 {
    margin-left: 1.5rem !important
  }

  .ms-md-5 {
    margin-left: 3rem !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: .25rem !important
  }

  .pe-md-2 {
    padding-right: .5rem !important
  }

  .pe-md-3 {
    padding-right: 1rem !important
  }

  .pe-md-4 {
    padding-right: 1.5rem !important
  }

  .pe-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: .25rem !important
  }

  .ps-md-2 {
    padding-left: .5rem !important
  }

  .ps-md-3 {
    padding-left: 1rem !important
  }

  .ps-md-4 {
    padding-left: 1.5rem !important
  }

  .ps-md-5 {
    padding-left: 3rem !important
  }

  .gap-md-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  .gap-md-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  .gap-md-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  .gap-md-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  .gap-md-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  .gap-md-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media(min-width: 992px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !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
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !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
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: .25rem !important
  }

  .me-lg-2 {
    margin-right: .5rem !important
  }

  .me-lg-3 {
    margin-right: 1rem !important
  }

  .me-lg-4 {
    margin-right: 1.5rem !important
  }

  .me-lg-5 {
    margin-right: 3rem !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: .25rem !important
  }

  .ms-lg-2 {
    margin-left: .5rem !important
  }

  .ms-lg-3 {
    margin-left: 1rem !important
  }

  .ms-lg-4 {
    margin-left: 1.5rem !important
  }

  .ms-lg-5 {
    margin-left: 3rem !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: .25rem !important
  }

  .pe-lg-2 {
    padding-right: .5rem !important
  }

  .pe-lg-3 {
    padding-right: 1rem !important
  }

  .pe-lg-4 {
    padding-right: 1.5rem !important
  }

  .pe-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: .25rem !important
  }

  .ps-lg-2 {
    padding-left: .5rem !important
  }

  .ps-lg-3 {
    padding-left: 1rem !important
  }

  .ps-lg-4 {
    padding-left: 1.5rem !important
  }

  .ps-lg-5 {
    padding-left: 3rem !important
  }

  .gap-lg-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  .gap-lg-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  .gap-lg-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  .gap-lg-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  .gap-lg-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media(min-width: 1200px) {
  .float-xl-start {
    float: left !important
  }

  .float-xl-end {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !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
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .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-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
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !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
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !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
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .me-xl-0 {
    margin-right: 0 !important
  }

  .me-xl-1 {
    margin-right: .25rem !important
  }

  .me-xl-2 {
    margin-right: .5rem !important
  }

  .me-xl-3 {
    margin-right: 1rem !important
  }

  .me-xl-4 {
    margin-right: 1.5rem !important
  }

  .me-xl-5 {
    margin-right: 3rem !important
  }

  .me-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ms-xl-0 {
    margin-left: 0 !important
  }

  .ms-xl-1 {
    margin-left: .25rem !important
  }

  .ms-xl-2 {
    margin-left: .5rem !important
  }

  .ms-xl-3 {
    margin-left: 1rem !important
  }

  .ms-xl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xl-5 {
    margin-left: 3rem !important
  }

  .ms-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pe-xl-0 {
    padding-right: 0 !important
  }

  .pe-xl-1 {
    padding-right: .25rem !important
  }

  .pe-xl-2 {
    padding-right: .5rem !important
  }

  .pe-xl-3 {
    padding-right: 1rem !important
  }

  .pe-xl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xl-0 {
    padding-left: 0 !important
  }

  .ps-xl-1 {
    padding-left: .25rem !important
  }

  .ps-xl-2 {
    padding-left: .5rem !important
  }

  .ps-xl-3 {
    padding-left: 1rem !important
  }

  .ps-xl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xl-5 {
    padding-left: 3rem !important
  }

  .gap-xl-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  .gap-xl-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  .gap-xl-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  .gap-xl-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  .gap-xl-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  .text-xl-start {
    text-align: left !important
  }

  .text-xl-end {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media(min-width: 1400px) {
  .float-xxl-start {
    float: left !important
  }

  .float-xxl-end {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .me-xxl-0 {
    margin-right: 0 !important
  }

  .me-xxl-1 {
    margin-right: .25rem !important
  }

  .me-xxl-2 {
    margin-right: .5rem !important
  }

  .me-xxl-3 {
    margin-right: 1rem !important
  }

  .me-xxl-4 {
    margin-right: 1.5rem !important
  }

  .me-xxl-5 {
    margin-right: 3rem !important
  }

  .me-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ms-xxl-0 {
    margin-left: 0 !important
  }

  .ms-xxl-1 {
    margin-left: .25rem !important
  }

  .ms-xxl-2 {
    margin-left: .5rem !important
  }

  .ms-xxl-3 {
    margin-left: 1rem !important
  }

  .ms-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ms-xxl-5 {
    margin-left: 3rem !important
  }

  .ms-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pe-xxl-0 {
    padding-right: 0 !important
  }

  .pe-xxl-1 {
    padding-right: .25rem !important
  }

  .pe-xxl-2 {
    padding-right: .5rem !important
  }

  .pe-xxl-3 {
    padding-right: 1rem !important
  }

  .pe-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pe-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .ps-xxl-0 {
    padding-left: 0 !important
  }

  .ps-xxl-1 {
    padding-left: .25rem !important
  }

  .ps-xxl-2 {
    padding-left: .5rem !important
  }

  .ps-xxl-3 {
    padding-left: 1rem !important
  }

  .ps-xxl-4 {
    padding-left: 1.5rem !important
  }

  .ps-xxl-5 {
    padding-left: 3rem !important
  }

  .gap-xxl-0 {
    grid-gap: 0 !important;
    gap: 0 !important
  }

  .gap-xxl-1 {
    grid-gap: .25rem !important;
    gap: .25rem !important
  }

  .gap-xxl-2 {
    grid-gap: .5rem !important;
    gap: .5rem !important
  }

  .gap-xxl-3 {
    grid-gap: 1rem !important;
    gap: 1rem !important
  }

  .gap-xxl-4 {
    grid-gap: 1.5rem !important;
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    grid-gap: 3rem !important;
    gap: 3rem !important
  }

  .text-xxl-start {
    text-align: left !important
  }

  .text-xxl-end {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media(min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !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
  }

  .d-print-none {
    display: none !important
  }
}

.Cal__Day__root {
  display: inline-block;
  box-sizing: border-box;
  width: 14.28571%;
  list-style: none;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted,
.Cal__Day__root.Cal__Day__enabled:active,
.Cal__Day__root.Cal__Day__enabled:hover {
  position: relative;
  z-index: 1
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before,
.Cal__Day__root.Cal__Day__enabled:active:before,
.Cal__Day__root.Cal__Day__enabled:hover:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  background-color: #efefef;
  z-index: -1
}

.Cal__Day__root.Cal__Day__enabled:hover:before {
  opacity: .5
}

.Cal__Day__root.Cal__Day__enabled.Cal__Day__highlighted:before,
.Cal__Day__root.Cal__Day__enabled:active:before {
  opacity: 1
}

.Cal__Day__root:first-child {
  position: relative
}

.Cal__Day__root.Cal__Day__today {
  position: relative;
  z-index: 2
}

.Cal__Day__root.Cal__Day__today>span {
  color: #3d3d3d
}

.Cal__Day__root.Cal__Day__today.Cal__Day__disabled>span {
  color: #aaa
}

.Cal__Day__root.Cal__Day__today:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px;
  z-index: -1
}

.Cal__Day__root.Cal__Day__today.Cal__Day__disabled:before {
  box-shadow: inset 0 0 0 1px #bbb
}

.Cal__Day__root.Cal__Day__selected {
  position: relative
}

.Cal__Day__root.Cal__Day__selected:before,
.Cal__Day__root.Cal__Day__selected>.Cal__Day__month,
.Cal__Day__root.Cal__Day__selected>.Cal__Day__year {
  display: none
}

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 52px;
  height: 52px;
  margin-top: -26px;
  margin-left: -26px;
  border-radius: 50%;
  line-height: 56px;
  z-index: 2
}

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection .Cal__Day__month {
  top: 9px
}

.Cal__Day__root.Cal__Day__selected .Cal__Day__selection .Cal__Day__day {
  position: relative;
  top: 5px;
  font-weight: 700;
  font-size: 18px
}

.Cal__Day__root.Cal__Day__disabled {
  color: #aaa;
  cursor: not-allowed
}

.Cal__Day__month,
.Cal__Day__year {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 12px;
  line-height: 12px;
  text-transform: capitalize
}

.Cal__Day__month {
  top: 5px
}

.Cal__Day__year {
  bottom: 5px
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__end:after,
.Cal__Day__range.Cal__Day__selected.Cal__Day__start:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 50%;
  height: 52px;
  margin-top: -26px;
  box-shadow: inset 56px 56px
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection {
  background-color: #eee !important
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection .Cal__Day__day,
.Cal__Day__range.Cal__Day__selected.Cal__Day__disabled .Cal__Day__selection.Cal__Day__selection .Cal__Day__month {
  color: #aaa;
  font-weight: 300
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__start .Cal__Day__selection {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__start:after {
  right: 0
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__start.Cal__Day__end:after {
  display: none
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__selection {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__day {
  top: 0;
  font-size: 16px
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__betweenRange .Cal__Day__month {
  display: none
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__end:after {
  left: 0
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__end .Cal__Day__selection {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: inherit !important;
  background-color: #fff !important;
  border: 2px solid;
  box-sizing: border-box
}

.Cal__Day__range.Cal__Day__selected.Cal__Day__end .Cal__Day__selection .Cal__Day__day {
  top: 4px
}

.Cal__Container__root {
  position: relative;
  display: table;
  z-index: 1;
  font: 14px helvetica neue, Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
  outline: none;
  text-align: left
}

.Cal__Container__root.Cal__Container__landscape {
  display: flex;
  flex-direction: row
}

.Cal__Container__root.Cal__Container__landscape .Cal__Container__wrapper {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
  z-index: 1;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.Cal__Container__listWrapper {
  position: relative;
  overflow: hidden;
  background-color: #fff
}

.Cal__Header__root {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 98px;
  padding: 20px;
  line-height: 1.3;
  font-weight: 400;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.Cal__Header__root.Cal__Header__landscape {
  align-items: flex-start;
  min-width: 200px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 3px
}

.Cal__Header__root.Cal__Header__landscape .Cal__Header__dateWrapper.Cal__Header__day {
  flex-grow: 1;
  height: 76px
}

.Cal__Header__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  cursor: pointer
}

.Cal__Header__wrapper.Cal__Header__blank {
  height: 58px;
  line-height: 58px;
  color: hsla(0, 0%, 100%, .5);
  font-size: 18px;
  cursor: default
}

.Cal__Header__dateWrapper {
  position: relative;
  display: block;
  overflow: hidden;
  color: hsla(0, 0%, 100%, .5);
  transition: color .3s ease
}

.Cal__Header__dateWrapper.Cal__Header__active {
  color: #fff
}

.Cal__Header__dateWrapper.Cal__Header__day {
  height: 38px;
  font-size: 36px;
  line-height: 36px;
  text-transform: capitalize
}

.Cal__Header__dateWrapper.Cal__Header__year {
  height: 20px;
  font-size: 18px;
  line-height: 18px
}

.Cal__Header__date {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.Cal__Header__range {
  display: flex;
  flex-grow: 1
}

.Cal__Header__range .Cal__Header__dateWrapper {
  overflow: visible
}

.Cal__Header__range .Cal__Header__wrapper:first-child:after,
.Cal__Header__range .Cal__Header__wrapper:first-child:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -50px;
  margin-left: -50px;
  border-top: 100px solid transparent;
  border-bottom: 100px solid transparent;
  border-left: 60px solid
}

.Cal__Header__range .Cal__Header__wrapper:first-child:before {
  color: hsla(0, 0%, 100%, .15);
  -webkit-transform: translateX(1px);
  transform: translateX(1px)
}

.Cal__Header__range .Cal__Header__wrapper:last-child {
  margin-left: 60px
}

.Cal__Header__range .Cal__Header__wrapper .Cal__Header__date {
  white-space: nowrap;
  z-index: 1
}

.Cal__Today__root {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 6px;
  box-sizing: border-box;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  font-weight: 500;
  line-height: 0;
  z-index: 10;
  cursor: pointer;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
  transition-delay: .3s
}

.Cal__Today__root.Cal__Today__show {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition-delay: 0s
}

.Cal__Today__root .Cal__Today__chevron,
.Cal__Today__root.Cal__Today__show .Cal__Today__chevron {
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.Cal__Today__root .Cal__Today__chevron {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  margin-left: 5px;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.Cal__Today__root.Cal__Today__chevronUp .Cal__Today__chevron {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.Cal__Today__root.Cal__Today__chevronDown .Cal__Today__chevron {
  -webkit-transform: rotate(1turn);
  transform: rotate(1turn)
}

.Cal__MonthList__root {
  width: 100% !important;
  background-color: #fff;
  -webkit-overflow-scrolling: touch
}

.Cal__MonthList__root.Cal__MonthList__scrolling>div {
  pointer-events: none
}

.Cal__MonthList__root.Cal__MonthList__scrolling label {
  opacity: 1
}

.Cal__Weekdays__root {
  position: relative;
  z-index: 5;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, .04)
}

.Cal__Weekdays__day {
  padding: 15px 0;
  flex-basis: 14.28571%;
  flex-grow: 1;
  font-weight: 500;
  text-align: center
}

.Cal__Years__root {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f9f9f9
}

.Cal__Years__root:after,
.Cal__Years__root:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 50px;
  pointer-events: none;
  z-index: 1
}

.Cal__Years__root:before {
  top: 0;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, .8) 0, hsla(0, 0%, 100%, 0))
}

.Cal__Years__root:after {
  bottom: 0;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .8))
}

.Cal__Years__list {
  box-sizing: border-box
}

.Cal__Years__list.Cal__Years__center,
.Cal__Years__year {
  display: flex;
  align-items: center;
  justify-content: center
}

.Cal__Years__year {
  padding: 0 20px;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  box-sizing: border-box
}

.Cal__Years__year.Cal__Years__withMonths {
  border-bottom: 1px solid #e9e9e9
}

.Cal__Years__year.Cal__Years__withMonths label {
  height: 88px;
  padding-top: 12px;
  box-sizing: border-box
}

.Cal__Years__year label {
  flex-basis: 42%
}

.Cal__Years__year label span {
  flex-shrink: 0;
  color: #333
}

.Cal__Years__year ol {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  font-size: 14px
}

.Cal__Years__year ol li {
  display: flex;
  width: 44px;
  height: 44px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  list-style: none;
  border-radius: 50%;
  box-sizing: border-box;
  color: #444;
  font-weight: 400;
  text-transform: capitalize
}

.Cal__Years__year ol li.Cal__Years__currentMonth {
  border: 1px solid
}

.Cal__Years__year ol li.Cal__Years__selected {
  position: relative;
  z-index: 1;
  background-color: #00f;
  color: #fff !important;
  border: 0
}

.Cal__Years__year ol li.Cal__Years__disabled {
  cursor: not-allowed;
  color: #aaa
}

.Cal__Years__year ol li.Cal__Years__disabled:hover {
  background-color: inherit
}

.Cal__Years__year ol li:hover {
  background-color: #efefef
}

.Cal__Years__year.Cal__Years__active label>span,
.Cal__Years__year:hover label>span {
  color: inherit
}

.Cal__Years__year.Cal__Years__active,
.Cal__Years__year:hover {
  position: relative;
  z-index: 2
}

.Cal__Years__year.Cal__Years__active {
  font-size: 32px
}

.Cal__Years__year.Cal__Years__currentYear {
  position: relative
}

.Cal__Years__year.Cal__Years__currentYear label>span {
  min-width: 50px;
  padding-bottom: 5px;
  border-bottom: 3px solid
}

.Cal__Years__year.Cal__Years__currentYear.Cal__Years__active label>span {
  min-width: 85px
}

.Cal__Years__year.Cal__Years__first {
  padding-top: 40px
}

.Cal__Years__year.Cal__Years__last {
  padding-bottom: 40px
}

.Cal__Animation__enter {
  opacity: 0;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  transition: .25s ease
}

.Cal__Animation__enter.Cal__Animation__enterActive {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.Cal__Animation__leave {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: .25s ease
}

.Cal__Animation__leave.Cal__Animation__leaveActive {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.Cal__Slider__root,
.Cal__Slider__slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.Cal__Slider__root {
  overflow: hidden
}

.Cal__Slider__slide {
  padding: 20px 65px
}

.Cal__Slider__slide:first-child {
  padding-left: 20px
}

.Cal__Slider__wrapper {
  height: 100%;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease
}

.Cal__Slider__arrow {
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  opacity: .7;
  cursor: pointer;
  border-left: 1px solid hsla(0, 0%, 100%, .1)
}

.Cal__Slider__arrow svg {
  width: 15px
}

.Cal__Slider__arrow:hover {
  opacity: 1
}

.Cal__Slider__arrowRight {
  right: 0
}

.Cal__Slider__arrowLeft {
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.Cal__transition__enter {
  opacity: 0
}

.Cal__transition__enterActive {
  opacity: 1;
  transition: opacity .3s ease
}

.Cal__transition__leave {
  opacity: 1
}

.Cal__transition__leaveActive {
  opacity: 0;
  transition: opacity .3s ease
}

.Cal__Month__rows {
  position: relative;
  background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 50%, rgba(0, 0, 0, .05))
}

.Cal__Month__row {
  padding: 0;
  margin: 0
}

.Cal__Month__row:first-child {
  text-align: right
}

.Cal__Month__row:first-child li {
  background-color: #fff;
  box-shadow: 0 -1px 0 #e9e9e9
}

.Cal__Month__row:nth-child(2) {
  box-shadow: 0 -1px 0 #e9e9e9
}

.Cal__Month__row.Cal__Month__partial:first-child li:first-child {
  box-shadow: 0 -1px 0 #e9e9e9, inset 1px 0 0 #e9e9e9
}

.Cal__Month__row.Cal__Month__partial:last-of-type li {
  position: relative;
  z-index: 1
}

.Cal__Month__label {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 30px;
  font-weight: 500;
  z-index: 3;
  pointer-events: none;
  background-color: hsla(0, 0%, 100%, .6);
  opacity: 0;
  transition: opacity .3s ease
}

.Cal__Month__label>span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize
}

.Cal__Month__label.Cal__Month__partialFirstRow {
  top: 56px
}

.alert,
.brand,
.display-1,
.display-2,
.display-3,
.display-4,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar,
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
p,
td {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Poppins, Roboto, helvetica neue, Arial, sans-serif;
  font-weight: 400
}

/*.cr-app {*/
/*    display: flex;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    padding: 0;*/
/*    margin: 0;*/
/*    overflow-x: hidden*/
/*}*/

.nav-item .nav-link {
  display: flex;
  align-items: center
}

.nav-item .nav-link.active {
  color: #fff;
  background: hsla(0, 0%, 100%, .23);
  opacity: 1
}

.sidebar .nav a {
  transition: all .15s ease-in
}

.card-header {
  text-transform: uppercase
}

.badge:empty {
  display: inline-block
}

.btn-outline-secondary {
  color: #f1ebe9;
  border-color: #f1ebe9
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-filter: brightness(85%);
  filter: brightness(85%)
}

.cr-sidebar--open {
  transition: left .2s ease-in
}

.cr-sidebar {
  right: -260px !important;
  width: 260px !important;
  transition: left .1s ease-in
}

.cr-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .4);
  opacity: 0;
  transition: all .2s;
  width: 100vw;
  height: 100vh;
  z-index: 4;
  display: none
}

.cr-overlay--open {
  opacity: 1;
  transition: all .2s;
  display: block
}

.overflow-lock {
  overflow: hidden
}

@media screen and (max-width: 767px) {
  .cr-sidebar--open+.cr-content {
    margin: auto !important;
    transition: margin .2s ease-in
  }
}

.game-nav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-flex;
  display: inherit;
  align-items: center;
  justify-content: flex-start;
  height: 44px
}

.game-nav .left {
  position: absolute;
  line-height: 44px;
  z-index: 1
}

.game-nav .center {
  line-height: 44px;
  width: 100%;
  height: 44px
}

.game-nav .center,
.game-nav .right {
  position: absolute;
  justify-content: center;
  display: flex
}

.game-nav .right {
  color: #fff;
  right: 0;
  text-align: center;
  font-size: 11px;
  line-height: 11px;
  z-index: 1
}

.award-period {
  background-color: #fff;
  margin: auto;
  z-index: 1;
  position: inherit;
  width: 100%;
  top: 94px
}

.award-period .open-award-list-num .award-list-num b {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  margin: 0 2px
}

.award-period .open-award-list-num .award-list-num .fifth-col {
  width: 36px
}

.award-period .open-award-list-num .award-list-num b .lhc-num {
  width: 100%;
  text-align: center;
  border-radius: 50px;
  color: #fff
}

.lhc-ball01,
.lhc-ball02,
.lhc-ball07,
.lhc-ball08,
.lhc-ball12,
.lhc-ball13,
.lhc-ball18,
.lhc-ball19,
.lhc-ball23,
.lhc-ball24,
.lhc-ball29,
.lhc-ball30,
.lhc-ball34,
.lhc-ball35,
.lhc-ball40,
.lhc-ball45,
.lhc-ball46 {
  background-color: #f44336
}

.lhc-ball03,
.lhc-ball04,
.lhc-ball09,
.lhc-ball10,
.lhc-ball14,
.lhc-ball15,
.lhc-ball20,
.lhc-ball25,
.lhc-ball26,
.lhc-ball31,
.lhc-ball36,
.lhc-ball37,
.lhc-ball41,
.lhc-ball42,
.lhc-ball47,
.lhc-ball48 {
  background-color: #b11c00
}

.lhc-ball05,
.lhc-ball06,
.lhc-ball11,
.lhc-ball16,
.lhc-ball17,
.lhc-ball21,
.lhc-ball22,
.lhc-ball27,
.lhc-ball28,
.lhc-ball32,
.lhc-ball33,
.lhc-ball38,
.lhc-ball39,
.lhc-ball43,
.lhc-ball44,
.lhc-ball49 {
  background-color: #4caf50
}

.game-container {
  width: 100%
}

.col-20 {
  width: 20%;
  float: left
}

.col-25 {
  width: 25%;
  float: left
}

.col-33 {
  width: 33%
}

.col-40 {
  width: 40%;
  float: left
}

.col-50 {
  width: 100%;
  float: left;
  border-radius: 10px;
  /* Tùy chỉnh độ bo tròn */
}

.col-50-game {
  width: 50%;
  float: left
}

.col-60 {
  width: 60%;
  float: left
}

.col-100 {
  float: left;
  width: 100%
}

/*Phần test*/

.game-container .ball {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 17px;
  font-size: 18px;
  color: #dc3b40;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  position: relative;
  bottom: 0;
  margin: 0 auto
}

.ball.dds {
  padding: 0 10px;
  width: auto
}

.kw3-list {
  padding: 15px !important;
  background: #fff
}

.kw3-list .col-16,
.kw3-list .col-25,
.kw3-list .col-60 {
  padding: 0 5px
}

.kw3-list .col-60 {
  margin: 5px auto;
  font-size: 20px;
  padding: 5px 0;
  width: 60%;
  width: calc(60% - 6.4px);
  float: none
}

.col-33 {
  float: left;
  width: 33.33333%;
  width: 33.3333333333%
}

.kw3-list .col-16 {
  float: left;
  width: 16.6666667%;
  width: 16.66667%;
  width: 16.6666666667%
}

.kw3-list .square {
  width: 100%;
  overflow: hidden;
  padding: 2px 0;
  font-size: 18px;
  line-height: 1.4;
  color: #f44336;
  vertical-align: top;
  display: inline-block;
  margin: 5px 0 0;
  text-align: center;
  background: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 3px
}

.kw3-list .col-60 .square {
  padding: 5px 0;
  margin: 5px 0;
  font-size: 20px
}

.kw3-list .square.active {
  color: #fff
}

.kw3-list .square .tip {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 300;
  line-height: 15px;
  display: block
}

.game-container .ball.active,
.kw3-list .square.active .tip {
  color: #fff
}

.pl-4 {
  padding-left: 1rem;
}

.bg-red {
  background-color: #f74f0a !important
}

.resultStyle {
  position: fixed;
  z-index: 9999;
  background: #fff;
  width: 100%;
  top: 44px
}

.leftBut {
  border-radius: 36px 0 0 36px;
  background-color: #ff5722;
  color: #fff
}

.leftBut,
.rightBut {
  border-style: solid;
  width: 100%
}

.rightBut {
  color: #ff5722;
  border-radius: 0 36px 36px 0;
  background-color: #fff;
  border-width: 1px
}

.button-row {
  display: -webkit-box
}

.ball-list {
  border-top: 1px solid #dfdfda;
  padding-top: 15px;
  background: #fff
}

.position-list {
  background: #eeebda;
  border: 1px solid #e3decf;
  padding: 0 10px 5px;
  margin-bottom: 10px
}

.position-list .buttons-row {
  margin-top: 5px
}

.buttons-row {
  align-self: center;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  flex-wrap: nowrap
}

.position-list .button {
  border-radius: 2px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: inherit;
  cursor: pointer;
  padding: 0 8px;
  overflow: hidden;
  outline: 0;
  border: none;
  transition-duration: .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  min-width: 28px;
  height: 24px;
  line-height: 24px;
  -webkit-box-flex: 1;
  margin: 0 0 0 16px;
  color: #f44336 !important
}

.buttons-row .button,
.position-list .button {
  text-align: center;
  display: block;
  font-size: 14px;
  position: relative;
  width: 100%
}

.buttons-row .button {
  color: #f44336;
  border-radius: 6px;
  line-height: 36px;
  margin: 0 0 0 10px;
  height: 36px
}

.button-raised,
.buttons-row .button {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  background: #fff
}

.button-raised {
  height: auto !important;
  line-height: 24px !important
}

.button-raised.active {
  background: #f44336 !important;
  color: #fff !important
}

.buttons-row .button:first-child {
  margin-left: 0 !important
}

.lines {
  display: block;
  color: #999;
  margin-top: 5px;
  font-size: 12px
}

.ball-title {
  float: left;
  font-size: 14px;
  width: 70px;
  position: relative
}

.ball-title span {
  color: #fff;
  border-radius: 4px;
  padding: 5px 0 5px 5px;
  max-width: 60px
}

.ball-title span.active {
  background: #ff8521
}

.ball-title em {
  border: 12px solid transparent;
  border-left-color: #e1e1e1;
  vertical-align: top
}

.arrow-right,
.ball-title em {
  width: 0;
  height: 0;
  display: inline-block
}

.arrow-right {
  border-top: 13.2px solid transparent;
  border-bottom: 13.2px solid transparent;
  border-left: 13.2px solid var(--theme-color);
  transition: none !important
}

.arrow-right.active {
  border-top: 13.2px solid #ff8521;
  border-bottom: 13.2px solid #ff8521;
  border-left: 13.2px solid #fff
}

.arrow-right.small {
  border-top: 10.2px solid transparent;
  border-bottom: 10.2px solid transparent;
  border-left: 10.2px solid #ff8521;
  top: 3px;
  right: 1px;
  opacity: 0;
  position: absolute
}

.arrow-right.small.active {
  opacity: 1
}

.ball-row {
  float: left;
  width: 100%
}

.ball-title~.ball-row {
  width: calc(100% - 70px)
}

.open-award-list-num {
  text-align: center;
  white-space: nowrap
}

.open-award-list-num-wrap {
  text-align: center
}

.open-award-list-text {
  font-size: 12px;
  margin-top: -1px
}

.open-award-list-text span {
  display: inline-block;
  width: 19px;
  text-align: center;
  margin-right: 3px;
  font-size: 12px
}

.award-kl8 .ball {
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 10px;
  margin: 0 0 2px
}

.open-award-list-num .blue-ball,
.open-award-list-num .blue-ball-em,
.open-award-list-num .red-ball,
.open-award-list-num .red-ball-em {
    width: 22px;
    height: 22px;
    border-radius: 12px;
    line-height: 25px;
    font-size: 14px;
    margin: 2px 0 0 3px;
}

.open-award-list-num .Dice {
  width: 26px;
  height: 26px
}

.blue-ball,
.green-ball,
.red-ball {
  display: inline-block;
  /*background-image: url('https://i.ibb.co/zxdd7JJ/ta-i-xuo-ng-1.png');*/
  background:#c72e11;;
  background-size: cover;
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  text-align: center;
  line-height: 28px;
  font-style: normal;
  margin: 4px 5px 0 0;
  font-size: 16px;
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
  font-weight: 500;
}

.blue-ball {
  background: #b11c00
}

.red-text-small {
  color: #f44336;
  width: 20px;
  height: 20px;
  font-size: 13px
}

.red-ball-small-header,
.red-text-small {
  display: inline-block;
  text-align: center;
  font-style: normal
}

.red-ball-small-header {
  background: #f44336;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 14px;
  line-height: 18px;
  margin: 4px 5px 0 0;
  font-size: 14px
}

.react-tabs__tab-list {
  border-bottom: none
}

.react-tabs__tab {
  padding: 0 10px;
  font-size: 13px;
  background-color: transparent;
  border: none;
  color: hsla(0, 0%, 100%, .7);
  bottom: 0;
  line-height: 28px
}

.react-tabs__tab--selected {
  border-bottom: 2px solid hsla(0, 0%, 100%, .7);
  color: #fff
}

.react-tabs__tab:focus {
  border-bottom: 2px solid hsla(0, 0%, 100%, 0);
  box-shadow: none
}

.react-tabs__tab:focus:after {
  height: 0
}

.my-collapsible__content-inner .h3,
.my-collapsible__content-inner h3 {
  font-size: 14px;
  margin: 0;
  font-weight: 400;
  clear: both;
  padding: 10px 10px 0;
  border-top: 1px solid #dfdfdf;
  width: auto
}

.my-collapsible__content-inner .h3 img,
.my-collapsible__content-inner h3 img {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-right: 5px
}

.change-game-list {
  padding: 0 10px;
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap
}

.my-collapsible__content-inner .change-game-list a {
  background: #eee;
  line-height: 1.5;
  border-radius: 16px;
  border: 1px solid transparent;
  margin-bottom: 10px;
  color: #212121;
  font-size: 13px;
  display: flex;
  width: calc(33.33333% - 5px);
  float: left;
  text-align: center;
  padding: 5px;
  margin-left: 2.5px;
  margin-right: 2.5px
}

.my-collapsible__content-inner .change-game-list a.active,
.my-collapsible__content-inner .change-game-list a:hover {
  color: var(--theme-color) !important;
  border: 1px solid var(--theme-color);
  text-decoration: none;
  background: #fff
}

.change-game-text {
  display: flex;
  -webkit-flex-align: center;
  align-items: center;
  margin: auto
}

.content-block {
  margin: 16px 0
}

.content-block .buttons-row {
  align-self: center;
  display: flex;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  -ms-flex-wrap: nowrap
}

.pop-menu .buttons-row .button.button-round:first-child,
.purlist-popup .buttons-row .button.button-round:first-child {
  border-radius: 36px 0 0 36px
}

.button-round {
  text-align: center;
  height: 32px;
  line-height: 32px;
  width: 100%;
  font-size: 14px
}

.button-round:first-child {
  border-radius: 36px 0 0 36px;
  border-width: 1px;
  border-style: solid
}

.button-round:last-child {
  border-radius: 0 36px 36px 0;
  border-width: 1px;
  border-style: solid
}

.button-round.active {
  color: #fff !important;
  border-width: 0 !important
}

.playType {
  overflow-y: auto;
  max-height: calc(100vh - 108px)
}

.methodhelp {
  color: #999;
  font-size: 11px;
  padding: 10px;
  background: #fff;
  margin: 5px 0;
  display: flex
}

.help-btn,
.help-content {
  height: 12px;
  line-height: 12px
}

.help-content.hide {
  white-space: nowrap;
  overflow: hidden
}

.help-content.hide,
.help-content.show {
  width: calc(100% - 35px);
  text-overflow: ellipsis
}

.help-content.show {
  display: inline-table
}

.help-btn {
  min-width: 35px;
  overflow: hidden;
  margin-top: auto
}

.resultStyle ul {
  padding: 0 20px;
  display: flex;
  flex-wrap: wrap;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap
}

.resultStyle ul li {
  line-height: 1.5;
  margin-bottom: 10px;
  color: #212121;
  font-size: 13px;
  display: flex;
  width: calc(33.33333% - 5px);
  float: left;
  text-align: center;
  margin-left: 2.5px;
  margin-right: 2.5px
}

.resultStyle ul li button {
  background: #fff;
  border-radius: 4px;
  min-height: 30px;
  line-height: 20px;
  display: block;
  margin: 0 10px 10px 0;
  text-align: center;
  font-size: 13px;
  border: 1px solid #e1e1e1;
  color: #666;
  width: 90%
}

.resultStyle ul li.active a {
  border: 1px solid #ff5722;
  color: #ff5722
}

.pop-menu-line {
  border-top: 1px solid #e1e1e1;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  margin-top: 10px
}

.pop-menu-line span {
  background: #fff;
  color: #333;
  padding: 0 10px;
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -38px
}

.pop-menu {
  position: static;
  top: 44px;
  width: 100%;
  z-index: 9999999999;
  font-size: 14px;
  background: #fff;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.pop-menu ul {
  margin: 10px 0 0 10px;
  padding: 0;
  clear: both;
  overflow: hidden
}

.pop-menu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 25%
}

.pop-menu1 ul li,
.pop-menu ul.w33 li {
  width: 33.33%
}

.pop-menu1 ul li,
.pop-menu ul.w50 li {
  width: 50%
}

.pop-menu ul li a {
  background: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  display: block;
  margin: 0 10px 10px 0;
  text-align: center;
  color: #666;
  font-size: 13px
}

.pop-menu ul li.active a {
  border: 1px solid var(--theme-color);
  color: var(--theme-color)
}

.userface {
  color: #fff;
  margin: 0;
  background: #ff5722;
  -webkit-filter: none;
  filter: none
}

.content-block {
  margin: 15px 0;
  padding: 0 16px;
  box-sizing: border-box;
  height: auto
}

.DataTotal dl {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1
}

.DataTotal dl.col-4 {
  width: 33.33%;
  float: left
}

.DataTotal dl.col-6 {
  width: 50%;
  float: left
}

.DataTotal dl.col-border {
  border-left: 1px solid hsla(0, 0%, 72.9%, .3)
}

.DataTotal dt {
  margin: 0;
  padding: 0;
  font-size: 34px
}

.DataTotal-box dl input {
  border: none;
  text-align: center;
  margin: -2px;
  padding: 0;
  font-size: 18px;
  width: 100%;
  background: 0 0;
  opacity: unset
}

.DataTotal dd {
  margin: 6px 0 0;
  padding: 0;
  font-size: 14px
}

.DataTotal dd .small,
.DataTotal dd small {
  display: block;
  font-size: 12px;
  margin: 8px 0 0
}

.DataTotal dd small2 {
  display: block;
  font-size: 12px;
  background: #fff;
  color: #000;
  width: 80%;
  line-height: 1.5;
  border-radius: 5px;
  margin: 8px auto auto
}

.DataTotal-tip {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, .1);
  font-size: 12px
}

.DataTotal-tip span {
  padding: 4px 16px;
  display: block
}

a#searchbarARCancel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ny45NzEgNDcuOTcxIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9ImhvdmVyZWQtcGF0aHMiPjxwYXRoIGQ9Ik0yNi45MSAyMC41MzlMMzkuOTE2IDcuNTMzYTIuMDY3IDIuMDY3IDAgMTAtMi45MjQtMi45MjVMMjMuOTg2IDE3LjYxNCAxMC45NzkgNC42MDhhMi4wNjcgMi4wNjcgMCAxMC0yLjkyNCAyLjkyNUwyMS4wNiAyMC41MzkgOC4wNTUgMzMuNTQ0YTIuMDY3IDIuMDY3IDAgMTAyLjkyNCAyLjkyNGwxMy4wMDctMTMuMDA1IDEzLjAwNiAxMy4wMDVjLjQwNC40MDQuOTMzLjYwNiAxLjQ2Mi42MDZzMS4wNTgtLjIwMiAxLjQ2Mi0uNjA2YTIuMDY3IDIuMDY3IDAgMDAwLTIuOTI0TDI2LjkxIDIwLjUzOXoiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSJob3ZlcmVkLXBhdGggYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjOTk5Ii8+PC9zdmc+)
}

input#searchbarARPlaceholder {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ni45NjYgNTYuOTY2IiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PHBhdGggZD0iTTUwLjUxMSA0My42ODhMMzkuMzEgMzIuMDM4YTE4Ljk0IDE4Ljk0IDAgMDA0LjQ1OC0xMi4yMTZDNDMuNzY4IDkuMzQ1IDM1LjI0NC44MiAyNC43NjYuODJTNS43NjQgOS4zNDUgNS43NjQgMTkuODIyczguNTI1IDE5LjAwMiAxOS4wMDIgMTkuMDAyYzMuOTMzIDAgNy42ODItMS4xODYgMTAuODg2LTMuNDM4TDQ2Ljk0IDQ3LjEyNGEyLjQ2IDIuNDYgMCAwMDEuNzg2Ljc2Yy42NDQgMCAxLjI1NC0uMjQ1IDEuNzE4LS42OTJhMi40ODEgMi40ODEgMCAwMC4wNjgtMy41MDR6TTI0Ljc2NiA1Ljc3OGM3Ljc0NSAwIDE0LjA0NSA2LjMgMTQuMDQ1IDE0LjA0NHMtNi4zIDE0LjA0NS0xNC4wNDUgMTQuMDQ1LTE0LjA0NS02LjMtMTQuMDQ1LTE0LjA0NSA2LjMtMTQuMDQ1IDE0LjA0NS0xNC4wNDV6IiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDAwMDAwIiBmaWxsPSIjOTk5Ii8+PC9zdmc+)
}

a#searchbarARCancel.white {
  background-size: 20px 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYxLjkyIDYxLjkyIj48cGF0aCBkPSJNMzEgMzQuNDZMNTIuNTEgNTZhMi40NSAyLjQ1IDAgMDAzLjM1IDAgMi40IDIuNCAwIDAwMC0zLjQ3TDM0LjQzIDMxIDU2IDkuNDRBMi40NSAyLjQ1IDAgMDA1Mi41MSA2TDMxIDI3LjUzIDkuNCA2YTIuMzkgMi4zOSAwIDAwLTMuNDYgMCAyLjM5IDIuMzkgMCAwMDAgMy40NkwyNy40OSAzMSA1Ljk0IDUyLjU1YTIuNCAyLjQgMCAwMDAgMy40NyAyLjQzIDIuNDMgMCAwMDMuMzQgMHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

input#searchbarARPlaceholder.white {
  background-size: 20px 20px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYxLjkyIDYxLjkyIj48cGF0aCBkPSJNNTkuNiA1Ni4xOUw0Mi43NiAzOS4zNGEyMyAyMyAwIDEwLTMuNDIgMy40Mkw1Ni4xOSA1OS42YTEuMiAxLjIgMCAwMDEuNzEgMGwxLjctMS43YTEuMiAxLjIgMCAwMDAtMS43MXpNMjQuOTIgNDNBMTguMTMgMTguMTMgMCAxMTQzIDI0LjkyIDE4LjE0IDE4LjE0IDAgMDEyNC45MiA0M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

input#searchbarARPlaceholder::-webkit-input-placeholder {
  color: #999
}

input#searchbarARPlaceholder::placeholder {
  color: #999
}

.DataTotal-sub {
  background: #fff;
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, .02);*/
  margin: 16px;
  padding: 0;
  border-radius: 20px
}

.DataTotal-sub .h3,
.DataTotal-sub h3 {
  padding: 12px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f4f4f4;
  line-height: 1;
  font-weight: 700
}

.DataTotal-sub dl {
  margin: 0;
  padding: 0 0 32px;
  text-align: center;
  line-height: 1
}

.DataTotal-sub dl.col-4 {
  width: 33.33%;
  float: left
}

.DataTotal-sub dl.col-3 {
  width: 25%;
  float: left
}

.DataTotal-sub dt {
  margin: 0;
  padding: 0;
  font-size: 18px
}

.DataTotal-sub dt i {
  font-size: 40px
}

.DataTotal-sub dd {
  margin: 6px 0 0;
  padding: 0;
  font-size: 12px;
  color: #444756;
  height: 30px
}

.DataTotal-nav dd {
  margin: 4px 0 0
}

.DataTotal-top {
  background: #fff;
  /*box-shadow: 0 1px 1px #b11c00e6;*/
  margin: -32px 16px 5px;
  padding: 12px 0;
  border-radius: 15px
}

.DataTotal-top dl {
  margin: 0;
  padding: 0;
  text-align: center;
  line-height: 1;
  /*border-left: 1px solid #b11c00;*/
  /*border-right: 1px solid #b11c00;*/
}

.DataTotal-top dl:last-child {
  border-left: none
}

.DataTotal-top dl.col-7 {
  width: 25%;
  float: left
}

.DataTotal-top dl.col-6 {
  width: 50%;
  float: left
}

.DataTotal-top dl.col-5 {
  width: 33%;
  float: left
}

.DataTotal-top dl.col-4 {
  width: 33%;
  float: left;
  border: none
}

.DataTotal-top dt {
  margin: 0;
  padding: 0;
  font-size: 15px
}

.DataTotal-top dd {
  margin: 7px 0 0;
  padding: 0;
  font-size: 12px;
  color: #212121
}

body {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
  text-decoration-skip-ink: auto;
  font-family: Arial, sans-serif;
  color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
  font-weight: bold;
}

a {
  text-decoration: underline;
  text-decoration-thickness: 0.15em;
  text-underline-offset: 0.1em;
  font-weight: 600;
}

.custom-thick-underline {
  text-decoration: underline;
  text-decoration-thickness: 0.18em;
  font-weight: 700;
  color: #1a1a1a;
}

.DataTotal dl.DataTotal-l {
  width: 48%
}

.DataTotal dl.DataTotal-sm {
  opacity: .6;
  margin: 12px 0 0
}

.DataTotal-sm dt {
  font-size: 18px
}

.DataTotal-sm dd {
  font-size: 12px;
  margin: 4px 0 0
}

.DataTotal-sub table {
  width: 100%;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
  color: #999;
  line-height: 1
}

.DataTotal-sub table td,
.DataTotal-sub table th {
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 12px 0
}

.DataTotal-sub table th {
  color: #fff
}

.DataTotal-tab {
  float: right;
  font-size: 12px;
  line-height: 38px;
  margin: -12px -16px 0 0
}

.DataTotal-tab a,
.DataTotal-tab b {
  padding: 0 10px;
  display: inline-block
}

.DataTotal-tab a {
  color: #999;
  font-weight: 400;
  margin: 0
}

.DataTotal-tab a.m-active {
  color: #f44336;
  font-weight: 700
}

.DataTotal-tab a.r-active {
  color: #b11c00;
  font-weight: 700
}

.red {
  color: #f44336
}

.green {
  color: #4caf50
}

.blue {
  color: #b11c00
}

.orange {
  color: #ff9800
}

.teal {
  color: #009688
}

.gray {
  color: #999 !important
}

.time-tab a {
  flex: 1 1;
  text-align: center;
  border-radius: 50px;
  background-color: #fff;
  margin-right: 10px
}

.time-tab a:last-child {
  margin-right: 0
}

.DataTotal-card {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .02)
}

.DataTotal-card,
.DataTotal-card .list-block {
  border-radius: 8px
}

.DataTotal-card .list-block .item-inner:after {
  display: none
}

.DataTotal-card .card-footer {
  min-height: 36px
}

.DataTotal-bottom {
  height: 49px;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
  position: fixed;
  bottom: calc(var(--safe-bottom));
  left: 0;
  width: 100%;
  z-index: 999
}

.DataTotal-bottom-l {
  padding: 14px 10px;
  float: left;
  font-size: 13px
}

.DataTotal-bottom-r {
  padding: 14px 10px;
  float: right;
  font-size: 13px
}

.gameCaption {
  margin: 10px 0 0 10px;
  padding: 0;
  clear: both;
  overflow: hidden
}

.gameCaption li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 25%
}

.modal-overlay {
  visibility: visible;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4);
  z-index: 99999999;
  top: 44px
}

.lotteryCart {
  display: flex;
  align-items: center;
  padding: 0 10px;
  position: relative;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-left: auto;
  line-height: 10px;
  text-align: center
}

.lottery-cart-count {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #ff5722;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 15px;
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 5px
}

.resultBottomStyle {
  position: fixed;
  z-index: 9999999999;
  background: #fff;
  width: 100%;
  bottom: calc(var(--safe-bottom));
  left: 0;
  overflow: auto
}

.lotteryCart .modal {
  transition: 0s
}

.actions-modal {
  position: relative
}

.actions-modal-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 28px;
  display: inline-block;
  text-align: center;
  line-height: 21px;
  border: 1px solid var(--theme-color);
  border-radius: 20%;
  color: var(--theme-color);
  margin: 1px
}

.actions-modal-button.active {
  color: #fff;
  background: var(--theme-color);
  border-radius: 20%
}

button:focus,
input:focus {
  outline: none !important;
  box-shadow: none !important
}

.lottery-left {
  position: fixed;
  top: 162px;
  bottom: 48px;
  left: 0;
  display: block;
  padding: 0;
  z-index: 99;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  width: 70px;
  zoom: 1
}

.lottery-left ul {
  margin: 0;
  padding: 0
}

.lottery-left li {
  padding: 0;
  list-style: none;
  position: relative;
  display: block;
  margin: 0 -1px 0 0
}

.lottery-left li a {
  display: block;
  text-align: center;
  color: #212121;
  padding: 10px 0;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
  font-size: 14px
}

.lottery-left li a i {
  display: block;
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #ddd;
  position: absolute;
  top: 5px;
  left: 5px
}

.lottery-left li a i.beted {
  background: #f44336
}

.lottery-left li.active a {
  background: #f4f4f4;
  color: #f44336 !important
}

.lottery-right {
  margin-left: 70px;
  padding: 0 10px 10px
}

.bet-title {
  margin-bottom: 15px;
  padding-top: 15px;
  color: #212121;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-bottom: 3px solid var(--theme-color)
}

.bet-title,
.bet-title1 {
  text-align: center;
  font-size: 15px;
  line-height: 1.2
}

.bet-title1 {
  background: #fff;
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 8px 0;
  border-radius: 4px;
  position: relative;
  margin: 0 10px 10px
}

i.bet,
i.beted {
  height: 6px;
  width: 6px;
  border-radius: 3px;
  background: #ddd
}

.bet-title1 i.bet,
.bet-title1 i.beted,
.betdownmenu i.bet,
.betdownmenu i.beted {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle
}

.bet-title1 i.beted {
  background: red
}

.bet-list {
  padding: 0 15px 15px;
  background: #fff
}

.bet-list div[class*=col-] {
  background: #fff;
  text-align: center;
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 7px 0;
  margin-bottom: 8px;
  border-radius: 10px;
  position: relative
}

.bet-list div[class*=col-].disabled {
  background: #e5e5e5;
  cursor: not-allowed
}

.bet-list .row {
  display: table;
  border-spacing: 10px;
  border-collapse: initial;
  width: 100%;
  margin: 0;
  position: relative
}

.bet-list .row .col-20 {
  width: 20%;
  display: table-cell;
  float: none
}

.bet-list .row .col-25 {
  width: 25%;
  display: table-cell;
  float: none
}

.bet-list .row .col-33 {
  width: 33.3333333333%;
  display: table-cell;
  float: none
}

.bet-list .row .col-50 {
  width: 50%;
  display: table-cell;
  float: none
}

.bet-list .row .col-60 {
  width: 60%;
  display: table-cell;
  float: none
}

.bet-list .row .col-100 {
  width: 100%;
  display: table-cell;
  float: none
}

.bet-list .bet-number {
  font-style: normal;
  display: block;
  font-size: 18px;
  padding: 0 2.5px 20px;
  line-height: 1;
  color: #b11c00
}

.bet-list .odds {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0
}

.bet-list .bgodds,
.bet-list .odds {
  color: #666;
  font-size: 12px;
  line-height: 1;
  display: inline-block
}

.bet-list .yscodds {
  color: #666;
  font-size: 12px;
  line-height: 1;
  display: grid
}

@media screen and (max-width: 1000px) {
  .bet-list .bet-number {
    font-size: 15px
  }

  .bet-list .bgodds,
  .bet-list .lhc-odds,
  .bet-list .odds {
    font-size: 11px
  }
}

.chipsBarBet {
  bottom: calc(90px + var(--safe-bottom));
  position: fixed;
  z-index: 11;
  height: 30px;
  width: 100%;
  border: none;
  background: rgba(202, 204, 206, .5);
  background-position: bottom;
  background-repeat: no-repeat;
  margin-left: -10px
}

.chipsBarBet.show {
  display: block
}

.chipsBarBet.hide {
  display: none
}

.chipsBarBet.cartList {
  background: initial;
  border-top: 0 solid #ebebeb;
  box-shadow: 0 -2px 2px #ebebeb;
  -webkit-box-shadow: 0 -2px 2px #ebebeb;
  -moz-box-shadow: 0 -2px 2px #ebebeb
}

.bar_chip_bet.cartList {
  bottom: auto;
  background: initial
}

.bar_chip_bet {
  position: absolute;
  bottom: -2px;
  width: 100%;
  background: #ddd
}

.bar_chip_bet ul {
  margin: 0;
  padding: 0
}

.bar_chip_bet li {
  font-family: iconfont;
  width: 14%;
  height: 60px;
  display: inline-block;
  margin: 0;
  text-align: center;
  border-radius: 100%;
  position: relative;
  font-size: 46px;
  max-width: 14%;
  color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.chipsBarBet .bar_chip_bet li.cm0 {
  background-image: url(../../static/media/cm0.4abec600.png)
}

.chipsBarBet .bar_chip_bet li.cm1 {
  background-image: url(../../static/media/cm1.d05d5334.png)
}

.chipsBarBet .bar_chip_bet li.cm2 {
  background-image: url(../../static/media/cm2.3b5b0e4a.png)
}

.chipsBarBet .bar_chip_bet li.cm3 {
  background-image: url(../../static/media/cm3.2883cd5a.png)
}

.chipsBarBet .bar_chip_bet li.cm4 {
  background-image: url(../../static/media/cm4.25736b09.png)
}

.chipsBarBet .bar_chip_bet li.cm5 {
  background-image: url(../../static/media/cm5.b9a34db8.png)
}

.chipsBarBet .bar_chip_bet li.cm6 {
  background-image: url(../../static/media/cm6.ea799968.png);
  background-image: url(../../static/media/cm0.4abec600.png)
}

.chipsBarBet .bar_chip_bet a {
  display: block;
  color: #000 !important;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  left: 0;
  line-height: 60px;
  width: 100%
}

.multiple-bar {
  background: rgba(0, 0, 0, .5);
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #000;
  display: none;
  left: 0
}

.multiple-bar.active {
  color: #fff;
  background: #b8b8b8;
  border-color: var(--theme-color);
  display: block
}

.multiple-bar-button {
  text-align: center;
  width: 14%;
  margin: 0 2px;
  font-size: 12px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #000;
  border-radius: 3px;
  background: #fff
}

.multiple-bar-button.active {
  background: var(--theme-color);
  color: #fff !important
}

.bet-modal,
.cart-modal,
.full-page-modal {
  margin: 0;
  height: 100vh
}

.full-page-modal {
  overflow-y: hidden
}

.bet-modal .modal-content {
  height: 100vh;
  border: 0;
  background: #fff;
  border-radius: 0
}

.cart-modal .modal-content {
  height: 100vh;
  border: 0
}

@media screen and (min-width: 800px) {

  .bet-modal,
  .cart-modal {
    /*margin:auto;*/
    height: auto
  }

  .bet-modal .modal-content,
  .cart-modal .modal-content {
    height: auto;
    border: 0
  }
}

@media screen and (min-width: 500px) {
  .bet-modal {
    height: auto;
    max-width: 600px;
    margin: 7rem auto
  }

  .bet-modal .modal-content {
    height: 70vh;
    border: 0
  }
}

.cart-button-list {
  padding: 15px 10px;
  margin: 0;
  background-color: #fff;
  border-bottom: 1px solid #e1e1e1
}

.cart-button-list .buttons-row .button {
  box-shadow: none;
  border: 1.5px solid var(--theme-color);
  line-height: 27px;
  height: 30px;
  font-size: 12px;
  border-radius: 5px
}

.cart-button-list .buttons-row .button span {
  position: relative;
  left: -5px
}

.cart-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  background: #fff
}

.cart-ul li {
  border-bottom: 1px solid #e1e1e1
}

.cr-sidebar--open {
  overflow: auto;
  right: 0 !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.rotate0 {
  transition: .5s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.rotate180 {
  transition: .5s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.lhc-odds {
  color: #666;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0
}

.red-ball-em {
  color: #f44336;
  border-radius: 14px;
  border: 1px solid #e1e1e1
}

.blue-ball-em,
.red-ball-em {
  display: inline-block;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  font-style: normal;
  font-size: 16px;
  margin: 4px 5px 0 0
}

.blue-ball-em {
  color: #b11c00;
  border-radius: 14px;
  border: 1px solid #b11c00
}

.betball-lhc-blue,
.betball-lhc-green,
.betball-lhc-red {
  display: inline-block;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  background-size: 32px;
  vertical-align: middle;
  border-radius: 16px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16)
}

.betball-lhc-red {
  background-image: url(../../static/media/red-ball.085835e7.png);
  background-repeat: no-repeat
}

.betball-lhc-blue {
  background-image: url(../../static/media/blue-ball.96089166.png);
  background-repeat: no-repeat
}

.betball-lhc-green {
  background-image: url(../../static/media/green-ball.080fba51.png);
  background-repeat: no-repeat
}

.dice {
  width: 35px;
  height: 36px;
  line-height: 0;
  display: inline-block;
  background: url(../../static/media/kuai3.57134dcb.png) no-repeat;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  margin: 5px 10px 0 0
}

.dice1 {
  background-position: -9px 0
}

.dice2 {
  background-position: -64px 0
}

.dice3 {
  background-position: -119px 0
}

.dice4 {
  background-position: -9px -49px
}

.dice5 {
  background-position: -64px -49px
}

.dice6 {
  background-position: -119px -49px
}

.Dice {
  background-image: url(../../static/media/diceK3.68396ee1.png);
  display: inline-block;
  background-size: 200% 600%;
  vertical-align: middle;
  height: 21px;
  width: 21px;
  text-indent: 1000px;
  overflow: hidden
}

.Dice1 {
  background-position: 0 .5%
}

.Dice2 {
  background-position: 0 -100.2%
}

.Dice3 {
  background-position: 0 -199.8%
}

.Dice4 {
  background-position: 0 -299.5%
}

.Dice5 {
  background-position: 0 -400%
}

.Dice6 {
  background-position: 0 -499.7%
}

.kw3-blue {
  background: #1779ff
}

.kw3-blue,
.kw3-red {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: inline-block;
  line-height: 24px;
  color: #fff;
  text-align: center
}

.kw3-red {
  background: red
}

.racing {
  width: 26px;
  font-size: 26px
}

.live-racing,
.racing {
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: #ddd;
  display: inline-block;
  color: #fff;
  text-shadow: 0 1px 1px #000;
  font-style: normal;
  border-radius: 4px;
  margin: 4px 2px 0 0
}

.live-racing {
  width: 13px;
  font-size: 13px
}

.r1 {
  background: #ffff02
}

.r2 {
  background: #018aff
}

.r3 {
  background: #4c4c4c
}

.r4 {
  background: #ff7400
}

.r5 {
  background: #82feff
}

.r6 {
  background: #5204ff
}

.r7 {
  background: #e4e4e4
}

.r8 {
  background: #ff1201
}

.r9 {
  background: #770400
}

.r10 {
  background: #23c300;
  letter-spacing: -3px;
  text-indent: -3px
}

.live-r1 {
  color: #ffff02
}

.live-r1,
.live-r2 {
  border-style: solid;
  border-width: 2px;
  background-color: #fff
}

.live-r2 {
  color: #018aff
}

.live-r3 {
  color: #4c4c4c
}

.live-r3,
.live-r4 {
  border-style: solid;
  border-width: 2px;
  background-color: #fff
}

.live-r4 {
  color: #ff7400
}

.live-r5 {
  color: #82feff
}

.live-r5,
.live-r6 {
  border-style: solid;
  border-width: 2px;
  background-color: #fff
}

.live-r6 {
  color: #5204ff
}

.live-r7 {
  color: #e4e4e4
}

.live-r7,
.live-r8 {
  border-style: solid;
  border-width: 2px;
  background-color: #fff
}

.live-r8 {
  color: #ff1201
}

.live-r9 {
  color: #770400
}

.live-r9,
.live-r10 {
  border-style: solid;
  border-width: 2px;
  background-color: #fff
}

.live-r10 {
  color: #23c300;
  text-indent: -2px
}

.Race {
  display: inline-block;
  width: 16px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background: #000;
  color: #fff;
  margin: 4px 2px 0 0
}

.Race1 {
  background: #e6de00
}

.Race2 {
  background: #0092e0
}

.Race3 {
  background: #4b4b4b
}

.Race4 {
  background: #ff7501
}

.Race5 {
  background: #17e1e1
}

.Race6 {
  background: #5333ff
}

.Race7 {
  background: #bfbfbf
}

.Race8 {
  background: #ff2600
}

.Race9 {
  background: #790a01
}

.Race10 {
  background: #07be01
}

.ysc-small {
  line-height: 27px;
  color: #000;
  width: 100%
}

.LHC-ball-small,
.LHC-blueball-small,
.LHC-greenball-small,
.LHC-redball-small,
.ysc-small {
  height: 32px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  background-size: 30px;
  margin-right: 4px
}

.LHC-ball-small,
.LHC-blueball-small,
.LHC-greenball-small,
.LHC-redball-small {
  width: 32px;
  line-height: 28px;
  color: #fff
}

.lottery-right .LHC-ball-small {
  width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 5px;
  color: #000;
  font-weight: 700;
  background-size: 32px;
  vertical-align: middle;
  border-radius: 16px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .16);
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
  border: none !important
}

.LHC-ball-small-full,
.lottery-right .LHC-ball-small {
  display: inline-block;
  text-align: center;
  font-style: normal;
  font-size: 16px
}

.LHC-ball-small-full {
  color: #fff;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  line-height: 28px;
  margin: 4px 5px 0 0
}

.lhc-b-01,
.lhc-b-02,
.lhc-b-07,
.lhc-b-08,
.lhc-b-12,
.lhc-b-13,
.lhc-b-18,
.lhc-b-19,
.lhc-b-23,
.lhc-b-24,
.lhc-b-29,
.lhc-b-30,
.lhc-b-34,
.lhc-b-35,
.lhc-b-40,
.lhc-b-45,
.lhc-b-46 {
  background: #f44336
}

.lhc-b-03,
.lhc-b-04,
.lhc-b-09,
.lhc-b-10,
.lhc-b-14,
.lhc-b-15,
.lhc-b-20,
.lhc-b-25,
.lhc-b-26,
.lhc-b-31,
.lhc-b-36,
.lhc-b-37,
.lhc-b-41,
.lhc-b-42,
.lhc-b-47,
.lhc-b-48 {
  background: #b11c00
}

.lhc-b-05,
.lhc-b-06,
.lhc-b-11,
.lhc-b-16,
.lhc-b-17,
.lhc-b-21,
.lhc-b-22,
.lhc-b-27,
.lhc-b-28,
.lhc-b-32,
.lhc-b-33,
.lhc-b-38,
.lhc-b-39,
.lhc-b-43,
.lhc-b-44,
.lhc-b-49 {
  background: #4caf50
}

.livelhc-b-01,
.livelhc-b-02,
.livelhc-b-07,
.livelhc-b-08,
.livelhc-b-12,
.livelhc-b-13,
.livelhc-b-18,
.livelhc-b-19,
.livelhc-b-23,
.livelhc-b-24,
.livelhc-b-29,
.livelhc-b-30,
.livelhc-b-34,
.livelhc-b-35,
.livelhc-b-40,
.livelhc-b-45,
.livelhc-b-46 {
  color: #f44336;
  background: #fff;
  border-style: solid;
  border-width: 2px;
  width: 22px;
  line-height: 16px
}

.livelhc-b-03,
.livelhc-b-04,
.livelhc-b-09,
.livelhc-b-10,
.livelhc-b-14,
.livelhc-b-15,
.livelhc-b-20,
.livelhc-b-25,
.livelhc-b-26,
.livelhc-b-31,
.livelhc-b-36,
.livelhc-b-37,
.livelhc-b-41,
.livelhc-b-42,
.livelhc-b-47,
.livelhc-b-48 {
  color: #b11c00;
  background: #fff;
  border-style: solid;
  border-width: 2px;
  width: 22px;
  line-height: 16px
}

.livelhc-b-05,
.livelhc-b-06,
.livelhc-b-11,
.livelhc-b-16,
.livelhc-b-17,
.livelhc-b-21,
.livelhc-b-22,
.livelhc-b-27,
.livelhc-b-28,
.livelhc-b-32,
.livelhc-b-33,
.livelhc-b-38,
.livelhc-b-39,
.livelhc-b-43,
.livelhc-b-44,
.livelhc-b-49 {
  color: #4caf50;
  background: #fff;
  border-style: solid;
  border-width: 2px;
  width: 22px;
  line-height: 16px
}

.lhc01,
.lhc02,
.lhc07,
.lhc08,
.lhc12,
.lhc13,
.lhc18,
.lhc19,
.lhc23,
.lhc24,
.lhc29,
.lhc30,
.lhc34,
.lhc35,
.lhc40,
.lhc45,
.lhc46,
.LHC-redball-small {
  background-position-x: center;
  background-image: url(../../static/media/red-ball.085835e7.png);
  background-repeat: no-repeat
}

.lhc03,
.lhc04,
.lhc09,
.lhc10,
.lhc14,
.lhc15,
.lhc20,
.lhc25,
.lhc26,
.lhc31,
.lhc36,
.lhc37,
.lhc41,
.lhc42,
.lhc47,
.lhc48,
.LHC-blueball-small {
  background-position-x: center;
  background-image: url(../../static/media/blue-ball.96089166.png);
  background-repeat: no-repeat
}

.lhc05,
.lhc06,
.lhc11,
.lhc16,
.lhc17,
.lhc21,
.lhc22,
.lhc27,
.lhc28,
.lhc32,
.lhc33,
.lhc38,
.lhc39,
.lhc43,
.lhc44,
.lhc49,
.LHC-greenball-small {
  background-position-x: center;
  background-image: url(../../static/media/green-ball.080fba51.png);
  background-repeat: no-repeat
}

.lhc-num01,
.lhc-num02,
.lhc-num07,
.lhc-num08,
.lhc-num12,
.lhc-num13,
.lhc-num18,
.lhc-num19,
.lhc-num23,
.lhc-num24,
.lhc-num29,
.lhc-num30,
.lhc-num34,
.lhc-num35,
.lhc-num40,
.lhc-num45,
.lhc-num46 {
  color: #f44336
}

.lhc-num03,
.lhc-num04,
.lhc-num09,
.lhc-num10,
.lhc-num14,
.lhc-num15,
.lhc-num20,
.lhc-num25,
.lhc-num26,
.lhc-num31,
.lhc-num36,
.lhc-num37,
.lhc-num41,
.lhc-num42,
.lhc-num47,
.lhc-num48 {
  color: #b11c00
}

.lhc-num05,
.lhc-num06,
.lhc-num11,
.lhc-num16,
.lhc-num17,
.lhc-num21,
.lhc-num22,
.lhc-num27,
.lhc-num28,
.lhc-num32,
.lhc-num33,
.lhc-num38,
.lhc-num39,
.lhc-num43,
.lhc-num44,
.lhc-num49 {
  color: #4caf50
}

.picker-modal .toolbar+.picker-modal-inner {
  height: calc(100% - 48px)
}

.picker-modal .picker-modal-inner {
  height: 100%;
  position: relative
}

.picker-keypad-buttons {
  color: #000;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  height: 31vh
}

.picker-keypad-button {
  background: #fcfcfd;
  position: relative;
  text-align: center;
  cursor: pointer;
  width: 33.33333333%;
  width: 33.33333%;
  width: 33.3333333333%;
  height: auto;
  max-height: 25%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif;
  border: 1px solid grey;
  border: 1px solid hsla(0, 0%, 50.2%, .3)
}

.picker-keypad-button-number {
  font-size: 28px;
  line-height: 1
}

.picker-keypad-button-letters,
.picker-keypad-button-number {
  display: block;
  width: 100%
}

.picker-keypad-button.picker-keypad-button-dark {
  background: #bcc0c5
}

.picker-keypad .picker-modal-inner:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(92, 94, 96, .35);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

.picker-keypad-button:first-child:before,
.picker-keypad-button:nth-child(2):before,
.picker-keypad-button:nth-child(3):before {
  background-color: transparent
}

i.icon-keypad-delete {
  width: 100%;
  height: 16px;
  background-size: contain !important;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMiAxNic+PHBhdGggZD0nTTE4IDBoLThDOC45IDAgNy45LjUgNy4xIDEuMkwxIDcuMmMtLjQuNS0uNCAxLjIgMCAxLjZsNC45IDQuN0w3IDE0LjZjLjcuOSAxLjggMS40IDMgMS40aDhjMi4yIDAgNC0xLjggNC00VjRjMC0yLjItMS44LTQtNC00em0tLjcgMTEuMmwtLjcuNy0zLjItMy4yLTMuMiAzLjItLjctLjdMMTIuOCA4IDkuNiA0LjhsLjctLjcgMy4yIDMuMiAzLjItMy4yLjcuN0wxNC4yIDhsMy4xIDMuMnonLz48L3N2Zz4=)
}

.bet-record-tab {
  flex: 1 1;
  color: red;
  width: 50%;
  display: inline-block;
  text-align: center;
  line-height: 48px;
  height: 48px
}

.bet-record-tab.active {
  border-bottom: 3px solid #fff
}

.game-right-toggle {
  float: right;
  margin: 0 5px;
  color: #fff;
  line-height: 44px
  
}

.right-toggle-slide {
  position: fixed;
  top: 22px;
  right: 15px;
  background: #fff;
  text-align: center;
  color: #000;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  min-height: 8px;
  z-index: 1056
}

.right-toggle-slide div {
  padding: 0 15px;
  height: 35px;
  background: #fff;
  z-index: 999;
  line-height: 35px;
  font-size: 12px;
  width: 40vw;
  text-align: left
}

.menu-page .mdc-tab-scroller__scroll-area--scroll {
  overflow-y: hidden
}

.menu-page .mdc-tab .mdc-tab-indicator:focus,
.menu-page .mdc-tab button:focus {
  outline: none
}

.disabled,
[disabled] {
  opacity: .55;
  pointer-events: none
}

tr.detailsTr td {
  padding: 0 10px 5px
}

.data-table1 table td,
.data-table1 table th {
  padding: 10px 5px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 400
}

.data-table1 table {
  width: 100%;
  text-align: left;
  border-spacing: 0;
  border-collapse: collapse
}

.data-table1 table thead {
  background: #f4f4f4
}

.more-bet-info {
  font-size: 12px;
  margin-top: 10px;
  text-align: center
}

.data-table1 {
  font-size: 14px
}

.data-table1 .small-text-green {
  background: #6fe26f
}

.data-table1 .small-text-green,
.data-table1 .small-text-red {
  color: #fff !important;
  font-size: 12px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 4px;
  margin-left: 8px
}

.data-table1 .small-text-red {
  background: red
}

.buttonPurse-round {
  text-align: center;
  height: 32px;
  line-height: 32px;
  width: 100%;
  border-width: 1px;
  border-style: solid;
  font-size: 14px
}

.buttonPurse-round.active {
  color: #fff !important;
  border-width: 0
}

.purse-input {
  width: 100%;
  height: 25px;
  margin-top: 3px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: 3px;
  padding-left: 5px
}

.content-block-box {
  display: none
}

.content-block-box.active {
  margin: 5px 0;
  padding: 0 5px 0 0;
  display: block
}

.testluzitu .react-tabs__tab-list {
  border-bottom: none
}

.testluzitu .react-tabs__tab {
  padding: 0 10px;
  font-size: 13px;
  background-color: transparent;
  border: none;
  color: #9b9d9e;
  bottom: 0;
  line-height: 28px
}

.testluzitu .react-tabs__tab--selected {
  border-bottom: 2px solid #1484d9;
  color: #1484d9
}

.testluzitu .react-tabs__tab:focus {
  border-bottom: 2px solid #1484d9;
  box-shadow: none
}

.testluzitu .react-tabs__tab:focus:after {
  height: 0
}

.dropbtn {
  background-color: #fff;
  width: 100px;
  height: 25px;
  color: #000;
  font-size: 14px;
  border: 2px solid #dcdcdc;
  border-radius: 5px;
  cursor: pointer;
  padding-top: 5px;
  padding-left: 5px
}

.dropdown {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  z-index: 99
}

.dropdown:before {
  content: "▼";
  color: #000;
  right: 14px;
  text-align: center;
  top: -2px;
  height: 30px;
  padding: 10px 0 0 8px;
  position: absolute;
  pointer-events: none
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 110px;
  width: -webkit-max-content;
  width: max-content;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 2;
  max-height: 400px
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  z-index: 2
}

.dropdown a:hover {
  background-color: #dcdcdc
}

.show {
  display: inline
}

.award-list {
  height: calc(100vh - 134px);
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  position: absolute;
  z-index: 3;
  background-color: #fff;
  z-index: 1057
}

.loadingSpinner {
  fill: #fff;
  width: 15%;
  background-color: transparent;
  border-radius: 14%;
  position: fixed;
  top: 44%;
  opacity: .8;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all .5s;
  padding: 5px
}

.checkboxStyle {
  display: none
}

.checkboxStyle.active {
  margin-top: -3px;
  display: inline-block
}

.award-list table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  color: #666;
  line-height: 32px
}

.award-list table thead {
  background: #dfdfdf;
  font-size: 13px
}

.award-list table>tbody>tr:nth-of-type(2n) {
  background-color: #f4f4f4
}

.award-list table td {
  padding: 0
}

.award-lhc {
  margin-top: -3px
}

.award-lhc .award-list-num,
.award-lhc .award-list-text {
  line-height: 1;
  font-size: 12px
}

.award-list-title {
  text-align: center
}

.award-list-num {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.award-lhc .award-list-num b,
.award-lhc .award-list-text span {
  display: inline-block;
  width: 12.5%;
  float: left;
  margin: 3px
}

.award-lhc .award-list-num b span:not([class^=sx-], [class*=" sx-"]) {
  text-align: center;
  width: 100%
}

.award-lhc .fifth-col {
  width: 25% !important
}

.fifth-pic {
  text-align: left
}

.award-50 {
  width: 50% !important
}

.award-period-no {
  position: relative;
  width: 10px
}

.award-period-no:before {
  left: 5px;
  top: 0;
  width: 1px;
  height: 2.25em
}

.award-period-no:after,
.award-period-no:before {
  position: absolute;
  display: block;
  content: "";
  background: #dfdfdf
}

.award-period-no:after {
  left: 0;
  width: 10px;
  height: 1px;
  margin-top: 1.2em;
  bottom: 50%
}

.landingBg {
  background-image: url(../../static/media/page-load.248107ca.png);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1.0000000000000003e+25
}

.betTable:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .12);
  display: block;
  z-index: 1;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

.ping {
  font-size: 14px
}

.trend-page .react-tabs__tab-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: auto
}

.trend-page .react-tabs__tab {
  border-radius: 0;
  line-height: 42px;
  text-align: center;
  width: 110px;
  -webkit-box-flex: 0;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  -ms-flex: 0
}

.trend-page .react-tabs__tab--selected {
  font-weight: 700
}

.trend-page .table thead th {
  background-color: #fff;
  padding: 4px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  min-width: 28px;
  height: 48px;
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif
}

.trend-page thead tr:first-child th:first-child {
  height: 40px
}

.trend-page tbody tr td:first-child,
.trend-page thead tr:first-child th:first-child {
  position: -webkit-sticky;
  position: sticky;
  z-index: 999;
  left: 0
}

.trend-page tbody tr td {
  padding: 4px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #fff;
  min-width: 28px
}

.trend-page .lhc-num {
  border-radius: 50px;
  margin: auto;
  height: 18px;
  color: #fff;
  line-height: 18px;
  display: block;
  width: 18px
}

.game-popup-overlay {
  z-index: 99991;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, .4)
}

.game-alert-overlay {
  z-index: 9999;
  top: 0
}

.game-popup-container-live {
  max-height: 60vh
}

.game-popup-container,
.game-popup-container-live {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99992;
  padding: 0 40px;
  width: 100%
}

.game-popup-container {
  max-height: 80vh
}

.game-alert-container {
  z-index: 99994;
  width: 100%;
  max-width: 360px;
  position: fixed
}

.game-popup {
  background: #fff;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  font-family: Roboto, helvetica neue, Arial, sans-serif;
  font-size: 14px;
  max-width: 300px;
  margin: auto;
  overflow-y: scroll;
  max-height: 80vh;
  -webkit-overflow-scrolling: touch
}

.game-alert {
  border-radius: 3px;
  padding: 24px
}

.game-popup .apv-title {
  font-size: 16px;
  color: #f44336;
  margin-bottom: 10px
}

.game-alert .apv-title {
  font-size: 20px;
  text-align: left
}

.game-popup p {
  color: #999;
  margin: 5px 0 0;
  font-family: Roboto, helvetica neue, Arial, sans-serif
}

.game-alert p {
  font-size: 16px;
  text-align: left;
  margin-top: 20px;
  line-height: 1.5;
  color: #b11c00
}

.game-popup .apv-sure {
  margin-top: 20px;
  color: #fff;
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 29px;
  border-radius: 5px;
  font-size: 14px
}

.modal-backdrop.show {
  opacity: 0
}

.modal-header {
  border-bottom: 0
}

.modal-footer {
  border-top: 0
}

.alert-top .bet-title1 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  padding-bottom: 20px;
  width: 100%;
  border-bottom: none
}

.alert-top .bet-title2 {
  font-size: 16px;
  color: var(--theme-color);
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid #dfdfda;
  margin-bottom: 20px
}

.alert-top .issueTitle {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px
}

.alert-top .issueTitle span:first-child {
  color: #000
}

.alert-top .issueTitle span:nth-child(2) {
  color: red
}

.alert-top .bet-Style {
  font-size: 12px;
  display: flex;
  margin: auto auto 10px;
  text-align: left
}

.bet-wrap {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

.alert-top .bet-Style .title {
  color: #999;
  width: 80px;
  text-align: left
}

.alert-top .bet-Style .content {
  color: #000;
  width: calc(100% - 80px);
  text-align: left;
  word-break: break-all
}

.alert-top .bet-totle {
  font-size: 16px;
  color: #000;
  text-align: center
}

.pd-0 {
  padding: 0 !important
}

.pd-20 {
  padding: 20px !important
}

.pd-0 .apv-sure {
  margin-bottom: 20px
}

.width100 {
  width: 100% !important
}

.classic-bet-now .title {
  padding: 8px 0;
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #e5e5e5
}

.ball-line {
  display: flex;
  background: #fff;
  border-radius: 6px;
  margin: 3px 1px 7px;
  padding: 0 6px;
  height: 27px;
  line-height: 27px
}

.first-sel {
  border-left: 1px solid var(--theme-color);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.last-sel {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.isCheckBtn-false {
  color: #dc3b40;
  background-color: #fff;
  border: 1px solid #fff
}

.isCheckBtn-false,
.isCheckBtn-true {
  flex: 1 1;
  text-align: center;
  padding: 0 5px;
  font-weight: 700
}

.isCheckBtn-true {
  color: #fff;
  background-color: #dc3b40;
  border: 1px solid #dc3b40
}

#prize-winning-bg-view {
  font-size: 0;
  white-space: nowrap;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 180px
}

#prize-winning-bg-view .prize-winning-view {
  display: inline-flex;
  position: relative;
  width: 100vw
}

#prize-winning-bg-view .prize-content {
  margin-top: 45px;
  margin-left: 26px;
  margin-right: 30px;
  padding: 5px 30px 5px 70px;
  width: 100%;
  background-color: #dc3d3d;
  background: linear-gradient(0deg, #d53535, #f05252);
  border-radius: 120px;
  box-shadow: 5px 0 5px #ce8787;
  color: #fff
}

#prize-winning-bg-view .prize-head {
  position: absolute;
  top: 0;
  width: 110px;
  height: 110px
}

#prize-winning-bg-view .prize-footer {
  position: absolute;
  right: 0;
  top: 40px;
  width: 80px
}

#prize-winning-bg-view .prize-no {
  white-space: nowrap;
  font-size: 14px;
  margin: 0;
  text-align: left
}

#prize-winning-bg-view .prize-no .no-num {
  color: #0ff
}

#prize-winning-bg-view .prize-price {
  font-size: 14px;
  margin: 5px 0 0;
  text-align: left
}

#prize-winning-bg-view .prize-price .price {
  color: #f9e00b
}

#prize-winning-bg-view .close-btn {
  position: absolute;
  right: 0;
  top: 15px;
  width: 24px
}

.side-nav-icon {
  position: absolute;
  right: 15px;
  font-size: 24px;
  color: #c5c5c7
}

.cr-sidebar:after,
.cr-sidebar:before {
  background-color: transparent !important
}

* {
  font-family: Roboto, Noto, Helvetica, Arial, sans-serif
}

.table {
  margin-bottom: 0
}

.center-toggle-title {
  border: 1px solid hsla(0, 0%, 100%, .5);
  font-size: 12px;
  border-radius: 4px
}

.center-toggle-title,
.right-toggle-title {
  background-color: transparent;
  color: #fff;
  line-height: 23px
}

.right-toggle-title {
  border: none;
  font-size: 14px;
  border-radius: 4px;
  outline: none;
  padding: 0
}

@media screen and (max-width: 380px) {
  .center-toggle-title {
    font-size: 11px;
    padding: 0
  }

  .right-toggle-title {
    font-size: 13px
  }
}

@media screen and (max-width: 350px) {
  .center-toggle-title {
    font-size: 12px;
    padding: 0
  }

  .right-toggle-title {
    font-size: 12px
  }

  .kw3-list .square .tip {
    font-size: 10px
  }
}

@font-face {
  font-family: shengxiao;
  src: url(../../static/media/shengxiao.fa33131e.eot);
  src: url(../../static/media/shengxiao.fa33131e.eot) format("embedded-opentype"), url(../../static/media/shengxiao.f313c29d.ttf) format("truetype"), url(../../static/media/shengxiao.45798cbb.woff) format("woff"), url(../../static/media/shengxiao.864241e1.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" sx-"],
[class^=sx-] {
  font-family: shengxiao !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 20px;
  display: block;
  margin-top: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.sx-sheep:before,
.sx-羊:before {
  content: ""
}

.sx-cow:before,
.sx-牛:before {
  content: ""
}

.sx-horse:before,
.sx-马:before {
  content: ""
}

.sx-dragon:before,
.sx-龙:before {
  content: ""
}

.sx-snake:before,
.sx-蛇:before {
  content: ""
}

.sx-monkey:before,
.sx-猴:before {
  content: ""
}

.sx-tiger:before,
.sx-虎:before {
  content: ""
}

.sx-rabbit:before,
.sx-兔:before {
  content: ""
}

.sx-hen:before,
.sx-鸡:before {
  content: ""
}

.sx-dog:before,
.sx-狗:before {
  content: ""
}

.sx-pig:before,
.sx-猪:before {
  content: ""
}

.sx-rat:before,
.sx-鼠:before {
  content: ""
}

.loading-popup-overlay {
  z-index: 99991;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: "transparent"
}

.toolbar {
  left: 0;
  height: 48px;
  font-size: 14px
}

.toolbar a.link {
  line-height: 48px;
  height: 48px
}

.toolbar a {
  -webkit-box-flex: 1;
  flex-shrink: 1;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis
}

.tabbar {
  z-index: 5001;
  overflow: hidden;
  bottom: auto;
  top: 0
}

.tabbar a.link {
  line-height: 1.4
}

.tabbar i.icon {
  height: 24px
}

.tabbar a.tab-link {
  transition-duration: .3s;
  overflow: hidden;
  color: hsla(0, 0%, 100%, .7);
  position: relative;
  color: #999;
  background-color: #fff;
  border-bottom: 2px solid #ececec
}

.tabbar a.tab-link.active,
.tabbar a.tab-link.active-state,
html:not(.watch-active-state) .tabbar a.tab-link:active {
  color: #6c757d
}

.tabbar .tab-link-highlight {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: var(--theme-color);
  transition-duration: .3s
}

.tabbar-labels {
  height: 72px
}

.tabbar-labels span.tabbar-label {
  margin: 10px 0 0
}

.tabbar-scrollable .toolbar-inner {
  justify-content: flex-start;
  overflow: auto
}

.tabbar-scrollable .toolbar-inner::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  opacity: 0 !important
}

.tabbar-scrollable a.link,
.tabbar-scrollable a.tab-link {
  width: auto;
  -webkit-box-flex: 0;
  flex-shrink: 0;
  padding: 0 16px
}

.toolbar-bottom {
  bottom: 0;
  top: auto
}

.toolbar-bottom .tab-link-highlight {
  bottom: auto;
  top: 0
}

.empty {
  text-align: center;
  padding: 50px 0;
  font-size: 20px;
  color: #000;
  line-height: 1;
  background-color: #f4f4f4
}

.empty i {
  font-size: 110px
}

.list-block .item-content {
  box-sizing: border-box;
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 15px
}

.list-block .item-subtitle {
  font-size: 14px;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis
}

.list-block .item-subtitle-align-left {
  flex: auto;
  padding-left: 15px
}

.list-block .item-text {
  font-size: 14px;
  color: #757575;
  line-height: 20px;
  position: relative;
  overflow: hidden;
  max-height: 40px;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box
}

.list-block.media-list .item-inner,
.list-block li.media-item .item-inner {
  display: block;
  padding-top: 14px;
  padding-bottom: 14px;
  align-self: stretch
}

.list-block.media-list .item-link .item-inner,
.list-block li.media-item .item-link .item-inner {
  background: 0 0;
  padding-right: 16px
}

.list-block.media-list .item-link .item-title-row,
.list-block li.media-item .item-link .item-title-row {
  padding-right: 26px;
  background: no-repeat 100% 0;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgNjAgMTIwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J002MCA2MS41TDIxLjc1IDk5Ljc1IDEyIDkwbDI5LjI1LTI4LjVMMTIgMzNsOS43NS05Ljc1eicgZmlsbD0nI2M3YzdjYycvPjwvc3ZnPg==);
  background-size: 10px 20px
}

.list-block.media-list .item-media,
.list-block li.media-item .item-media {
  padding-top: 14px;
  padding-bottom: 14px;
  align-self: flex-start
}

.list-block.media-list .item-media img,
.list-block li.media-item .item-media img {
  display: block
}

.list-block.media-list .item-title-row,
.list-block li.media-item .item-title-row {
  display: flex;
  justify-content: space-between
}

.list-block.media-list .item-content>.item-after,
.list-block li.media-item .item-content>.item-after {
  padding-top: 14px;
  padding-bottom: 14px;
  align-self: flex-start
}

.msg-view-sub {
  display: flex;
  height: 22px
}

.msg-view-sub .item-subtitle {
  flex: 1 1
}

.msg-view-sub .select-img {
  background: red
}

.article {
  overflow: hidden;
  font-size: 17px;
  margin: 0 15px 20px
}

.article,
.article p {
  word-wrap: break-word;
  text-align: justify;
  color: #505050;
  line-height: 1.647
}

.article p {
  margin: 0 0 20px;
  padding: 0
}

.article img {
  width: auto;
  max-width: 100%;
  display: block;
  margin: 4px auto;
  transition: opacity .2s ease;
  opacity: 1
}

.article_header {
  display: block;
  margin: 24px 15px;
  padding: 0
}

.article_header .h1,
.article_header h1 {
  display: block;
  font-size: 22px;
  font-weight: bolder;
  padding-bottom: 15px;
  line-height: 1.3;
  margin: 0;
  color: #000
}

.subtitle {
  position: relative;
  color: #505050
}

.subtitle,
.subtitle time {
  font-size: 11px;
  line-height: 1
}

.subtitle time {
  display: inline-block;
  color: inherit;
  height: auto;
  padding-left: 6px
}

i.icon.icon-plus {
  width: 24px;
  height: 24px;
  font-size: 0;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPScjRkZGJyBoZWlnaHQ9JzI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE5IDEzaC02djZoLTJ2LTZINXYtMmg2VjVoMnY2aDZ2MnonLz48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PC9zdmc+)
}

.material-icons {
  font-family: material icons;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga"
}

.material-icons img {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  vertical-align: inherit
}

.list-block textarea {
  resize: none;
  line-height: 1.4;
  padding-top: 8px;
  padding-bottom: 7px;
  height: 100px
}

.list-block textarea.resizable {
  height: 36px
}

.list-block .input-item .item-inner:after,
.list-block .input-item ul:after,
.list-block.inputs-list .item-inner:after,
.list-block.inputs-list ul:after {
  display: none
}

.list-block .input-item .floating-label,
.list-block .input-item .label,
.list-block.inputs-list .floating-label,
.list-block.inputs-list .label {
  width: 100%;
  font-size: 12px
}

.list-block .input-item .floating-label,
.list-block.inputs-list .floating-label {
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scale(1.33333333) translateY(21px);
  transform: scale(1.33333333) translateY(21px);
  color: rgba(0, 0, 0, .35);
  width: auto;
  max-width: 75%
}

.item-input input::-webkit-input-placeholder {
  color: #999
}

.list-block .item-title {
  min-width: 0;
  -webkit-box-flex: 1;
  flex-shrink: 1;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 14px !important
}

.list-block .item-after {
  white-space: nowrap;
  color: #757575;
  -webkit-box-flex: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  display: flex;
  max-height: 200px;
  font-size: 14px
}

.list-block .item-after-align-left {
  flex: auto;
  padding-left: 15px
}

.list-block .focus-state .floating-label,
.list-block .not-empty-state .floating-label {
  color: rgba(0, 0, 0, .65);
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0)
}

.list-block .focus-state .floating-label,
.list-block .focus-state .label {
  color: red
}

.input-field,
.item-input-field {
  position: relative
}

.input-field:after,
.item-input-field:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #fff;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-duration: .2s
}

.focus-state .input-field:after,
.focus-state .item-input-field:after,
.input-field.focus-state:after,
.input-field.not-empty-state:after,
.item-input-field.focus-state:after,
.item-input-field.not-empty-state:after,
.not-empty-state .input-field:after,
.not-empty-state .item-input-field:after {
  background: red;
  -webkit-transform: scaleY(2) !important;
  transform: scaleY(2) !important
}

.list-block .align-top,
.list-block .align-top .item-content,
.list-block .align-top .item-inner {
  align-items: flex-start
}

.messages-content {
  background: #eee
}

.messages {
  display: flex;
  flex-direction: column
}

.messages-date {
  text-align: center;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  margin: 10px 15px
}

.messages-date span {
  font-weight: 400
}

.message {
  box-sizing: border-box;
  margin: 0 8px 8px;
  max-width: 80%;
  display: flex;
  flex-direction: column
}

.message:first-child {
  margin-top: 8px
}

.message.message-pic img {
  display: block
}

.message-date,
.message-label,
.message-name,
.messages-date {
  color: rgba(0, 0, 0, .51)
}

.message-name {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 2px;
  margin-top: 7px
}

.message-hide-name .message-name {
  display: none
}

.message-label {
  font-size: 12px;
  line-height: 1;
  margin-top: 4px
}

.message-hide-label .message-label {
  display: none
}

.message-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  margin-top: -48px;
  position: relative;
  top: 1px;
  background-size: cover;
  opacity: 1;
  transition-duration: .4s
}

.message-hide-avatar .message-avatar {
  opacity: 0
}

.message-text {
  box-sizing: border-box;
  border-radius: 2px;
  padding: 6px 8px;
  min-width: 48px;
  font-size: 16px;
  line-height: 1.2;
  word-break: break-word;
  color: #333;
  min-height: 48px;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.message-text img {
  max-width: 100%;
  height: auto
}

.message-pic .message-text {
  padding: 8px
}

.message-date {
  font-size: 12px;
  margin-top: 4px
}

.message-pic img+.message-date {
  margin-top: 8px
}

.message-sent {
  align-self: flex-end;
  align-items: flex-end
}

.message-sent .message-label,
.message-sent .message-name {
  margin-right: 8px
}

.message-sent .message-text {
  background-color: #a0e759;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.4;
  min-height: 40px;
  padding: 10px 12px
}

.message-sent .message-text:after {
  position: absolute;
  content: "";
  border-left: 0 solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #a0e759;
  left: 100%;
  top: 8px;
  width: 0;
  height: 0
}

.message-sent .message-text:before {
  position: absolute;
  content: "";
  border-color: #a0e759 transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 0;
  left: 100%;
  top: 14px;
  width: 0;
  height: 0
}

.message-sent.message-with-avatar .message-label,
.message-sent.message-with-avatar .message-name,
.message-sent.message-with-avatar .message-text {
  margin-right: 56px
}

.message-received {
  align-self: flex-start;
  align-items: flex-start
}

.message-received .message-text {
  background-color: #fff;
  border-radius: 2px 2px 2px 0;
  margin-left: 8px
}

.message-received .message-text:before {
  position: absolute;
  content: "";
  border-left: 8px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 8px solid #fff;
  right: 100%;
  bottom: 0;
  width: 0;
  height: 0
}

.message-received .message-label,
.message-received .message-name {
  margin-left: 8px
}

.message-received.message-with-avatar .message-label,
.message-received.message-with-avatar .message-name,
.message-received.message-with-avatar .message-text {
  margin-left: 56px
}

.message-appear-from-bottom {
  -webkit-animation: messageAppearFromBottom .4s;
  animation: messageAppearFromBottom .4s
}

.message-appear-from-top {
  -webkit-animation: messageAppearFromTop .4s;
  animation: messageAppearFromTop .4s
}

@-webkit-keyframes messageAppearFromBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0)
  }

  to {
    -webkit-transform: translateZ(0)
  }
}

@keyframes messageAppearFromBottom {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@-webkit-keyframes messageAppearFromTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translateZ(0)
  }
}

@keyframes messageAppearFromTop {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.content-block-title .more {
  float: right
}

.content-block-title-index {
  padding: 14px 16px;
  background: #fff;
  margin: 10px 0 0;
  border-bottom: 1px solid #ececec;
  text-align: center;
  font-size: 18px;
  color: #f44336
}

.content-block-title-index .more {
  color: rgba(0, 0, 0, .54);
  position: absolute;
  right: 10px;
  font-size: 13px
}

.content-block-title-img {
  margin: 0;
  padding: 0 0 10px;
  line-height: 0
}

.content-block-title-img img {
  width: 100%
}

.list-block .item-link,
.list-block .list-button {
  transition-duration: .3s;
  display: block;
  color: inherit;
  position: relative;
  overflow: hidden;
  z-index: 0
}

.list-block .item-link .item-inner,
.list-block .list-button .item-inner {
  padding-right: 42px;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PScwIDAgNjAgMTIwJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J002MCA2MS41TDIxLjc1IDk5Ljc1IDEyIDkwbDI5LjI1LTI4LjVMMTIgMzNsOS43NS05Ljc1eicgZmlsbD0nI2M3YzdjYycvPjwvc3ZnPg==);
  background-size: 10px 20px;
  background-repeat: no-repeat;
  background-position: 95%;
  background-position: calc(100% - 16px) 50%
}

.list-block .autocomplete-opener .item-after,
.list-block .smart-select .item-after {
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: block
}

.content-block-box .list-block.inputs-list .label {
  font-size: 12px
}

.content-block-box .list-block .item-content {
  padding-left: 10px
}

.content-block-box .list-block .item-inner {
  padding-right: 0
}

.list-block .item-inner {
  padding-right: 16px;
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch
}

.item-code {
  position: relative
}

.slidemeup {
  position: absolute;
  bottom: calc(-40% + var(--safe-bottom));
  width: 100%;
  left: 0;
  -webkit-animation-name: slideup;
  animation-name: slideup;
  -webkit-animation-delay: .01s;
  animation-delay: .01s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes slideup {
  0% {
    bottom: calc(-40% + var(--safe-bottom))
  }

  to {
    bottom: calc(var(--safe-bottom))
  }
}

@keyframes slideup {
  0% {
    bottom: calc(-40% + var(--safe-bottom))
  }

  to {
    bottom: calc(var(--safe-bottom))
  }
}

.slidemedown {
  position: absolute;
  bottom: calc(40% + var(--safe-bottom));
  width: 100%;
  left: 0;
  -webkit-animation-name: slidedown;
  animation-name: slidedown;
  -webkit-animation-delay: .01s;
  animation-delay: .01s;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out
}

@-webkit-keyframes slidedown {
  0% {
    bottom: calc(var(--safe-bottom))
  }

  to {
    bottom: calc(-40% + var(--safe-bottom))
  }
}

@keyframes slidedown {
  0% {
    bottom: calc(var(--safe-bottom))
  }

  to {
    bottom: calc(-40% + var(--safe-bottom))
  }
}

.form-radio i,
label.label-radio i.icon-form-radio {
  width: 20px;
  height: 20px;
  position: relative;
  border-radius: 20px;
  border: 2px solid #6d6d6d;
  box-sizing: border-box;
  transition-duration: .3s;
  display: block
}

.form-radio i:after,
label.label-radio i.icon-form-radio:after {
  content: " ";
  position: absolute;
  width: 10px;
  height: 10px;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  background-color: var(--theme-color);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition-duration: .3s
}

.form-radio input[type=radio]:checked~i,
label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: var(--theme-color)
}

.form-radio input[type=radio]:checked~i:after,
label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: var(--theme-color);
  -webkit-transform: scale(1);
  transform: scale(1)
}

label.label-checkbox,
label.label-radio {
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition-duration: .3s
}

.form-radio input[type=checkbox],
.form-radio input[type=radio],
label.label-radio input[type=checkbox],
label.label-radio input[type=radio] {
  display: none
}

.langBtnActive {
  padding: 10px;
  color: #fff;
  background: var(--theme-color);
  border: 0
}

.langBtn {
  padding: 10px;
  color: grey;
  background: #fff;
  border: 0
}

.toggle-switch {
  position: relative;
  width: 75px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left
}

.toggle-switch-checkbox {
  display: none
}

.toggle-switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 20px;
  margin: 0
}

.toggle-switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin .3s ease-in 0s
}

.toggle-switch-inner:after,
.toggle-switch-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box
}

.toggle-switch-inner:before {
  content: attr(data-on);
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 19px;
  color: #fff
}

.toggle-switch-disabled,
.toggle-switch-disabled:before {
  background-color: #000;
  cursor: not-allowed
}

.toggle-switch-inner:after {
  content: attr(data-off);
  font-size: 10px;
  text-transform: uppercase;
  padding-right: 19px;
  background-color: #000;
  color: #fff;
  text-align: right
}

.toggle-switch-switch {
  display: block;
  width: 24px;
  margin: 5px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 0 solid #000;
  border-radius: 20px;
  transition: all .3s ease-in 0s
}

.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner {
  margin-left: 0
}

.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch {
  right: 0
}

.toggle-switch2 {
  position: relative;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left
}

.toggle-switch2-checkbox {
  display: none
}

.toggle-switch2-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 20px;
  margin: 0
}

.toggle-switch2-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin .3s ease-in 0s
}

.toggle-switch2-inner:after,
.toggle-switch2-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box
}

.toggle-switch2-inner:before {
  content: attr(data-before);
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 12px;
  color: #fff
}

.toggle-switch2-disabled,
.toggle-switch2-disabled:before {
  background-color: #000;
  cursor: not-allowed
}

.toggle-switch2-inner:after {
  content: attr(data-after);
  font-size: 10px;
  text-transform: uppercase;
  padding-right: 13px;
  background-color: #000;
  color: #fff;
  text-align: right
}

.toggle-switch2-switch {
  display: block;
  width: 17px;
  margin: 8px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  border: 0 solid #000;
  border-radius: 20px;
  transition: all .3s ease-in 0s
}

.toggle-switch2-checkbox:checked+.toggle-switch2-label .toggle-switch2-inner {
  margin-left: 0
}

.toggle-switch2-checkbox:checked+.toggle-switch2-label .toggle-switch2-switch {
  right: 0
}

.toggle-switch3-checkbox {
  display: none
}

.toggle-switch3-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 20px;
  margin: 0
}

.toggle-switch3-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin .3s ease-in 0s
}

.toggle-switch3-inner:after,
.toggle-switch3-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box
}

.toggle-switch3-inner:before {
  content: attr(data-before);
  font-size: 10px;
  text-transform: uppercase;
  padding-left: 12px;
  color: #fff
}

.toggle-switch3-disabled,
.toggle-switch3-disabled:before {
  background-color: #000;
  cursor: not-allowed
}

.toggle-switch3-inner:after {
  content: attr(data-after);
  font-size: 10px;
  text-transform: uppercase;
  padding-right: 13px;
  background-color: #000;
  color: #fff;
  text-align: right
}

.toggle-switch3-switch {
  display: block;
  width: 17px;
  margin: 8px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 68px;
  border: 0 solid #000;
  border-radius: 20px;
  transition: all .3s ease-in 0s
}

.toggle-switch3-checkbox:checked+.toggle-switch3-label .toggle-switch3-inner {
  margin-left: 0
}

.toggle-switch3-checkbox:checked+.toggle-switch3-label .toggle-switch3-switch {
  right: 0
}

.container2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none
}

.container2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.container2 input:checked~.checkmark:after {
  display: block
}

.container2 .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff
}

.backgroundd {
  width: 100px;
  height: 50px;
  padding: 0;
  margin: 0
}

.linee {
  width: 185px;
  height: 45px;
  border-bottom: 1px solid #ddd;
  -webkit-transform: translateY(-20px) translateX(5px) rotate(10deg);
  transform: translateY(-20px) translateX(5px) rotate(10deg)
}

.backgroundd>div {
  position: relative;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0
}

.adjust-up .modal-content {
  margin-bottom: 200px
}

.menu-page .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  height: 3px
}

.resultPageStyle .bet-list div[class*=col-].active i:not(.LHC-ball-small),
.resultPageStyle .bet-list div[class*=col-].active span {
  color: #fff !important
}

.resultPageStyle .bet-list div[class*=col-].activeYSC i:not(.LHC-ball-small),
.resultPageStyle .bet-list div[class*=col-].activeYSC span {
  color: #000 !important;
  font-weight: 700
}

.bet-list-live div[class*=col-].liveActive.active i:not(.LHC-ball-small),
.bet-list-live div[class*=col-].liveActive.active span {
  color: #fff !important
}

.bet-list-live div[class*=col-].liveActive.activeYSC i:not(.LHC-ball-small),
.bet-list-live div[class*=col-].liveActive.activeYSC span {
  color: #000 !important;
  font-weight: 700
}

.game-nav2 {
  padding: 0;
  background: #fff;
  height: 60px;
  margin-bottom: 0;
  border-bottom: 1.5px solid #f4f4f4
}

.game-nav2 .react-tabs__tab:focus {
  box-shadow: none;
  border-color: var(--theme-color)
}

.game-nav2 .react-tabs__tab {
  color: #212121;
  font-size: 12px;
  padding: 0 8px;
  border: 0;
  margin: 0 6px
}

.react-tabs__tab:focus:after {
  background: 0 0 !important
}

.game-tab {
  opacity: .5
}

.game-nav2 .react-tabs__tab--selected {
  color: var(--theme-color);
  border-bottom: 2px solid var(--theme-color);
  bottom: 1px
}

.game-nav2 .react-tabs__tab--selected .game-tab {
  opacity: 1
}

.trend-page .game-nav2 {
  padding: 0;
  background: #fff;
  height: 50px;
  margin-bottom: 0;
  white-space: nowrap;
  border: none;
  overflow-y: hidden
}

.ball-title span:not(.active),
.bet-details-header,
.bet-modal,
.cr-content .betting-settlement,
.lotteryCart,
.menu-page .mdc-tab-indicator>.mdc-tab-indicator__content--underline,
.toggle-switch2-inner:before,
.toggle-switch-inner:before,
input:checked~.checkmark {
  background: linear-gradient(to bottom, #b11c00, #b11c00) !important
}

.game-nav {
     background: linear-gradient(to bottom, #b11c00, #b11c00) !important
}

.red-ball, {
     background: linear-gradient(to bottom, #b11c00, #b11c00) !important
}

.isCheckBtn-true,
.kw3-list .square.active,
.resultPageStyle .bet-list div[class*=col-].active,
.resultPageStyle .bet-list div[class*=col-].activeYSC,
.resultPageStyle .game-container .ball.active {
  background-color: var(--theme-color) !important;
  border: 1px solid var(--theme-color) !important
}

.red-ball-em,
.resultStyle ul li button.active {
  color: var(--theme-color);
  border: 1px solid var(--theme-color)
}

.custom-modal-txt>button {
  color: var(--theme-color) !important
}

.trend-num-row {
  display: flex
}

.trend-pic-row {
  display: inline-block;
  width: 80px
}

.trend-red-ball {
  padding: 0;
  display: inline-block;
  background-color: #b11c00;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  color: #fff;
  line-height: 18px;
  border: 0;
  margin: 0 2px
}

.lottery-method {
  margin: 9px 0;
  height: 41px !important
}

.colc-5 {
  width: 41.666%;
  float: left
}

.colc-8 {
  width: 80%;
  float: left
}

.colc-2 {
  width: 16.666%;
  float: left
}

.text-break {
  white-space: break-spaces;
  text-align: right
}

.grey-btn {
  background-color: #9e9e9e !important
}

.open-left-row,
.open-left-row-en {
  border-right: 1px solid #dfdfdf;
  color: #000;
  height: 50px;
  text-align: center;
  margin: 5px 0
}

.open-left-row-en.LHC {
  height: 65px
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  display: none
}

::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
  height: 30px;
  background-color: transparent
}

::-webkit-scrollbar-track-piece {
  background-color: #3b3b3b;
  -webkit-border-radius: 16px
}

::-webkit-scrollbar-thumb:vertical {
  height: 50px;
  background-color: #666;
  border: 1px solid #eee;
  -webkit-border-radius: 6px
}

.rel {
  position: relative
}

.abs {
  position: absolute
}

.back-img {
  width: 85%;
  padding-top: 85%;
  background-size: 100%
}

.roulette-background {
  background: url(../../static/media/background.1ae6290d.png) no-repeat
}

.sound-btn {
  left: 0;
  z-index: 999
}

.lot-desc,
.sound-btn {
  top: 0;
  bottom: 0;
  right: 0
}

.lot-desc {
  left: -10%;
  width: 85%;
  height: 85%;
  background: url(../../static/media/c2.8c6d3b04.gif) no-repeat;
  background-size: 100%;
  margin: auto
}

.lot-btn {
  top: 50%;
  left: 50%;
  margin-left: -15%;
  margin-top: -14%;
  width: 20%;
  height: 25%;
  background: url(../../static/media/c3.338a75c6.png) no-repeat;
  background-size: 100% 100%
}

.lot-heart {
  top: 50%;
  left: 50%;
  margin-left: -10%;
  margin-top: -4%;
  width: 10%;
  height: 10%;
  background: url(../../static/media/c4.f5c98c33.gif) no-repeat;
  background-size: 100% 100%
}

.lct-award-num {
  width: 30px;
  height: 30px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  background-size: 30px;
  border: 1px solid #000;
  vertical-align: top
}

.game-girl {
  top: 10%;
  bottom: 0;
  left: 48%;
  right: 0
}

.game-container-zhonghe {
  width: 100%;
  overflow: scroll;
  background: #fff
}

.lottery-method-zhonghe {
  background: #fff
}

.zongHeNextBtn {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--theme-color) !important;
  height: 40px;
  color: #fff;
  opacity: 1
}

.zongHeNextBtn:disabled {
  background-color: #000;
  color: #fff;
  pointer-events: auto
}

.zongHeGameList {
  width: calc(50% - 10px);
  position: relative;
  padding: 10px 0 10px 5px;
  border: 2px solid #f3f3f3;
  margin: 5px;
  height: -webkit-max-content;
  height: max-content;
  border-radius: 5px
}

.zongHeGameList.active {
  border: 1px solid var(--theme-color)
}

.zongHeGameListEmpty {
  width: calc(100% - 10px);
  position: relative;
  padding: 20px 0 10px 5px;
  border: 2px solid #f3f3f3;
  margin: 5px;
  height: 75px;
  text-align: center;
  background: #f3f3f3
}

.zongHeOdds {
  margin-left: 5px;
  color: #848484;
  margin-bottom: 3px
}

.oddsstyle {
  border: 1px solid #bfbfbf;
  border-radius: 3px
}

.oddsstyle td {
  border: 1px solid #bfbfbf
}

.red-ball-small-header-s {
  display: inline-block;
  background: #f44336;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 14px;
  text-align: center;
  line-height: 18px;
  font-style: normal;
  margin: 4px 1px 0 0;
  font-size: 14px
}

.cr-content,
.cr-page {
  min-height: auto
}

.select-box {
  height: 30px;
  text-align-last: center;
  width: auto;
  font-size: 14px;
  border: 1px solid #6a82fb;
  border-radius: .2rem;
  background: #fff
}

.bhdLno {
  margin-bottom: -35px;
  max-width: 100% !important;
  margin-top: -40px;
  max-height: 100% !important
}

.promotion-roulette-wheel-container {
  background-image: url(../../static/media/bgPromtionRoulette.5a2cc3ec.png);
  background-size: 100% 100%
}

.promotion-roulette-wheel-container .hmocIu {
  width: 62%;
  height: 62%
}

.promotion-roulette-wheel-container .gTLZXx {
  right: 13% !important;
  top: 13% !important
}

.wheelBtn {
  background-color: #ff0;
  border-radius: 7px;
  padding: 10px 30px;
  margin-bottom: 35px
}

.promotionPointRoulette {
  padding-top: 25px
}

.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track {
  background-color: var(--theme-color) !important
}

.Mui-checked .MuiIconButton-label {
  color: var(--theme-color)
}

.action-content {
  margin-top: 15px;
  padding: 0 16px;
  box-sizing: border-box;
  height: auto
}

.action-row {
  margin-top: 1em;
  align-self: center;
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0
}

.action-cancel,
.action-confirm {
  width: 100%
}

.res-startDate {
  padding-bottom: 12px
}

.res-endDate,
.res-startDate {
  padding-top: 15px;
  color: hsla(0, 0%, 50.2%, .7803921569);
  width: 50%
}

.res-reminder {
  padding-top: 15px;
  color: #ffbf00;
  font-size: 14px
}

.res-timeSelection {
  border-bottom: 1.5px solid #d3d3d3
}

.res-endTimeSelection,
.res-timeSelection {
  box-sizing: border-box;
  display: flex;
  flex-wrap: nowrap
}

.react-datepicker__input-container input {
  border: 0 !important;
  width: inherit
}

.res-endTimeSelection .react-datepicker-popper {
  width: -webkit-max-content !important;
  width: max-content !important;
  left: -40% !important
}

.res-endTimeSelection .react-datepicker__input-container {
  padding-top: 15px
}

.res-endTimeSelection .react-datepicker__triangle {
  margin-left: 50% !important
}

.res-timeSelection .react-datepicker-popper {
  width: -webkit-max-content !important;
  width: max-content !important;
  left: -40% !important
}

.res-timeSelection .react-datepicker__input-container {
  padding-top: 15px
}

.res-timeSelection .react-datepicker__triangle {
  margin-left: 50% !important
}

.rest-continer {
  display: flex;
  flex-wrap: wrap
}

.timeclass .modal-content {
  border-radius: 25px
}

.listStyle .picker-item {
  opacity: .6
}

.listStyle .picker-item-selected {
  opacity: 1
}

.warning-popup {
  width: 100%;
  padding: 30px;
  border-radius: 5px;
  font-family: Roboto, helvetica neue, Arial, sans-serif;
  font-size: 14px;
  max-width: 300px;
  margin: 195px 0 0;
  max-height: 80vh;
  -webkit-overflow-scrolling: touch;
  height: 100px
}

.warning-popup .apv-sure {
  margin-top: 20px;
  color: #fff;
  display: inline-block;
  width: 100px;
  height: 30px;
  line-height: 29px;
  border-radius: 5px;
  font-size: 14px
}

.profitwarning-popup-container {
  padding: 0;
  width: 85%;
  background-image: url(../../static/media/newProfitWarning.dd7aa23a.png);
  background-size: 345px 215px;
  height: 400px;
  border-style: solid
}

.pausewarning-popup-container,
.profitwarning-popup-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99992;
  max-height: 80vh;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #fff;
  border-radius: 30px;
  border-color: gold
}

.pausewarning-popup-container {
  width: 75%;
  background-image: url(../../static/media/pauseWarning.16f65acc.png);
  background-size: 320px 200px;
  height: 380px
}

.sleepwarning-popup-container {
  padding: 0;
  width: 80%;
  background-image: url(../../static/media/sleepWarning.e5926cd6.png);
  background-size: 345px 215px;
  height: 375px
}

.restwarning-popup-container,
.sleepwarning-popup-container {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99992;
  max-height: 80vh;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #fff;
  border-radius: 30px;
  border-style: solid;
  border-color: gold
}

.restwarning-popup-container {
  padding: 0 18px;
  width: 75%;
  background-image: url(../../static/media/restWarning.a1415877.png);
  background-size: 310px 250px;
  height: 410px
}

.PrivateSwitchBase-root-21 {
  color: #fafafa !important
}

.action-cancel {
  height: 25px;
  border-right: 1px solid #d3d3d3;
  color: rgba(127, 119, 119, .9607843137) !important
}

.action-cancel,
.action-confirm {
  margin-left: 0 !important;
  width: 50%;
  text-align: center;
  display: block;
  line-height: 25px;
  margin: 0;
  font-size: 14px;
  position: relative;
  float: left
}

.action-confirm {
  color: #f44336 !important;
  height: 36px
}

.action-cancel-pause {
  margin-left: 38px !important;
  width: 50%;
  text-align: center;
  display: block;
  line-height: 25px;
  margin: 56px 0 0;
  height: 25px;
  font-size: 15px;
  position: relative;
  color: rgba(127, 119, 119, .9607843137) !important;
  float: left
}

.time-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4)
}

.time-content {
  padding: 14px;
  background-color: #f4f4f4;
  border-radius: 25px;
  position: relative;
  width: 85%;
  margin: auto;
  top: 20%
}

.deer .gourd .rooster .fish .crab .prawn {
  background: url(../../static/media/deer.d81f26fb.png) no-repeat;
  background-size: 100% auto;
  width: 65px;
  height: 65px;
  line-height: 0;
  display: inline-block;
  margin: auto;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 40px;
  -webkit-transform-origin: center;
  transform-origin: center
}

.deer {
  background: url(../../static/media/deer.d81f26fb.png) no-repeat
}

.gourd {
  background: url(../../static/media/gourd.517d7eb1.png) no-repeat
}

.rooster {
  background: url(../../static/media/rooster.6b5562aa.png) no-repeat
}

.fish {
  background: url(../../static/media/fish.9ca88974.png) no-repeat
}

.crab {
  background: url(../../static/media/crab.8bb08310.png) no-repeat
}

.prawn {
  background: url(../../static/media/prawn.873882c3.png) no-repeat
}

.deer-small .gourd-small .rooster-small .fish-small .crab-small .prawn-small {
  background: url(../../static/media/deer.d81f26fb.png) no-repeat;
  background-size: 100% auto;
  width: 35px;
  height: 34px;
  line-height: 0;
  display: inline-block;
  margin: auto;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 40px;
  -webkit-transform-origin: center;
  transform-origin: center
}

.deer-small {
  background: url(../../static/media/deer.d81f26fb.png) no-repeat
}

.gourd-small {
  background: url(../../static/media/gourd.517d7eb1.png) no-repeat
}

.rooster-small {
  background: url(../../static/media/rooster.6b5562aa.png) no-repeat
}

.fish-small {
  background: url(../../static/media/fish.9ca88974.png) no-repeat
}

.crab-small {
  background: url(../../static/media/crab.8bb08310.png) no-repeat
}

.prawn-small {
  background: url(../../static/media/prawn.873882c3.png) no-repeat
}

.localize-input-currency {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #000;
  border-radius: 4px;
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-left: auto
}

.localize-input-value {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #000;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: auto
}

.zonghe-container-149 {
  height: calc(var(--vh) - var(--safe-bottom))
}

.zonghe-container-95 {
  height: calc(var(--vh) - var(--safe-bottom) - 95px)
}

.bold-red {
  color: #a94442 !important;
  font-weight: 700
}

.jhc-pop-up .action-cancel {
  color: #f44336 !important;
  border: 2px solid red;
  border-radius: 3px;
  font-size: 18px;
  height: 35px;
  line-height: 32px;
  width: 49%
}

.jhc-pop-up .action-confirm {
  width: 49%;
  color: #fff !important;
  background-color: #f44336;
  border-radius: 3px;
  font-size: 18px;
  height: 35px;
  line-height: 35px
}

.list-block .onlinePay-item-after {
  color: #757575;
  -webkit-box-flex: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  display: flex;
  font-size: 14px
}

.open-award-list-num-live {
  text-align: center;
  width: 95%;
  padding-bottom: 5px;
  font-size: 14px
}

.open-award-list-num-wrap-live {
  text-align: center
}

.award-period .open-award-list-num-live .award-list-num b {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 10px;
  margin: 0 2px
}

.award-period .open-award-list-num-live .award-list-num .fifth-col {
  width: 36px
}

.award-period .open-award-list-num-live .award-list-num b .lhc-num {
  width: 100%;
  text-align: center;
  border-radius: 50px;
  color: #fff
}

.open-award-list-num-live .blue-ball,
.open-award-list-num-live .blue-ball-em,
.open-award-list-num-live .red-ball,
.open-award-list-num-live .red-ball-em {
  width: 24px;
  height: 30px;
  border-radius: 20px;
  font-size: 18px;
  margin: 2px 0 0 3px
}

.open-award-list-num-live .pending-award-live {
  text-align: center;
  font-size: 10px;
  width: 15px;
  height: 15px;
  border-radius: 20px;
  line-height: 15px;
  margin: 2px 0 0 3px
}

.open-award-list-num-live .Dice {
  width: 46px;
  height: 46px
}

.open-left-row-live,
.open-left-row-live-en {
  height: 50px;
  text-align: center;
  margin: 5px 0
}

.open-left-row-live-en.LHC {
  height: 65px
}

.col-70 {
  width: 70%;
  float: right
}

.col-30 {
  width: 30%;
  float: left
}

.lct-award-num-live {
  width: 50px;
  height: 50px;
  line-height: 27px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
  text-align: center;
  background-size: 30px;
  border: 1px solid #fff;
  vertical-align: top
}

.game-container .live-ball {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 17px;
  font-size: 18px;
  color: #dc3b40;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  position: relative;
  bottom: 0;
  margin: 0 auto
}

.live-ball.dds {
  padding: 0 10px;
  width: auto
}

.game-container .live-ball.active {
  color: #fff;
  background-color: #dc3b40;
  border: 1px solid #dc3b40
}

.bet-list div[class*=col-].liveActive.active {
  color: #fff !important;
  background-color: #dc3b40 !important
}

.bet-list div[class*=col-].liveActive.activeYSC {
  color: #000 !important;
  background-color: #dc3b40 !important
}

.bet-list div[class*=col-].liveActive {
  color: #666;
  background-color: #fff
}

.bet-list div[class*=col-].liveActive.active span {
  color: #fff !important;
  color: #666
}

.bet-list div[class*=col-].liveActive.active i {
  color: #fff !important;
  color: #666
}

.bet-list .live-odds {
  color: #666;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0
}

.live-chipsBarBet {
  bottom: 0;
  position: fixed;
  z-index: 11;
  height: 100%;
  width: 100%;
  border: none;
  background: 0 0;
  background-position: bottom;
  background-repeat: no-repeat;
  border-radius: 15px
}

.live-chipsBarBet.show {
  display: block
}

.live-chipsBarBet.hide {
  display: none
}

.live-bar_chip_bet {
  position: absolute;
  bottom: -2px;
  width: 100%;
  background: #fff;
  height: 60%;
  overflow: auto;
  border-radius: 15px;
  border-top: 1px solid #ebebeb
}

.live-bar_chip_bet ul {
  margin: 0;
  padding: 15px
}

.live-bar_chip_bet li {
  font-family: iconfont;
  width: 25%;
  height: 60px;
  display: inline-block;
  margin: 0;
  text-align: center;
  border-radius: 100%;
  position: relative;
  font-size: 46px;
  color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

.live-chipsBarBet .live-bar_chip_bet li.cm0 {
  background-image: url(../../static/media/cm0.4abec600.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm1 {
  background-image: url(../../static/media/cm1.d05d5334.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm2 {
  background-image: url(../../static/media/cm2.3b5b0e4a.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm3 {
  background-image: url(../../static/media/cm3.2883cd5a.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm4 {
  background-image: url(../../static/media/cm4.25736b09.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm5 {
  background-image: url(../../static/media/cm5.b9a34db8.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm6 {
  background-image: url(../../static/media/cm6.ea799968.png)
}

.live-chipsBarBet .live-bar_chip_bet li.cm7,
.live-chipsBarBet .live-bar_chip_bet li.live-cm0-0 {
  background-image: url(../../static/media/cm0.4abec600.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm0-1 {
  background-image: url(../../static/media/cm1.d05d5334.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm0-2 {
  background-image: url(../../static/media/cm2.3b5b0e4a.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm0-3 {
  background-image: url(../../static/media/cm3.2883cd5a.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm1-0 {
  background-image: url(../../static/media/cm4.25736b09.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm1-1 {
  background-image: url(../../static/media/cm5.b9a34db8.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm1-2 {
  background-image: url(../../static/media/cm6.ea799968.png)
}

.live-chipsBarBet .live-bar_chip_bet li.live-cm1-3 {
  background-image: url(../../static/media/cm0.4abec600.png)
}

.live-chipsBarBet .live-bar_chip_bet a {
  display: block;
  color: #000 !important;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  left: 0;
  line-height: 60px;
  width: 100%
}

.bet-list-live {
  background: #fff;
  width: 90%;
  margin: -2% 5% 7%
}

.bet-list-live div[class*=col-] {
  background: #fff;
  text-align: center;
  color: #000;
  border: 1px solid #e5e5e5;
  padding: 7px 0;
  margin-bottom: 8px;
  border-radius: 10px;
  position: relative
}

.bet-list-live div[class*=col-].disabled {
  background: #e5e5e5;
  cursor: not-allowed
}

.bet-list-live div[class*=col-].liveActive.active {
  color: #fff !important;
  background-color: #dc3b40 !important
}

.bet-list-live div[class*=col-].liveActive.activeYSC {
  color: #000 !important;
  background-color: #dc3b40 !important;
  border-color: #dc3b40
}

.bet-list-live div[class*=col-].liveActive {
  color: #666;
  background-color: #fff;
  padding-top: 10px
}

.bet-list-live div[class*=col-].liveActive.active span {
  color: #fff !important;
  color: #666
}

.bet-list-live div[class*=col-].liveActive.active i {
  color: #fff !important;
  color: #666
}

.bet-list-live .live-odds {
  color: #666;
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0
}

.bet-list-live .row {
  border-spacing: 8px;
  border-collapse: initial;
  width: 100%;
  position: relative;
  margin-right: 0;
  margin-left: 0
}

.bet-list-live .row .col-20 {
  width: 20%;
  display: table-cell;
  float: none
}

.bet-list-live .row .col-25 {
  width: 25%;
  display: table-cell;
  float: none
}

.bet-list-live .row .col-33 {
  width: 33.3333333333%;
  display: table-cell;
  float: none
}

.bet-list-live .row .col-50 {
  width: 50%;
  display: table-cell;
  float: none
}

.bet-list-live .row .col-60 {
  width: 60%;
  display: table-cell;
  float: none
}

.bet-list-live .row .col-100 {
  width: 100%;
  display: table-cell;
  float: none
}

.bet-list-live .bet-number {
  font-style: normal;
  display: block;
  font-size: 18px;
  padding: 0 2.5px 20px;
  line-height: 1;
  color: #c91b1c
}

.bet-list-live .odds {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
  left: 0
}

.bet-list-live .bgodds,
.bet-list-live .odds {
  color: #666;
  font-size: 12px;
  line-height: 1;
  display: inline-block
}

.bet-list-live .yscodds {
  color: #666;
  font-size: 12px;
  line-height: 1;
  display: grid
}

@media screen and (max-width: 1000px) {
  .bet-list-live .bet-number {
    font-size: 12px;
    padding: 5px;
    width: 63px;
    height: 45px
  }

  .bet-list-live .bgodds,
  .bet-list-live .lhc-odds,
  .bet-list-live .odds {
    font-size: 11px
  }
}

.live-cart-modal .modal-content {
  background-color: transparent;
  border: none
}

.live-award-list {
  height: calc(100vh - 134px);
  overflow: auto;
  overflow-x: hidden;
  width: 100%;
  position: absolute;
  z-index: 3;
  background-color: transparent;
  z-index: 1057
}

.live-award-list table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  border-bottom: 1px solid #dfdfdf;
  color: #fff;
  line-height: 32px
}

.live-award-list table thead {
  background: hsla(0, 0%, 93.3%, .3);
  font-size: 13px
}

.live-award-list table>tbody>tr:nth-of-type(2n) {
  background-color: hsla(0, 0%, 93.3%, .15)
}

.live-award-list table td {
  padding: 0
}

.live-award-list-title {
  text-align: center
}

.flow_bar_chip_bet {
  position: absolute;
  width: 100%
}

.flow_bar_chip_bet ul {
  margin: 0;
  padding: 0
}

.flow_bar_chip_bet li {
  font-family: iconfont;
  width: 11%;
  height: 40px;
  display: inline-block;
  text-align: center;
  border-radius: 100%;
  position: relative;
  font-size: 46px;
  max-width: 14%;
  color: #fff;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  margin: 0 0 0 10px
}

.flowchipsBarBet .flow_bar_chip_bet li.cm0 {
  background-image: url(../../static/media/cm0.4abec600.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm1 {
  background-image: url(../../static/media/cm1.d05d5334.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm2 {
  background-image: url(../../static/media/cm2.3b5b0e4a.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm3 {
  background-image: url(../../static/media/cm3.2883cd5a.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm4 {
  background-image: url(../../static/media/cm4.25736b09.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm5 {
  background-image: url(../../static/media/cm5.b9a34db8.png)
}

.flowchipsBarBet .flow_bar_chip_bet li.cm6 {
  background-image: url(../../static/media/cm6.ea799968.png);
  background-image: url(../../static/media/cm0.4abec600.png)
}

.flowchipsBarBet .flow_bar_chip_bet a {
  display: block;
  color: #000 !important;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  position: absolute;
  left: 0;
  line-height: 38px;
  width: 100%
}

.noselect,
div {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none
}

.hg-theme-default .hg-button {
  font-size: 18px
}

.instantBet-button {
  padding: 0 10px;
  color: #fff !important;
  font-size: 12px;
  display: flex;
  align-items: center;
  position: relative;
  line-height: 10px;
  text-align: center;
  background: #b11c00
}

a {
  text-decoration: none
}

.card-img-left {
  border-radius: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.card-img-right {
  border-radius: 0;
  border-top-right-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px)
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.can-click {
  cursor: pointer
}

.overflow-hidden {
  overflow: hidden
}

@media(min-width: 1200px)and (max-width:1399.98px) {
  .hidden-xl {
    display: none
  }
}

@media(min-width: 992px)and (max-width:1199.98px) {
  .hidden-lg {
    display: none
  }
}

@media(min-width: 768px)and (max-width:991.98px) {
  .hidden-md {
    display: none
  }
}

@media(min-width: 576px)and (max-width:767.98px) {
  .hidden-sm {
    display: none
  }
}

@media(max-width: 575.98px) {
  .hidden-xs {
    display: none
  }
}

.modal-backdrop-light,
.modal-backdrop-light.modal-backdrop.show {
  opacity: 1
}

:root {
  --mdc-theme-primary: #fff;
  --mdc-theme-on-surface: #fff
}

.top-title {
  font-size: 15px;
  margin-bottom: 0
}

.content-block-gaia {
  padding: 5px 20px;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  width: calc(100% - 20px);
  border-radius: 50px;
  margin: 0 auto 15px;
  box-shadow: 4px 4px 50px rgba(0, 0, 0, .15)
}

.content-block-gaia dl {
  margin: 0;
  padding: 0;
  text-align: center
}

.content-block-gaia dt {
  margin: 0;
  padding: 0
}

.content-block-gaia dt span {
  font-size: 25px;
  border-radius: 50%;
  padding: 5px;
  display: block
}

.content-block-gaia dd {
  font-size: 10px;
  margin: 4px 0 0;
  color: #666
}

.content-block-gaia .rows {
  display: flex;
  flex-wrap: wrap
}

.content-block-gaia .col20 {
  float: left
}

.content-row-gaia {
  padding-left: 30px;
  padding-right: 20px
}

.iconStyle {
  margin: 7px 0;
  color: #fff
}

.gradientMonet {
  background: linear-gradient(90deg, #ff9800 0, #ff5722)
}

.gradientAccount,
.gradientMonet {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0 auto
}

.gradientAccount {
  background: linear-gradient(90deg, #ffc107 0, #ff9800)
}

.gradientPublic {
  background: linear-gradient(90deg, #ff5722 0, #f44336)
}

.gradientLocal,
.gradientPublic {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0 auto
}

.gradientLocal {
  background: linear-gradient(90deg, #03a9f4 0, #b11c00)
}

.gradientApp {
  background: linear-gradient(90deg, #00bcd4 0, #009688);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  margin: 0 auto
}

.navbar {
  min-height: 44px;
  background-color: var(--theme-color) !important
}

.navbar-theme-white {
  background-color: #f4f4f4 !important
}

.navbar a.top-link {
  font-size: 13px;
  padding: 0 6px 0 10px
}

.navbar a.link {
  padding: 0 10px;
  line-height: 44px;
  height: 44px
}

.toolbar-bottom {
  height: 50px;
  background-color: #fff !important;
  border-top: 1px solid #e1e1e1
}

.tabbar .toolbar-inner {
  padding-left: 0;
  padding-right: 0
}

.navbar-inner,
.toolbar-inner {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center
}

.toolbar-bottom a.link,
.toolbar-bottom a.tab-link {
  padding-top: 3px;
  padding-bottom: 6px
}

.tabbar-labels a.link,
.tabbar-labels a.tab-link {
  padding-top: 12px;
  padding-bottom: 12px;
  height: 100%;
  justify-content: space-between
}

.tabbar a.link,
.tabbar a.tab-link {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  -ms-flex: 1;
  flex-direction: column;
  font-size: 14px;
  text-transform: uppercase
}

.navbar a.link,
.subnavbar a.link,
.toolbar a.link {
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px
}

.tabbar-labels.toolbar-bottom span.tabbar-label {
  text-transform: none
}

.toolbar-bottom a.link i+span {
  margin-left: 0
}

.toolbar-bottom span.tabbar-label {
  margin-top: 0;
  font-size: 12px
}

.tabbar-labels span.tabbar-label {
  line-height: 1;
  display: block;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100%
}

.MuiBottomNavigationAction-label.MuiBottomNavigationAction-iconOnly {
  opacity: 1 !important;
  transition-delay: 0s
}

.makeStyles-root-1 {
  width: 100% !important
}

.MuiBottomNavigation-root {
  height: 80px !important;
  justify-content: space-between !important;
  width: 100%
}

.bnbar .MuiBottomNavigationAction-root {
  max-width: auto;
  min-width: auto
}

.carouselContainer {
  height: 120px;
  width: 100%;
  padding: 0 15px;
  background-color: #f3f3f3;
  border-bottom-left-radius: 25%;
  border-bottom-right-radius: 25%;
}

.carouselStyle .slick-list {
  height: 100%;
  border-radius: 15px
}

.carouselStyle .slick-dots {
  bottom: 10px;
  display: none !important
}

.carouselStyle.newAPI .slick-list {
  border-radius: 0
}

.carouselStyle.newAPI img {
  border-radius: 15px;
  width: calc(100% - 5px);
  margin: auto;
  height: auto
}

.empty-space-50 {
  padding-top: 150px
}

.slick-dots li button:before {
  font-size: 8px !important
}

.slick-dots li.slick-active button:before {
  color: #0d6efd !important
}

.MuiBottomNavigationAction-root {
  padding: 13px 0 6px !important
}

.navbarheaders {
  top: 0
}

.textAnimate {
  align-items: center;
  background-color: #f1f1f1;
  border-radius: 3px;
  display: flex;
  padding: .5rem;
  width: 100%;
}

.textAnimate {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: 0;
}

.icon-container {
  display: flex;
  align-items: center;
}

.icon-container svg {
  transform: scale(1.2);
  /* Tăng kích thước của biểu tượng loa */
}

.wrapper {
  width: auto;
  background: rgb(244 244 244);
  /* Giảm kích thước background */
  border-radius: 10px;
  overflow: hidden;
}

.target {
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  padding: 5px;
  animation: textScroll 20s linear infinite;
  vertical-align: middle;
  line-height: 10px;
}

@keyframes textScroll {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.navbarheaders,
.navbarheaders.active {
  width: 100%;
  height: calc(45px + env(safe-area-inset-top)/4) !important;
  z-index: 500
}

.navbarheaders.active {
  top: 50px
}

.download-top {
  height: 44px
}

.download-top.active {
  height: 94px
}

.download-top .textframe {
  padding: 0 13px;
  border: 1px solid #fff;
  height: 25px;
  margin-left: 10px;
  border-radius: 6px;
  color: #fff;
  font-size: 14px
}

.download-top .icon {
  font-size: 28px
}

.openapp {
  display: none
}

.openapp.active {
  top: 0;
  position: fixed;
  width: 100%;
  height: 50px;
  background: #181818;
  color: #fff;
  z-index: 500;
  display: block
}

.marquee div {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -moz-animation: scroll-left 2s linear infinite;
  -webkit-animation: scroll-left 2s linear infinite
}

@-webkit-keyframes notifi-scroll-left {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes notifi-scroll-left {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes winner-scroll-left {
  0% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes winner-scroll-left {
  0% {
    -webkit-transform: translateX(1%);
    transform: translateX(1%)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }

  to {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

@keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
  }
}

.slick-next,
.slick-prev {
  display: none !important
}

.newAPIGame {
  position: relative;
  padding: 15px
}

.newAPIGame a {
  width: 70%;
  position: relative;
  display: block;
  margin: auto;
  text-align: center
}

.newAPIGame a .bq2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 0
}

.newAPIGame a span {
  font-size: 14px;
  color: #fff
}

.newAPIGame img {
  width: 64px;
  margin: auto;
  border-radius: 50%
}

.newAPIGame .gameSlide {
  position: absolute;
  overflow: hidden;
  width: 90%;
  left: 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.newAPIGame .slick-slider {
  width: 60%;
  margin-left: auto;
  position: relative;
  margin-right: 25px
}

.newAPIGame .slick-prev {
  left: 15px;
  display: block !important;
  z-index: 5;
  width: 20px
}

.newAPIGame .slick-next {
  right: 15px;
  display: block !important;
  z-index: 5;
  width: 20px
}

.newAPIGame .bg1 img {
  width: 100%;
  border-radius: 15px
}

.floatButtonOverlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .83);
  z-index: 999999997
}

.floatButton {
  top: 0
}

.floatButton,
.floatButtonClose {
  width: 40px;
  height: 40px;
  border-radius: 50px;
  position: fixed;
  z-index: 999999998;
  box-shadow: 0 0 .625rem #9a9a9a
}

.fixe,
.floatButtonClose {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.fixe {
  position: fixed;
  z-index: 999999998;
  border-radius: 50px;
  width: 3.75rem;
  height: 3.75rem;
  background-color: #fff;
  text-align: center
}

.fixe img {
  width: 70%;
  padding-top: 8px
}

.fixe p {
  height: 27px;
  font-size: 11px;
  margin: auto;
  display: block;
  position: relative
}

.fixe p span {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  color: #fff
}

.fixeText {
  color: #fff;
  background-color: transparent
}

.fixeHome {
  margin-top: -5rem;
  margin-left: -5rem
}

.fixeHomeText {
  margin-top: -1.5rem;
  margin-left: -5rem
}

.fixeHomeTest {
  margin-top: -4rem;
  margin-left: -6rem
}

.fixeHomeTextTest {
  margin-top: -.5rem;
  margin-left: -6rem
}

.fixeClearCache {
  margin-top: -7.5rem
}

.fixeClearCacheText {
  margin-top: -3.5rem
}

.fixeChatroom {
  margin-top: 6.5rem
}

.fixeChatroomText {
  margin-top: 10rem
}

.fixeRefresh {
  margin-top: -5rem;
  margin-left: 5rem
}

.fixeRefreshText {
  margin-top: -1.5rem;
  margin-left: 5rem
}

.fixeRefreshTest {
  margin-top: -4rem;
  margin-left: 6rem
}

.fixeRefreshTextTest {
  margin-top: -.5rem;
  margin-left: 6rem
}

.fixeRecharge {
  margin-top: 0;
  margin-left: -7rem
}

.fixeRechargeText {
  margin-top: 3.5rem;
  margin-left: -7rem
}

.fixeOfflineDraw {
  margin-top: 0;
  margin-left: 7rem
}

.fixeOfflineDrawText {
  margin-top: 3.5rem;
  margin-left: 7rem
}

.fixeLine {
  margin-top: 5rem
}

.fixeLineText {
  margin-top: 8.5rem
}

.fixeLineLog {
  margin-top: 5rem;
  margin-left: -5rem
}

.fixeLineLogText {
  margin-top: 8.5rem;
  margin-left: -5rem
}

.fixeLineLogTest {
  margin-top: 3rem;
  margin-left: -6rem
}

.fixeLineLogTextTest {
  margin-top: 6.5rem;
  margin-left: -6rem
}

.fixeLong {
  margin-top: 5rem;
  margin-left: 5rem
}

.fixeLongText {
  margin-top: 9rem;
  margin-left: 5rem
}

.fixeLongTest {
  margin-top: 3rem;
  margin-left: 6rem
}

.fixeLongTextTest {
  margin-top: 7rem;
  margin-left: 6rem
}

.register-modal {
  margin: 0;
  height: 55vh
}

.register-modal .modal-content {
  height: 100vh;
  border: 0
}

.register-modal .item-media {
  text-align: right;
  min-width: 60px !important
}

.register-modal .content-block-title {
  text-align: center;
  margin: 0;
  padding: 14px 16px;
  background-color: #eaeff2;
  color: #000
}

.register-modal input::-webkit-input-placeholder {
  font-size: 80%
}

.register-modal input::placeholder {
  font-size: 80%
}

.register-button {
  line-height: 40px !important;
  height: 40px !important;
  border-radius: 7px !important
}

.avatar-modal {
  margin: 0
}

.avatar-modal .modal-content,
.borderZero .modal-content {
  border: 0
}

.avatarRow {
  justify-content: space-between;
  margin-right: 0;
  margin-left: 0
}

.avatarRow:after {
  content: "";
  flex: 0 0 50%
}

.avatarRow .col-25 {
  width: calc(25% - 12px)
}

.moneylist-modal {
  margin: 0
}

.moneylist-modal .modal-content {
  border: 0
}

.register-tab .mdc-tab {
  line-height: 43px;
  height: 43px;
  font-size: 14px;
  background-color: #fff
}

.register-tab .mdc-tab--active {
  color: var(--theme-color)
}

.register-tab .mdc-tab__content {
  padding-bottom: 0
}

.register-tab .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  opacity: 1;
  background-color: #eaeaea;
  height: 1.5px
}

.register-tab .mdc-tab--active .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: var(--theme-color);
  height: 2px
}

.register-content .react-swipeable-view-container {
  height: calc(var(--auto) - 87px) !important
}

.list-block {
  margin: 5px 0;
  background: #f4f4f4
}

.list-block-login {
  background: hsla(0, 0%, 100%, 0)
}

.form-ul {
  padding: 0;
  margin-bottom: 0
}

.list-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative
}

.list-block .item-media {
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 40px;
  font-size: 14px
}

.list-block .item-media span {
  font-size: 14px;
  color: rgba(0, 0, 0, .65)
}

.list-block .input-item .item-media,
.list-block.inputs-list .item-media {
  align-self: flex-end;
  min-height: 3rem;
  margin-bottom: 8px;
  padding: 0
}

.list-block .item-inner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .12);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  opacity: .3
}

.register-content .list-block .item-inner:after {
  height: 0
}

.list-block .item-after.color-red {
  color: #f44336
}

.list-block .item-after-blod {
  font-weight: 700
}

.list-block .item-media+.item-inner {
  margin-left: 16px
}

.list-block .input-item .item-inner,
.list-block.inputs-list .item-inner {
  display: block;
  margin-bottom: 4px;
  padding-bottom: 0
}

.list-block .item-input {
  width: 100%;
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1;
  font-size: 0;
  position: relative;
  margin-bottom: 4px;
  min-height: 36px
}

.list-block input[type=date],
.list-block input[type=datetime-local],
.list-block input[type=email],
.list-block input[type=number],
.list-block input[type=password],
.list-block input[type=search],
.list-block input[type=tel],
.list-block input[type=text],
.list-block input[type=time],
.list-block input[type=url],
.list-block select,
.list-block textarea {
  -webkit-appearance: none;
  appearance: none;
  box-sizing: border-box;
  border: none;
  background: 0 0;
  border-radius: 0;
  box-shadow: none;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 36px;
  color: #212121;
  font-size: 14px;
  font-family: inherit
}

.item-input-field:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .12);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  transition-duration: .2s
}

.input-field::-webkit-input-placeholder {
  opacity: .5
}

.input-field::placeholder {
  opacity: .5
}

.item-after input::-webkit-input-placeholder {
  opacity: .5
}

.item-after input::placeholder {
  opacity: .5
}

.register-content .item-input-field:after {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

.item-input-field.focus-state:after {
  background: var(--theme-color);
  -webkit-transform: scaleY(2);
  transform: scaleY(2)
}

.register-content .warning {
  font-size: 14px;
  color: red
}

.number-picker .modal {
  top: unset;
  bottom: calc(var(--safe-bottom))
}

.number-picker .modal-dialog {
  margin: 0
}

.number-picker .modal.fade .modal-dialog {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.number-picker .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.number-picker .modal,
.number-picker .modal-backdrop {
  height: auto
}

.number-picker .modal-content {
  border-radius: 0;
  border: none
}

.f7-button {
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 6px;
  line-height: 36px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  background: 0 0;
  margin: 0;
  height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  min-width: 64px;
  padding: 0 8px;
  position: relative;
  overflow: hidden;
  outline: 0;
  border: none;
  transition-duration: .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  background: var(--theme-color);
  color: #fff
}

.money-conversion-button-withBackground {
  color: #fff !important
}

.money-conversion-button-withBackground,
.money-conversion-button-withoutBackground {
  line-height: 40px !important;
  height: 40px !important;
  border-radius: 7px !important;
  border: 2px solid var(--theme-color);
  font-size: 30px;
  width: calc(50% - 5px);
  margin-left: 5px;
  margin-bottom: 5px;
  width: 100%
}

.money-conversion-button-withoutBackground {
  color: var(--theme-color);
  background-color: #fff
}

.team-detail-button {
  line-height: 40px !important;
  height: 40px !important;
  border-radius: 7px !important;
  background: #fff;
  color: var(--theme-color);
  border: 2px solid var(--theme-color);
  font-size: 30px
}

.money-conversion-button-text,
.team-detail-button-text {
  font-size: 15px;
  vertical-align: top;
  padding: 10px
}

.f7-button:hover {
  color: #fff;
  text-decoration: none
}

.team-detail-button:hover {
  color: var(--theme-color)
}

.phone-email-validcode-span {
  right: 150px;
  color: rgba(0, 0, 0, .3)
}

.phone-email-validcode-a,
.phone-email-validcode-span {
  position: absolute;
  bottom: 0;
  font-size: 14px;
  line-height: 36px
}

.phone-email-validcode-a {
  right: 0;
  color: grey !important;
  width: 150px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center
}

.phone-email-validcode-a:focus,
.phone-email-validcode-a:hover {
  color: #b11c00;
  text-decoration: none
}

.content-block-title {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  line-height: 1;
  margin: 16px;
  padding-top: 16px;
  line-height: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, .54);
  margin: 14px 16px
}

.pt0 {
  padding-top: 0
}

.pt10 {
  padding-top: 15
}

.list-block.ptb12 {
  padding: 12px 0
}

.font12 {
  font-size: 12px !important
}

i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: 50%;
  background-repeat: no-repeat;
  font-style: normal;
  position: relative
}

.label-checkbox i.icon-form-checkbox {
  width: 18px;
  height: 18px;
  position: relative;
  border: 1px solid #6d6d6d;
  border-radius: 50%;
  box-sizing: border-box;
  transition-duration: .3s;
  background: 0 0;
  display: block
}

.label-checkbox i.icon-form-checkbox:after {
  content: " ";
  position: absolute;
  width: 18px;
  height: 18px;
  left: -1px;
  top: -1px;
  transition-duration: .3s;
  opacity: 0;
  background: no-repeat 50%;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,JTNDc3ZnJTIweG1sbnMlM0QnaHR0cCUzQSUyRiUyRnd3dy53My5vcmcl4oCmNi4xN0w0LjgzJTIwMTJsLTEuNDIlMjAxLjQxTDklMjAxOSUyMDIxJTIwN2wtMS40MS0xLjQxeiclMkYlM0UlM0MlMkZzdmclM0U=);
  background-size: 100% auto
}

.label-checkbox.theme-red input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.label-checkbox.theme-red input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.label-checkbox.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.label-checkbox.theme-red input[type=radio]:checked+.item-media i.icon-form-checkbox,
.label-checkbox.theme-red input[type=radio]:checked~.item-after i.icon-form-checkbox,
.label-checkbox.theme-red input[type=radio]:checked~.item-inner i.icon-form-checkbox,
.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox {
  border-color: var(--theme-color);
  background-color: var(--theme-color)
}

.label-checkbox.theme-red i.icon-form-checkbox:after,
.label-checkbox i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after {
  opacity: 1
}

.label-checkbox input[type=checkbox] {
  display: none
}

.label-checkbox,
.label-radio {
  position: relative;
  overflow: hidden;
  z-index: 0;
  transition-duration: .3s
}

.detail-edit-page .list-block.inputs-list .label,
.offline-draw-page .list-block.inputs-list .label,
.psd-manage-page .list-block.inputs-list .label {
  font-size: 14px
}

.offline-draw-page .vertical-line {
  float: left;
  border: .7px solid #eaeff2;
  height: 1.5rem;
  margin: auto
}

.offline-draw-page .list-block li {
  margin: 10px
}

.offline-draw-page .list-block .item-content {
  display: flex !important
}

.offline-draw-page .item-input-field:after,
.offline-draw-page .list-block .item-inner:after {
  background-color: transparent
}

.offline-draw-page .underline:not(:last-child) {
  border-bottom: 1px solid #eaeff2;
  padding: 0 10px
}

.offline-draw-page .button-withBackground {
  line-height: 40px !important;
  height: 45px !important;
  border-radius: 10px !important;
  font-size: 23px;
  width: calc(50% - 5px);
  width: 90%;
  margin: auto;
  color: #fff
}

.table_1 {
  text-align: center;
  width: 100%
}

.table_1 .tr_1 td {
  background: #f4f4f4
}

.table_1 td,
.table_1 th {
  height: 40px;
  border-bottom: 1px solid #eaeaea;
  width: 33.33%;
  border-right: 1px solid #eaeaea;
  vertical-align: middle;
  font-size: 14px
}

i.rich0,
i.rich1,
i.rich2,
i.rich3,
i.rich4,
i.rich5,
i.rich6,
i.rich7,
i.rich8,
i.rich9,
i.rich10,
i.rich11,
i.rich12,
i.rich13,
i.rich14,
i.rich15,
i.rich16,
i.rich17,
i.rich18,
i.rich19,
i.rich20,
i.rich21,
i.rich22,
i.rich23,
i.rich24,
i.rich25,
i.rich26,
i.rich27,
i.rich28,
i.rich29,
i.rich30,
i.rich31,
i.rich32,
i.rich33,
i.rich34,
i.rich35,
i.rich36,
i.rich37,
i.rich38,
i.rich39,
i.rich40,
i.rich41,
i.rich42,
i.rich43,
i.rich44,
i.rich45,
i.rich46,
i.rich47,
i.rich48,
i.rich49,
i.rich50,
i.rich51,
i.rich52,
i.rich53,
i.rich54,
i.rich55,
i.rich56,
i.rich57,
i.rich58,
i.rich59,
i.rich60,
i.rich61,
i.rich62,
i.rich63,
i.rich64,
i.rich65,
i.rich66,
i.rich67 {
  margin-right: 4px;
  margin-top: -2px;
  width: 35px;
  background: url(../../static/media/rich.e36554a7.png) no-repeat 0 0;
  position: relative;
  height: 14px;
  vertical-align: middle;
  margin-bottom: 0;
  display: inline-block
}

i.rich0 {
  background-position: -1050px -1px
}

i.rich1 {
  background-position: 0 -25px
}

i.rich2 {
  background-position: -50px -25px
}

i.rich3 {
  background-position: -100px -25px
}

i.rich4 {
  background-position: -150px -25px
}

i.rich5 {
  background-position: -200px -25px
}

i.rich6 {
  background-position: -250px -25px
}

i.rich7 {
  background-position: -300px -25px
}

i.rich8 {
  background-position: -350px -25px
}

i.rich9 {
  background-position: -400px -25px
}

i.rich10 {
  background-position: -450px -25px
}

i.rich11 {
  background-position: -500px -25px
}

i.rich12 {
  background-position: -550px -25px
}

i.rich13 {
  background-position: -600px -25px
}

i.rich14 {
  background-position: -650px -25px
}

i.rich15 {
  background-position: -700px -25px
}

i.rich16 {
  background-position: -750px -25px
}

i.rich17 {
  background-position: -800px -25px
}

i.rich18 {
  background-position: -850px -25px
}

i.rich19 {
  background-position: -900px -25px
}

i.rich20 {
  background-position: -950px -25px
}

i.rich21 {
  background-position: -1000px -25px
}

i.rich22 {
  background-position: -1050px -25px
}

i.rich23 {
  background-position: -1100px -25px
}

i.rich24 {
  background-position: -1150px -25px
}

i.rich25 {
  background-position: -1200px -21px
}

i.rich25,
i.rich26 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich26 {
  background: url(../../static/media/rich-26.b8f6ab06.png) no-repeat 0 0
}

i.rich27 {
  background: url(../../static/media/rich-27.7b865d1d.png) no-repeat center 0
}

i.rich27,
i.rich28 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich28 {
  background: url(../../static/media/rich-28.6cc1fa68.png) no-repeat 0 0
}

i.rich29 {
  background: url(../../static/media/rich-29.141a910f.png) no-repeat center 0
}

i.rich29,
i.rich30 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich30 {
  background: url(../../static/media/rich-30.0befdea6.png) no-repeat 0 0
}

i.rich31 {
  background: url(../../static/media/rich-31.325d692f.png) no-repeat center 0
}

i.rich31,
i.rich32 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich32 {
  background: url(../../static/media/rich-32.e88615ad.png) no-repeat 0 0
}

i.rich33 {
  background: url(../../static/media/rich-33.55eeb2ad.png) no-repeat center 0
}

i.rich33,
i.rich34 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich34 {
  background: url(../../static/media/rich-34.64c0f25d.png) no-repeat 0 0
}

i.rich35 {
  background: url(../../static/media/rich-35.67f7aa79.png) no-repeat center 0
}

i.rich35,
i.rich36 {
  width: 50px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich36 {
  background: url(../../static/media/rich-36.a76d4e9c.png) no-repeat 0 0
}

i.rich37 {
  background: url(../../static/media/rich-37.d27a7157.png) no-repeat center 0
}

i.rich37,
i.rich38 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich38 {
  background: url(../../static/media/rich-38.c27f6009.png) no-repeat 0 0
}

i.rich39 {
  background: url(../../static/media/rich-39.59bbbb2d.png) no-repeat center 0
}

i.rich39,
i.rich40 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich40 {
  background: url(../../static/media/rich-40.5b159fbb.png) no-repeat 0 0
}

i.rich41 {
  background: url(../../static/media/rich-41.8006fc98.png) no-repeat center 0
}

i.rich41,
i.rich42 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich42 {
  background: url(../../static/media/rich-42.56d2dcca.png) no-repeat 0 0
}

i.rich43 {
  background: url(../../static/media/rich-43.e0ae2141.png) no-repeat center 0
}

i.rich43,
i.rich44 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich44 {
  background: url(../../static/media/rich-44.93c2c374.png) no-repeat 0 0
}

i.rich45 {
  background: url(../../static/media/rich-45.21219467.png) no-repeat center 0
}

i.rich45,
i.rich46 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich46 {
  background: url(../../static/media/rich-46.9633edb4.png) no-repeat 0 0
}

i.rich47 {
  background: url(../../static/media/rich-47.024f52a9.png) no-repeat center 0
}

i.rich47,
i.rich48 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich48 {
  background: url(../../static/media/rich-48.f3e9f494.png) no-repeat center 0
}

i.rich49 {
  background: url(../../static/media/rich-49.c53a24ac.png) no-repeat center 0
}

i.rich49,
i.rich50 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich50 {
  background: url(../../static/media/rich-50.25c86fa0.png) no-repeat center 0
}

i.rich51 {
  background: url(../../static/media/rich-51.ecdb1a7e.png) no-repeat center 0
}

i.rich51,
i.rich52 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich52 {
  background: url(../../static/media/rich-52.c9a6f14e.png) no-repeat center 0
}

i.rich53 {
  background: url(../../static/media/rich-53.1916a6a8.png) no-repeat center 0
}

i.rich53,
i.rich54 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich54 {
  background: url(../../static/media/rich-54.09db95b0.png) no-repeat center 0
}

i.rich55 {
  background: url(../../static/media/rich-55.97b597ee.png) no-repeat center 0
}

i.rich55,
i.rich56 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich56 {
  background: url(../../static/media/rich-56.2e1f4e7a.png) no-repeat center 0
}

i.rich57 {
  background: url(../../static/media/rich-57.ec97dcc7.png) no-repeat center 0
}

i.rich57,
i.rich58 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich58 {
  background: url(../../static/media/rich-58.2e6f1699.png) no-repeat center 0
}

i.rich59 {
  background: url(../../static/media/rich-59.4047a56c.png) no-repeat center 0
}

i.rich59,
i.rich60 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich60 {
  background: url(../../static/media/rich-60.07124f20.png) no-repeat center 0
}

i.rich61 {
  background: url(../../static/media/rich-61.0b91bcaf.png) no-repeat center 0
}

i.rich61,
i.rich62 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich62 {
  background: url(../../static/media/rich-62.e656f000.png) no-repeat center 0
}

i.rich63 {
  background: url(../../static/media/rich-63.2123857e.png) no-repeat center 0
}

i.rich63,
i.rich64 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich64 {
  background: url(../../static/media/rich-64.2e757e4d.png) no-repeat center 0
}

i.rich65 {
  background: url(../../static/media/rich-65.eca15baf.png) no-repeat center 0
}

i.rich65,
i.rich66 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  position: relative
}

i.rich66 {
  background: url(../../static/media/rich-66.d20e13b0.png) no-repeat center 0
}

i.rich67 {
  width: 75px;
  height: 18px;
  margin-right: 2px;
  background: url(../../static/media/rich-67.847f1760.png) no-repeat center 0;
  position: relative
}

.lock-psd-manage-page .label-switch {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 14px;
  position: relative;
  cursor: pointer;
  align-self: center
}

.lock-psd-manage-page .label-switch input[type=checkbox] {
  display: none
}

.lock-psd-manage-page .label-switch .checkbox {
  width: 36px;
  border-radius: 36px;
  box-sizing: border-box;
  height: 14px;
  background: #b0afaf;
  z-index: 0;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  position: relative;
  transition-duration: .3s
}

.lock-psd-manage-page .label-switch .checkbox:after {
  content: " ";
  height: 20px;
  width: 20px;
  border-radius: 20px;
  background: #fff;
  position: absolute;
  z-index: 2;
  top: -3px;
  left: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  transition-duration: .3s
}

.detail-edit-page .list-block ul:after,
.detail-edit-page .list-block ul:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.detail-edit-page .item-input-field:after,
.detail-edit-page .list-block .item-inner:after {
  background: 0 0
}

.detail-edit-page .list-block .item-content {
  display: flex !important
}

.detail-edit-page .list-block .item-media {
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  flex-wrap: nowrap;
  align-items: center;
  box-sizing: border-box;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 40px;
  font-size: 14px !important
}

.detail-edit-page .item-media .detaileditImg {
  width: auto;
  height: auto;
  max-width: 40px
}

.detail-edit-page .list-block .not-empty-state.input-field:after,
.detail-edit-page .list-block .not-empty-state .item-input-field:after {
  -webkit-transform: none !important;
  transform: none !important
}

.detail-edit-page .phone-email-validcode-span {
  position: absolute;
  right: 100px;
  bottom: 0;
  font-size: 14px;
  color: rgba(0, 0, 0, .3);
  line-height: 36px
}

.detail-edit-page .phone-email-validcode-a {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 14px;
  color: #b11c00;
  line-height: 36px;
  width: 100px;
  text-align: center
}

.account-setting-page .switch2,
.custom-setting-page .switch2 {
  position: relative;
  display: inline-block;
  width: 79px;
  height: 30px
}

.account-setting-page .switch2 input,
.custom-setting-page .switch2 input {
  display: none
}

.account-setting-page .slideDown,
.custom-setting-page .slideDown {
  padding-right: 16px;
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 48px;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch
}

.account-setting-page .container,
.custom-setting-page .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  user-select: none
}

.account-setting-page .container input,
.custom-setting-page .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.account-setting-page .checkmark,
.custom-setting-page .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%
}

.account-setting-page .checkmark:after,
.custom-setting-page .checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.account-setting-page .container input:checked~.checkmark:after,
.custom-setting-page .container input:checked~.checkmark:after {
  display: block
}

.account-setting-page .container .checkmark:after,
.custom-setting-page .container .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff
}

.account-setting-page .modal2,
.custom-setting-page .modal2 {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 450px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4)
}

.account-setting-page .close2,
.custom-setting-page .close2 {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: 700
}

.account-setting-page .close2:focus,
.account-setting-page .close2:hover,
.custom-setting-page .close2:focus,
.custom-setting-page .close2:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer
}

.account-setting-page .switch,
.custom-setting-page .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px
}

.account-setting-page .switch input,
.custom-setting-page .switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.account-setting-page .slider,
.custom-setting-page .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  transition: .4s
}

.account-setting-page .slider:before,
.custom-setting-page .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  transition: .4s
}

.account-setting-page input:checked+.slider,
.custom-setting-page input:checked+.slider {
  background-color: #f44336
}

.account-setting-page input:focus+.slider,
.custom-setting-page input:focus+.slider {
  box-shadow: 0 0 1px #f44336
}

.account-setting-page input:checked+.slider:before,
.custom-setting-page input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  transform: translateX(26px)
}

.account-setting-page .slider.round,
.custom-setting-page .slider.round {
  border-radius: 34px
}

.account-setting-page .slider.round:before,
.custom-setting-page .slider.round:before {
  border-radius: 50%
}

.account-setting-page .off,
.account-setting-page .on,
.custom-setting-page .off,
.custom-setting-page .on {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 10px;
  font-family: Verdana, sans-serif
}

.account-setting-page .on,
.custom-setting-page .on {
  -webkit-transform: translate(-150%, -50%);
  transform: translate(-150%, -50%)
}

.account-setting-page .off,
.custom-setting-page .off {
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}

.money-conversion-page .icon_swap_vert {
  background: 0 0;
  height: 45px;
  position: relative;
  z-index: 100
}

.money-conversion-page .icon_swap_vert-li {
  margin-top: -20px;
  margin-bottom: -20px;
  justify-content: center;
  display: flex
}

.money-conversion-page .inputAmount {
  background-color: #eaeff2 !important;
  border-radius: 7px !important;
  border-bottom: #f0f8ff !important;
  padding-left: 10px !important
}

.money-conversion-page .item-input-field:after {
  height: 0
}

.money-conversion-page .toolbar {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff
}

.money-conversion-page .toolbar-inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  align-items: center
}

.custom-bet-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4)
}

.custom-bet-modal .modal-content {
  background-color: #fefefe !important;
  margin: auto;
  padding: 14px;
  border: 1px solid #888;
  width: 80%;
  border-radius: 25px;
  position: fixed;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.custom-bet-modal .custom-bet-title {
  text-align: center;
  border-bottom: 1.5px solid #bbb;
  padding-bottom: 8px
}

.custom-bet-modal .custom-bet-input {
  background-color: #d3d3d3 !important;
  margin: 10px auto auto !important;
  border-radius: 25px !important;
  padding-left: 10px;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  width: 100%;
  height: 36px;
  font-size: 14px
}

.custom-bet-modal .cancel-btn {
  color: rgba(127, 119, 119, .9607843137) !important
}

.custom-bet-modal .confirm-btn {
  color: #fff !important
}

.custom-setting-page .toggleOnOff {
  font-size: 13px;
  justify-content: end
}

.custom-setting-page .switch-customSetting .react-switch-bg>div:first-child {
  margin-left: 6px
}

.custom-setting-page .list-block .item-inner {
  padding-top: 0;
  padding-bottom: 0
}

.custom-setting-page .switch2 {
  margin: 0
}

.custom-setting-page input:not(:checked)+.slider2 {
  background-color: #999
}

.custom-setting-page .slider2 {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .4s;
  border-radius: 34px
}

.custom-setting-page .slider2:before {
  position: absolute;
  content: "";
  height: 21px;
  width: 21px;
  left: 8px;
  bottom: 5px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%
}

.custom-setting-page input:focus+.slider2 {
  box-shadow: 0 0 1px #b11c00
}

.custom-setting-page input:checked+.slider2:before {
  -webkit-transform: translateX(26px);
  transform: translateX(55px);
  left: -3px
}

.custom-setting-page .slider2:after {
  content: "默认";
  color: #fff;
  display: block;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 62%;
  font-size: 13px;
  font-family: Verdana, sans-serif
}

.custom-setting-page input:checked+.slider2:after {
  content: "自定义";
  left: 40%
}

.custom-setting-page .toggle-switch2 {
  position: relative;
  width: 82px;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left
}

.custom-setting-page .toggle-switch2-checkbox {
  display: none
}

.custom-setting-page .toggle-switch2-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 0 solid #000;
  border-radius: 20px;
  margin: 0
}

.custom-setting-page .toggle-switch2-checkbox:checked+.toggle-switch2-label .toggle-switch2-inner {
  margin-left: 0
}

.custom-setting-page .toggle-switch2-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin .3s ease-in 0s
}

.custom-setting-page .toggle-switch2-inner:after,
.custom-setting-page .toggle-switch2-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 34px;
  padding: 0;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  box-sizing: border-box
}

.custom-setting-page .toggle-switch2-inner:before {
  content: "自定义";
  text-transform: uppercase;
  padding-left: 12px;
  color: #fff
}

.custom-setting-page .toggle-switch2-inner:after {
  content: "默认";
  text-transform: uppercase;
  padding-right: 13px;
  background-color: #000;
  color: #fff;
  text-align: right
}

.custom-setting-page .toggle-switch2-switch {
  display: block;
  width: 17px;
  margin: 8px;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 40px;
  border: 0 solid #000;
  border-radius: 20px;
  transition: all .3s ease-in 0s
}

.custom-setting-page .toggle-switch2-checkbox:checked+.toggle-switch2-label .toggle-switch2-switch {
  right: 0
}

.input-inline {
  background-color: #eaeff2 !important;
  border-radius: 5px !important;
  padding-left: 10px !important
}

.my-bank-add-page {
  height: 100%
}

.my-bank-add-page .item-inner {
  display: block;
  margin-bottom: 4px;
  padding-bottom: 0
}

.my-bank-add-page .item-input-field:after,
.my-bank-add-page .list-block .item-inner:after {
  background-color: transparent
}

.my-bank-add-page .modal.fade.show {
  opacity: 1 !important
}

.my-bank-add-page .react-autosuggest__container {
  position: relative
}

.my-bank-add-page .react-autosuggest__input {
  background-color: #eaeff2 !important;
  border-radius: 5px !important;
  padding-left: 10px !important
}

.my-bank-add-page .react-autosuggest__input--focused {
  outline: none
}

.my-bank-add-page .react-autosuggest__input--open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.my-bank-add-page .react-autosuggest__suggestions-container {
  display: none
}

.my-bank-add-page .react-autosuggest__suggestions-container--open {
  display: block;
  position: absolute;
  border: 1px solid #aaa;
  background-color: #fff;
  font-size: 14px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 2;
  overflow-y: auto;
  max-height: 500px
}

.my-bank-add-page .react-autosuggest__suggestions-list {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.my-bank-add-page .react-autosuggest__suggestion {
  cursor: pointer;
  padding: 10px 20px
}

.my-bank-add-page .react-autosuggest__suggestion--highlighted {
  background-color: #ddd
}

.signinpage {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.signinpage #Signin .userface {
  height: 100%;
  overflow: hidden
}

.signinpage .SigninGiftA {
  float: right;
  font-size: .38rem;
  line-height: .95rem
}

.signinpage .SigninGiftA a {
  color: #fff
}

.signinpage .SigninNum {
  clear: both;
  padding: 40px 0;
  height: 100%;
  overflow: hidden;
  background-image: url(../../static/media/user-bg.7c82f4c2.png);
  background-size: 100% 100%
}

.signinpage .SigninNum .col-33 {
  width: 33.33333%
}

.signinpage .SigninNum dl {
  text-align: center;
  padding: 0;
  margin: 0
}

.signinpage .SigninNum dt {
  font-size: 22px;
  line-height: 1;
  padding: 0;
  font-weight: 700;
  margin: 0 0 4px
}

.signinpage .SigninNum dd {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .8);
  padding: 0;
  margin: 0
}

.signinpage .SigninList {
  clear: both;
  padding: 1rem .4rem;
  height: 100%;
  overflow: hidden
}

.signinpage .SigninList dl {
  width: 20%;
  float: left;
  font-size: .7rem;
  text-align: center;
  padding: 0;
  margin: 10px 0
}

.signinpage .SigninList dt {
  color: #999;
  padding: 0;
  margin: 0 auto 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%
}

.signinpage .SigninList dt.noborder {
  color: #737373
}

.signinpage .SigninList dt img {
  width: 100%
}

.signinpage .SigninList dd {
  color: #737373;
  padding: 0;
  margin: 0
}

.signinpage .SigninBottom {
  clear: both;
  padding: 20px 10px;
  text-align: center;
  position: relative
}

.signinpage .SigninButton,
.signinpage .SigninButton-s {
  width: 50%;
  display: inline-block;
  color: #fff !important;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  border-radius: 20px
}

.signinpage .SigninButton-s {
  background: #000
}

.signinpage .SigninQ {
  color: #999;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #999 !important;
  border: 1px solid #999;
  border-radius: 50%;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  top: 24px;
  left: 80%
}

.signinpage .SigninTip {
  color: #bbb;
  margin: 20px 30px;
  font-size: 12px;
  line-height: 1.8
}

.signinpage .activityRule {
  margin: 20px
}

.signinpage .activityRule p {
  font-size: 14px;
  line-height: 1.7em;
  color: #666;
  margin-bottom: 10px
}

.signinpage .activityRule .table_1 {
  border: 1px solid #dcdcdc;
  border-right: none;
  border-bottom: none;
  font-size: 14px;
  text-align: center;
  width: 100%;
  margin: 20px auto
}

.signinpage .activityRule .table_1 td {
  height: 45px;
  border-bottom: 1px solid #dcdcdc;
  width: 50%;
  border-right: 1px solid #dcdcdc;
  vertical-align: middle
}

.signinpage .activityRule .table_1 .tr_1 td {
  background: #0082d6;
  color: #fff;
  border-right-style: none
}

@media screen and (max-width: 325px) {
  .signinpage .activityRule .table_1 {
    font-size: 14px
  }
}

.signinpage .activityRule .Signgzimg {
  width: 100%;
  text-align: center;
  margin: 30px 0
}

.signinpage .activityRule .Signgzimg img {
  width: 100%;
  min-width: 200px;
  max-width: 690px
}

.leave-message-page .toolbar {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  margin: 0;
  z-index: 500;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #fff
}

.question-page .messageCard {
  box-shadow: 0 0 8px 0 #f1f1f1;
  border-radius: 3px;
  background-color: #f4f4f4;
  border: 1px solid #e0e0e0;
  width: 100%;
  padding: 5px 0
}

.horizontal-line {
  height: 1px;
  width: 92%;
  background-color: #c9c9c9;
  margin: 10px auto auto
}

.leave-message-page .item-input-field:after,
.question-page .item-input-field:after {
  background-color: transparent
}

.leave-message-page .imgLogo,
.question-page .imgLogo {
  border-radius: 32px;
  width: 40px;
  height: 40px;
  border: 2px solid hsla(0, 0%, 100%, .2);
  margin-right: 10px;
  align-self: center;
  min-width: 40px
}

.docdetail-page .subtitle a span {
  color: var(--theme-color) !important
}

.user-checkin {
  height: 26px;
  line-height: 26px;
  border-radius: 13px 0 0 13px;
  padding: 0 5px 0 7px;
  position: absolute;
  right: 0;
  top: 12px
}

.user-checkin,
.user-proxy {
  background: linear-gradient(45deg, #edba2e, #fcde58, #edba2e, #edba2e, #fcde58);
  font-size: 12px;
  color: #fff;
}

.user-proxy {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  border-radius: 4px;
  padding: 0 10px;
  margin-top: 2px;
}

.user-data {
  margin-top: 0;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #f0f0f0
}

.user-data .row .col-33 {
  width: 33.33333%;
  border-right: 1px solid #f0f0f0
}

.user-data dl {
  margin: 0;
  padding: 10px 0;
  text-align: center
}

.user-data dt {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: var(--theme-color);
  font-weight: 100
}

.user-data dd {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #666
}

.user-money1 {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0;
  margin-top: 15px
}

.user-money1 i {
  vertical-align: middle
}

.button.button-fill.bg-red,
.button.button-fill.color-red {
  background: #f44336;
  color: #fff !important
}

.button.button-fill.bg-blue,
.button.button-fill.color-blue {
  background: #b11c00;
  color: #fff !important
}

.button.button-fill.loginOut {
  background: #f44336;
  color: #fff !important;
  text-decoration: none
}

.login-bar {
  background: #fff !important;
  box-shadow: none !important;
  height: 44px !important;
  border-bottom: 1px solid #f0f0f0
}

.item-code img {
  height: 36px;
  position: absolute;
  right: 0;
  bottom: 0
}

input.modal-text-input {
  box-sizing: border-box;
  height: 36px;
  background: #fff;
  margin: 15px 0 0;
  padding: 0;
  border: none;
  width: 100%;
  font-size: 14px;
  font-family: inherit;
  display: block;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  transition-duration: .2s
}

input.custom-placeholder::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .4)
}

input.custom-placeholder::placeholder {
  color: rgba(0, 0, 0, .4)
}

.transaction-page .mdc-tab {
  line-height: 43px;
  height: 43px;
  font-size: 14px;
  background-color: #fff
}

.transaction-page .mdc-tab--active .mdc-tab__content {
  color: var(--theme-color)
}

.transaction-page .mdc-tab__content {
  color: #b7b7b7
}

.transaction-page .mdc-tab--active .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: var(--theme-color)
}

.transaction-record-list li a.item-link.item-content .small-text {
  font-size: 14px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 2px;
  margin-right: 4px
}

.transaction-record-list li a.item-link.item-content .grey {
  background: #b7b7b7;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content .red {
  background: #dc3b40;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content .blue {
  background: #38f;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content .violet {
  background: #6b73f5;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content .green {
  background: #6fe26f;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content .yellow {
  background: #ffc200;
  color: #fff !important
}

.transaction-record-list li a.item-link.item-content:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .12);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  opacity: .5
}

.aboutproxy-page .mdc-tab {
  line-height: 43px;
  height: 43px;
  font-size: 12px;
  background-color: #fff
}

.aboutproxy-page .mdc-tab__content {
  padding: 0
}

.aboutproxy-page .mdc-tab--active,
.aboutproxy-page .mdc-tab--active .mdc-tab__content {
  color: var(--theme-color)
}

.aboutproxy-page .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  background: var(--theme-color);
  transition-duration: .3s
}

.react-datepicker-wrapper {
  width: 100%
}

.react-datepicker-popper {
  z-index: 16 !important
}

.game-list-tab {
  margin: 15px 0
}

.game-list-tab .mdc-tab-scroller__scroll-area--scroll {
  margin: auto;
  width: calc(100vw - 40px)
}

.game-list-tab .mdc-tab__content {
  padding-bottom: 0
}

.game-list-tab .mdc-tab {
  line-height: 28px;
  height: 28px;
  padding: 0 16px;
  font-size: 13px;
  min-width: 75px;
  margin-right: 10px;
  border-radius: 25px;
  border: 1px solid #fff
}

.game-list-tab .mdc-tab--active {
  color: var(--theme-color);
  background-color: #f7f7f7;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15) !important
}

.green-theme {
  padding: 0 15px
}

.green-theme .mdc-tab {
  border-color: #ddd
}

.green-theme .mdc-tab--active {
  background-color: var(--theme-color);
  color: #fff
}

.game-list-tab .mdc-tab-scroller__scroll-content {
  overflow-y: hidden;
  padding: 5px 0
}

.game-list-tab .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  display: none;
  background-color: var(--theme-color)
}

.game-list {
  padding: 0
}

.game-list dl {
  text-align: center;
  margin: 0 0 20px;
  position: relative
}

.game-list dl a {
  display: block
}

.game-list dt {
  position: relative
}

.game-list dt img {
  width: 55px;
  height: 55px;
  border-radius: 30%
}

.game-list dt img.bq2 {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  border-radius: 0
}

.game-list img.bq2-en {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -3px;
  right: -3px
}

.game-list dd {
  color: #212121;
  margin: 7px 0 0;
  font-size: 12px
}

.game-tip {
  color: #999;
  font-size: 12px;
  margin-top: 1px
}

.game-tip span {
  color: #fff;
  background: #f44336;
  border-radius: 9px;
  padding: 0 5px;
  display: inline-block
}

.point {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  border: 2px solid #f44336;
  vertical-align: middle;
  margin-right: 5px
}

.proxy-title {
  padding: 12px;
  font-size: 15px;
  line-height: 1
}

.proxy-box {
  padding: 16px;
  background: #fff
}

.proxy-box p {
  margin: 0 0 10px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif
}

.proxy-box.list-block {
  margin: 0;
  padding: 0
}

.proxy-card-box {
  margin: 0;
  border: 1px solid #f44336
}

.proxy-card-1 {
  background: #f44336;
  color: #fff;
  text-align: center;
  font-size: 14px;
  padding: 6px 0
}

.proxy-card-2 {
  padding: 8px 0 0
}

.proxy-card-3 {
  padding: 8px 0;
  font-size: 15px
}

.h3,
h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0;
  font-weight: 700
}

.row {
  display: flex;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  flex-wrap: wrap;
  align-items: flex-start
}

.proxy-card {
  text-align: center;
  margin-bottom: 20px;
  padding: 10px 15px 15px
}

.row>[class*=col-] {
  box-sizing: border-box
}

.row .col-33 {
  width: 33.3333333333%
}

.lottery-list1 {
  background: #fff;
  padding: 0;
  margin-bottom: 0
}

.lottery-list1 dl {
  float: left;
  width: 50%;
  border-bottom: 1px solid #f4f4f4;
  margin: 0
}

.lottery-list1 dl a {
  display: block;
  border-right: 1px solid #f4f4f4;
  padding: 15px 0 15px 13px;
  height: 82px;
  overflow: hidden
}

.lottery-list1 dt {
  float: left;
  line-height: 0;
  position: relative
}

.lottery-list1 dt img {
  width: 52px;
  border-radius: 8px
}

.lottery-list1 dt img.bq2 {
  position: absolute;
  top: -1px;
  left: 50%;
  margin-left: -25px
}

.lottery-list1 dd {
  color: #212121;
  margin: 5px 0 0 62px;
  font-size: 15px
}

.lottery-tip {
  font-size: 13px;
  margin: 5px 0;
  padding: 0 10px;
  position: relative
}

.lottery-list1 .lottery-tip {
  color: #999;
  font-size: 13px;
  margin: 3px 0 0 62px;
  padding: 0
}

.searchbar {
  height: 32px;
  -webkit-box-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}

.searchbar-input {
  box-sizing: border-box;
  width: 100%;
  height: 32px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-family: inherit;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0 15px 0 24px;
  background-color: transparent;
  background-position: 0;
  opacity: .6;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPScjRkZGJyBoZWlnaHQ9JzI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTE1LjUgMTRoLS43OWwtLjI4LS4yN0E2LjQ3MSA2LjQ3MSAwIDAwMTYgOS41IDYuNSA2LjUgMCAxMDkuNSAxNmMxLjYxIDAgMy4wOS0uNTkgNC4yMy0xLjU3bC4yNy4yOHYuNzlsNSA0Ljk5TDIwLjQ5IDE5bC00Ljk5LTV6bS02IDBDNy4wMSAxNCA1IDExLjk5IDUgOS41UzcuMDEgNSA5LjUgNSAxNCA3LjAxIDE0IDkuNSAxMS45OSAxNCA5LjUgMTR6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

.searchbar-clear,
.searchbar-input {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transition-duration: .3s
}

.searchbar-clear {
  position: absolute;
  width: 56px;
  height: 100%;
  right: -16px;
  top: 0;
  background-position: 50%;
  cursor: pointer
}

.searchbar-input::-webkit-input-placeholder {
  color: #fff
}

.searchbar-input::placeholder {
  color: #fff
}

.thirdLoginDiv {
  background-color: var(--theme-color) !important;
  background: var(--theme-color) !important
}

.page-content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  height: calc(100% - var(--safe-bottom));
  position: relative;
  z-index: 1
}

.preloader {
  font-size: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  -webkit-animation: preloader-outer 3.3s linear infinite;
  animation: preloader-outer 3.3s linear infinite
}

.preloader svg {
  width: 100%;
  height: 100%;
  -webkit-animation: preloader-inner 1.32s linear infinite;
  animation: preloader-inner 1.32s linear infinite
}

.preloader svg circle {
  fill: none;
  stroke: #757575;
  stroke-linecap: square;
  -webkit-animation: preloader-arc 1.32s cubic-bezier(.8, 0, .4, .8) infinite;
  animation: preloader-arc 1.32s cubic-bezier(.8, 0, .4, .8) infinite
}

@-webkit-keyframes preloader-outer {
  0% {
    -webkit-transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn)
  }
}

@keyframes preloader-outer {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes preloader-inner {
  0% {
    -webkit-transform: rotate(-100.8deg)
  }

  to {
    -webkit-transform: rotate(0)
  }
}

@keyframes preloader-inner {
  0% {
    -webkit-transform: rotate(-100.8deg);
    transform: rotate(-100.8deg)
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@-webkit-keyframes preloader-arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0
  }

  40% {
    stroke-dasharray: 151.55042961px, 210.48670779px;
    stroke-dashoffset: 0
  }

  to {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: -151.55042961px
  }
}

@keyframes preloader-arc {
  0% {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: 0
  }

  40% {
    stroke-dasharray: 151.55042961px, 210.48670779px;
    stroke-dashoffset: 0
  }

  to {
    stroke-dasharray: 1 210.48670779px;
    stroke-dashoffset: -151.55042961px
  }
}

.textAnimate .wrapper {
  overflow-x: clip;
  width: 100%;
}

.text-left {
  text-align: left;
}

.preloader-inner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-animation: preloader-inner-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
  animation: preloader-inner-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

.preloader-inner .preloader-inner-gap {
  position: absolute;
  width: 2px;
  left: 50%;
  margin-left: -1px;
  top: 0;
  bottom: 0;
  box-sizing: border-box;
  border-top: 4px solid #757575
}

.preloader-inner .preloader-inner-left,
.preloader-inner .preloader-inner-right {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  overflow: hidden
}

.preloader-inner .preloader-inner-half-circle {
  position: absolute;
  top: 0;
  height: 100%;
  width: 200%;
  box-sizing: border-box;
  border: 4px solid #757575;
  border-bottom-color: transparent !important;
  border-radius: 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-duration: 1.3125s;
  -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
  animation-iteration-count: infinite;
  animation-duration: 1.3125s;
  animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

.preloader-white .preloader-inner .preloader-inner-gap,
.preloader-white .preloader-inner .preloader-inner-half-circle {
  border-color: #fff
}

.preloader-inner .preloader-inner-left {
  left: 0
}

.preloader-inner .preloader-inner-left .preloader-inner-half-circle {
  left: 0;
  border-right-color: transparent !important;
  -webkit-animation-name: preloader-left-rotate;
  animation-name: preloader-left-rotate
}

.preloader-inner .preloader-inner-right {
  right: 0
}

.preloader-inner .preloader-inner-right .preloader-inner-half-circle {
  right: 0;
  border-left-color: transparent !important;
  -webkit-animation-name: preloader-right-rotate;
  animation-name: preloader-right-rotate
}

.color-multi .preloader-inner .preloader-inner-left .preloader-inner-half-circle {
  -webkit-animation-name: preloader-left-rotate-multicolor;
  animation-name: preloader-left-rotate-multicolor
}

.color-multi .preloader-inner .preloader-inner-right .preloader-inner-half-circle {
  -webkit-animation-name: preloader-right-rotate-multicolor;
  animation-name: preloader-right-rotate-multicolor
}

@-webkit-keyframes preloader-left-rotate {

  0%,
  to {
    -webkit-transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg)
  }
}

@keyframes preloader-left-rotate {

  0%,
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }

  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
}

@-webkit-keyframes preloader-right-rotate {

  0%,
  to {
    -webkit-transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg)
  }
}

@keyframes preloader-right-rotate {

  0%,
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }

  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
}

@-webkit-keyframes preloader-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn)
  }
}

@keyframes preloader-inner-rotate {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
  }

  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
  }

  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg)
  }

  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg)
  }

  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg)
  }

  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg)
  }

  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg)
  }

  to {
    -webkit-transform: rotate(3turn);
    transform: rotate(3turn)
  }
}

@-webkit-keyframes preloader-left-rotate-multicolor {

  0%,
  to {
    border-left-color: #4285f4;
    -webkit-transform: rotate(130deg)
  }

  75% {
    border-left-color: #1b9a59;
    border-top-color: #1b9a59
  }

  50% {
    border-left-color: #f7c223;
    border-top-color: #f7c223;
    -webkit-transform: rotate(-5deg)
  }

  25% {
    border-left-color: #de3e35;
    border-top-color: #de3e35
  }
}

@keyframes preloader-left-rotate-multicolor {

  0%,
  to {
    border-left-color: #4285f4;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg)
  }

  75% {
    border-left-color: #1b9a59;
    border-top-color: #1b9a59
  }

  50% {
    border-left-color: #f7c223;
    border-top-color: #f7c223;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }

  25% {
    border-left-color: #de3e35;
    border-top-color: #de3e35
  }
}

@-webkit-keyframes preloader-right-rotate-multicolor {

  0%,
  to {
    border-right-color: #4285f4;
    -webkit-transform: rotate(-130deg)
  }

  75% {
    border-right-color: #1b9a59;
    border-top-color: #1b9a59
  }

  50% {
    border-right-color: #f7c223;
    border-top-color: #f7c223;
    -webkit-transform: rotate(5deg)
  }

  25% {
    border-top-color: #de3e35;
    border-right-color: #de3e35
  }
}

@keyframes preloader-right-rotate-multicolor {

  0%,
  to {
    border-right-color: #4285f4;
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg)
  }

  75% {
    border-right-color: #1b9a59;
    border-top-color: #1b9a59
  }

  50% {
    border-right-color: #f7c223;
    border-top-color: #f7c223;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }

  25% {
    border-top-color: #de3e35;
    border-right-color: #de3e35
  }
}

.floating-button.theme-font-color,
.speed-dial-buttons a.theme-font-color,
.theme-font-color .floating-button,
.theme-font-color .speed-dial-buttons a {
  color: #fff;
  background: var(--theme-color)
}

.theme-font-color .card a,
.theme-font-color a {
  color: var(--theme-color)
}

.actions-modal-button,
.button,
.floating-button>a,
.label-checkbox,
.label-radio,
.modal-button,
.ripple,
.speed-dial-buttons a,
.tab-link,
a.floating-button,
a.item-link,
a.link {
  -webkit-user-select: none;
  user-select: none
}

.floating-button {
  position: absolute;
  right: 16px;
  bottom: 16px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  z-index: 1500;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
  background-color: #b11c00;
  color: #fff;
  overflow: hidden;
  transition-duration: .3s;
  display: flex;
  align-items: center;
  justify-content: center
}

.user-pic {
  float: left;
  position: relative
}

.user-pic i {
  display: block;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  border: 1px solid #fff;
  position: absolute;
  bottom: 15px;
  right: 0
}

.user-pic i.offline {
  background: #999
}

.user-pic i.online {
  background: #009688
}

.pay-icon img {
  border-radius: initial;
  height: 32px
}

.recharge-list {
  margin: 0
}

.recharge-list .item-media img {
  width: auto;
  height: auto;
  max-width: 40px
}

.userface ul {
  padding: 0 0 5px;
  background-image: url(../../static/media/user-bg.7c82f4c2.png);
  background-size: 100% 100%
}

.amountbtn {
  margin-left: 5px !important;
  font-family: Arial, Helvetica, sans-serif !important
}

.amountbtn:hover {
  text-decoration: none
}

.navbar .center,
.subnavbar .center {
  margin: 0 auto;
  line-height: 44px;
  font-size: 15px;
  width: auto;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin: 0 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 56px;
  display: inline-block;
  text-align: left
}

.nav-tab {
  height: 32px !important;
  line-height: 30px !important;
  text-align: center;
  margin: 0 auto;
  line-height: 44px;
  font-size: 15px;
  width: auto
}

.nav-tab a.tab-link {
  background: var(--theme-color) !important;
  color: #fff !important;
  border: 1px solid #fff
}

.nav-tab a.active {
  background: #fff !important;
  color: #000 !important
}

.nav-tab a {
  height: 30px !important;
  line-height: 30px !important;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  width: 90px;
  text-align: center;
  text-decoration: none
}

.userface {
  background: linear-gradient(45deg, #b11c00, #b11c00, #b11c00, #b11c00, #b11c00);
  background-size: 400% 400%;
  animation: gradientAnimation 10s ease infinite;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}



.DataTotal {
  padding: 16px 16px 48px;
  /*background-image: url(https://img.upanh.tv/2024/10/22/BG.png);*/
  background-size: 100% 100%;
  position: relative
}

.clearfix {
  clear: both
}

.userface a {
  color: #fff !important;
  text-decoration: none
}

.DataTotal-btn {
  width: 40%;
  border-radius: 18px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
  margin: 24px auto 0 !important;
  background: linear-gradient(#fff, #e5e5e5);
  color: var(--theme-color);
  text-decoration: none;
  text-align: center;
  display: block;
  line-height: 36px;
  outline: 0;
  border: none;
  height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  text-transform: uppercase;
  font-family: inherit;
  min-width: 64px;
  padding: 0 8px
}

.DataTotal-btn,
.searchbar {
  position: relative;
  overflow: hidden
}

.searchbar {
  background-color: transparent !important;
  height: 48px;
  width: 100%;
  background: #b11c00;
  box-sizing: border-box;
  padding: 0 16px;
  display: flex;
  align-items: center;
  color: #fff
}

.searchbar .searchbar {
  width: 100%;
  height: 32px;
  position: relative;
  flex-shrink: 1
}

#searchbarARPlaceholder {
  border-bottom-color: #999;
  opacity: 1;
  color: #999
}

.searchbar input[type=text] {
  box-sizing: border-box;
  width: 95%;
  height: 32px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-family: inherit;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #fff;
  height: 100%;
  padding: 0 36px 0 24px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  opacity: .6;
  background-size: 24px 24px;
  transition-duration: .3s
}

a,
input,
select,
textarea {
  outline: 0
}

.searchbar a:before {
  width: 152%;
  height: 152%;
  position: absolute;
  left: -26%;
  top: -26%;
  background-image: radial-gradient(circle at center, hsla(0, 0%, 100%, .15) 66%, hsla(0, 0%, 100%, 0) 0);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
  opacity: 0;
  pointer-events: none;
  transition-duration: .6s
}

.blue {
  font-weight: 400
}

.theme-btn-brh-active {
  color: #fff;
  background-color: var(--theme-color);
  height: 30px;
  display: block;
  margin: 0 10px 10px 0;
  text-align: center;
  font-size: 13px;
  width: 100%;
  border: 1px solid;
  border-radius: 5px
}

.btn-brh:hover {
  background-color: transparent;
  color: #212121
}

.btn-brh-active:hover {
  background-color: transparent;
  color: var(--theme-color)
}

.btn-brh {
  border-radius: 5px;
  color: #212121;
  border: 1px solid #e1e1e1
}

.btn-brh,
.btn-brh-active {
  height: 30px;
  display: block;
  margin: 0 10px 10px 0;
  text-align: center;
  font-size: 10px;
  width: 100%
}

.btn-brh-active {
  border-radius: 5px;
  color: var(--theme-color);
  border: 1px solid;
  border-color: var(--theme-color)
}

.div-btn {
  list-style: none;
  float: left;
  width: 33%;
  padding-left: 6px
}

.cb-btn {
  flex: 1 1 auto;
  padding: 0
}

.select-badge {
  font-size: 10px;
  display: inline-block;
  color: #fff;
  background: #8e8e93;
  border-radius: 3px;
  padding: 1px 6px;
  box-sizing: border-box;
  vertical-align: middle;
  text-decoration: none
}

.item-after .select-badge {
  padding: 3px 6px
}

.bg-green {
  background-color: #4caf50
}

.mt0 {
  margin-top: 0 !important
}

.select-channel .item-inner {
  color: #f44336
}

.page-content-44 {
  height: calc(var(--vh) - var(--safe-bottom) - 44px)
}

.page-content-44,
.page-content-92 {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.page-content-92 {
  height: calc(var(--vh) - var(--safe-bottom) - 92px)
}

.page-content-94 {
  height: calc(var(--vh) - var(--safe-bottom) - 94px)
}

.page-content-94,
.page-content-126 {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.page-content-126 {
  height: calc(var(--vh) - var(--safe-bottom) - 126px)
}

.agitem-content {
  border-bottom: 1px solid;
  border-color: #dee2e6;
  color: #757575;
  font-size: 14px;
  width: 80%;
  margin-left: 12%
}

.searchbar .arsearchbar-input {
  width: 100%;
  height: 32px;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  flex-shrink: 1
}

.searchbar .searchbar-clear {
  position: absolute;
  width: 56px;
  height: 100%;
  right: -16px;
  top: 0;
  opacity: 0;
  pointer-events: none;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  transition-duration: .3s;
  cursor: pointer
}

.trsearchbar {
  background-color: var(--theme-color);
  height: 48px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 16px;
  position: relative;
  display: flex;
  align-items: center;
  color: #fff
}

.trsearchbar .trsearchbar-input {
  width: 100%;
  height: 32px;
  position: relative;
  -webkit-box-flex: 1;
  flex-shrink: 1
}

.trsearchbar input[type=text] {
  box-sizing: border-box;
  width: 95%;
  height: 32px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  font-family: inherit;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  border: none;
  border-bottom: 1px solid #fff;
  height: 100%;
  padding: 0 36px 0 30px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0;
  opacity: .6;
  background-size: 24px 24px;
  transition-duration: .3s
}

.trsearchbarARPlaceholder {
  border-bottom-color: #fff !important;
  opacity: 1;
  color: #fff !important
}

.trsearchbarARPlaceholder::-webkit-input-placeholder {
  color: #fff !important;
  color: #e5e5e5 !important
}

.trsearchbarARPlaceholder::placeholder {
  color: #fff !important;
  color: #e5e5e5 !important
}

.coupon {
  position: relative;
  display: inline-block;
  padding: 0 9px 0 12px;
  border-top: 1px solid #e4393c;
  border-bottom: 1px solid #e4393c;
  height: 18px;
  line-height: 18px;
  color: #e4393c;
  font-size: 12px
}

.coupon:after,
.coupon:before {
  content: "";
  position: absolute;
  top: -1px;
  height: 18px;
  background-image: url(../../static/media/coupon.59c78b5f.png);
  background-size: 15px 18px;
  background-repeat: no-repeat
}

.coupon:before {
  left: 0;
  width: 7px
}

.coupon:after {
  right: 0;
  width: 4px;
  background-position: -11px 0
}

.cengji {
  padding: 10px 5px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 400;
  text-align: left;
  background: #f4f4f4;
  color: #000
}

label.label-radio .item-after i.icon-form-radio {
  margin-left: 8px;
  margin-right: 16px
}

.full-page-modal .modal-content {
  background-color: #f4f4f4
}

.safe-password-modal .list-block .item-inner:after {
  background-color: #fff
}

.check-detail-modal {
  margin: 0;
  height: -webkit-fill-available;
  height: fill-available
}

.check-detail-modal .modal-content {
  height: 100%
}

.check-detail-modal label,
.check-record-page label {
  margin: 0
}

.check-detail-modal .data-table,
.check-record-page .data-table {
  overflow-x: auto
}

.check-detail-modal .data-table table,
.check-record-page .data-table table {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  text-align: left
}

.check-detail-modal .data-table tbody,
.check-record-page .data-table tbody {
  font-size: 13px
}

.check-detail-modal .data-table td,
.check-detail-modal .data-table th,
.check-record-page .data-table td,
.check-record-page .data-table th {
  padding-left: 10px !important;
  padding-right: 10px !important;
  height: 40px !important;
  position: relative
}

.check-detail-modal .data-table tbody td:before,
.check-record-page .data-table tbody td:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .12);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

.check-detail-modal .data-table td.numeric-cell,
.check-detail-modal .data-table th.numeric-cell,
.check-record-page .data-table td.numeric-cell,
.check-record-page .data-table th.numeric-cell {
  text-align: right
}

.check-detail-modal .data-table thead,
.check-record-page .data-table thead {
  font-size: 12px
}

.check-detail-modal .data-table thead td,
.check-detail-modal .data-table thead th,
.check-record-page .data-table thead td,
.check-record-page .data-table thead th {
  font-weight: 500;
  height: 56px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 16px
}

.check-detail-modal .data-table thead td:not(.sortable-active),
.check-detail-modal .data-table thead th:not(.sortable-active),
.check-record-page .data-table thead td:not(.sortable-active),
.check-record-page .data-table thead th:not(.sortable-active) {
  color: rgba(0, 0, 0, .54)
}

.item-coupon {
  color: #eb5935;
  font-size: 28px;
  display: block !important
}

.item-coupon-ed {
  color: #bbb
}

.list-block.media-list .item-coupon {
  padding-top: 8px;
  padding-bottom: 8px
}

.item-coupon .small,
.item-coupon small {
  font-size: 14px;
  vertical-align: text-top
}

.item-coupon span {
  display: block;
  font-size: 12px !important;
  color: #999 !important;
  margin-top: -6px;
  text-align: center
}

.slect-ed {
  color: #bbb
}

.list-radio .item-after {
  padding-top: 26px !important
}

.code-img {
  margin: 0 auto;
  width: 206px
}

.code-list {
  background: #fff;
  text-align: center;
  font-size: 14px
}

.sub-account .list-block .item-inner {
  display: block
}

.sub-account .list-block .item-inner .item-title .label {
  width: 100%;
  font-size: 14px !important
}

.sub-account .list-block .item-content .sub-account-slider {
  width: 100%
}

.agent-promo-tab2 .DataTotal-card {
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .02);
  border-radius: 8px;
  margin: 10px 10px 0
}

.agent-promo-tab2 .DataTotal-card .list-block {
  border-radius: 8px
}

.agent-promo-tab2 .DataTotal-card .list-block .item-inner:after {
  display: none
}

.agent-promo-tab2 .DataTotal-card .card-footer {
  min-height: 36px;
  position: relative;
  padding: 4px 16px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 0 0 8px 8px
}

.agent-promo-tab2 .DataTotal-bottom {
  height: 49px;
  background-color: #fff;
  border-top: 1px solid #e1e1e1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999
}

.agent-promo-tab2 .DataTotal-bottom-l {
  padding: 14px 16px;
  float: left
}

.agent-promo-tab2 .DataTotal-bottom-r {
  padding: 14px;
  float: right
}

.agent-promotion-modal .item-content {
  padding-left: 18px;
  padding-right: 18px
}

.agent-promotion-modal .item-content,
.agent-promotion-modal .item-content .item-inner {
  box-sizing: border-box;
  min-height: 48px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.agent-promotion-modal .item-content .item-inner {
  padding-right: 16px;
  position: relative;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 0;
  align-self: stretch
}

.agent-promotion-modal .item-content .item-inner:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-color: rgba(0, 0, 0, .65);
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  opacity: .3
}

.agent-promotion-modal .item-content .item-inner .item-title {
  vertical-align: top;
  color: rgba(0, 0, 0, .65);
  transition-duration: .2s;
  width: 35%;
  flex-shrink: 0;
  min-width: 0;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-size: 14px !important
}

.agent-promotion-modal .item-content .item-inner .item-after {
  white-space: nowrap;
  color: #757575;
  -webkit-box-flex: 0;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 8px;
  display: flex;
  max-height: 28px;
  font-size: 14px
}

.docdetail-tab .mdc-tab__content {
  padding-bottom: 0
}

.docdetail-tab .mdc-tab {
  line-height: 43px;
  height: 43px;
  padding: 0 16px;
  font-size: 14px;
  background-color: #fff
}

.docdetail-tab .mdc-tab--active {
  color: red
}

.docdetail-tab .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: red
}

.apm-button {
  color: #fff !important
}

.apm-button,
.apm-button1 {
  width: 100%;
  text-align: center;
  display: block;
  border-radius: 2px;
  line-height: 36px;
  margin: 0;
  height: 36px;
  font-size: 14px;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: uppercase;
  font-family: inherit;
  cursor: pointer;
  min-width: 64px;
  padding: 0 8px;
  overflow: hidden;
  outline: 0;
  border: none;
  transition-duration: .3s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.apm-button1 {
  color: var(--theme-color) !important
}

.rules-method-container {
  overflow: auto;
  white-space: nowrap;
  width: 100vw;
  height: 65px
}

.rules-method-header {
  display: inline-block;
  min-width: 65px;
  text-align: center;
  padding-top: 14px;
  margin: 0 5px
}

.lottery-method .rules-method-header {
  padding-top: 5px;
  font-size: 14px
}

.rules-method-header-button {
  padding: 5px 17px;
  border-radius: 25px;
  display: block;
  min-width: 75px;
  background-color: #f4f4f4;
  color: #bfbfbf
}

.rules-method-header-button.active {
  color: #fff !important;
  background-color: var(--theme-color) !important
}

.line-modal .modal {
  top: unset;
  bottom: calc(var(--safe-bottom))
}

.line-modal .modal-dialog {
  margin: 0
}

.line-modal .modal.fade .modal-dialog {
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

.line-modal .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.line-modal .modal {
  height: auto
}

.line-modal .modal-backdrop {
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.line-modal .modal-content {
  border-radius: 0;
  border: none
}

.msg-length {
  font-size: 80%;
  margin-left: 8px;
  padding: 2px 12px;
  border-radius: 15px;
  display: block;
  color: #fff
}

.msg-length,
.unreadmsg {
  background: var(--theme-color)
}

.unreadmsg {
  padding: 8px;
  float: left;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 5px;
  position: relative
}

.unreadmsg svg {
  display: block;
  color: #fff
}

.unreadmsg .msgdot {
  display: block;
  height: 7px;
  width: 7px;
  border-radius: 5px;
  border: 1px solid #fff;
  position: absolute;
  top: 0;
  background: orange;
  right: 0;
  z-index: 5
}

.readmsg {
  padding: 8px;
  float: left;
  border-radius: 50%;
  background: #bcbcbc;
  margin-right: 10px;
  margin-top: 5px
}

.readmsg svg {
  display: block;
  color: #fff
}

.toggleOnOff {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 10px;
  color: #fff;
  padding-right: 2;
  font-family: Verdana, sans-serif
}

.activity-main .h3,
.activity-main h3 {
  border-left: .27907rem solid var(--theme-color);
  font-size: 23px;
  padding-left: .46512rem;
  font-weight: 400;
  color: var(--theme-color);
  margin: 1.16279rem 1.16279rem 1.16279rem 0
}

.activity-table {
  margin: 0 .5rem
}

.activity-main table {
  width: auto;
  text-align: center;
  color: #666;
  font-size: 17px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0
}

.activity-main table th {
  height: 50px;
  border: .04651rem solid #e9e9e9;
  background: #f2f7ff;
  font-weight: 300;
  padding: 12px 20px;
  width: 100px
}

.activity-main table th:first-child {
  min-width: 6.7907rem
}

.activity-main table td {
  height: 1.8rem;
  border: .04651rem solid #e9e9e9;
  font-weight: 300;
  padding: 0
}

.activity-main .tip {
  margin: .5rem;
  font-size: .9em;
  border: .04651rem solid #e9e9e9
}

.activity-main .tip p {
  margin: .3rem
}

.list_image {
  margin-top: 6px
}

.list_image ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  text-align: center
}

.list_img_holder {
  height: 4.5rem;
  position: relative;
  background-size: 100% 100%
}

.list_image ul li {
  display: inline-block;
  overflow: hidden;
  width: 33.3%;
  box-sizing: border-box
}

.list_image ul li:first-child {
  float: left;
  padding-right: 6px
}

.list_img_holder img {
  border: none;
  display: block;
  width: 100%;
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity ease .3s;
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  text-decoration: none
}

.list_image ul li:last-child {
  float: right;
  padding-left: 6px
}

.list_img_holder_large {
  background-size: 100% 100%;
  overflow: hidden;
  width: 100%;
  position: relative;
  min-height: 3.75rem;
  margin-top: 6px
}

.list_img_holder_large img {
  border: none;
  display: block;
  width: 100%;
  pointer-events: none
}

.proxycentericon {
  width: 50%
}

.proxycenter-bigfont {
  font-weight: 400
}

.proxycenter-mediumfont {
  font-weight: 400;
  font-size: 22px !important
}

.bettingrecordpage .mdc-tab {
  line-height: 43px;
  height: 43px;
  font-size: 14px;
  background-color: #fff
}

.bettingrecordpage .mdc-tab--active {
  color: var(--theme-color)
}

.bettingrecordpage .mdc-tab__content {
  padding-bottom: 0
}

.bettingrecordpage .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  opacity: 1;
  background-color: #eaeaea;
  height: 1.5px
}

.bettingrecordpage .mdc-tab--active .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: var(--theme-color);
  height: 2px
}

.rise-page .unclick {
  color: #fff;
  font-style: normal;
  font-weight: 700;
  background: var(--theme-color);
  border-color: var(--theme-color);
  -webkit-transform: translate(12%, 50%);
  transform: translate(12%, 50%);
  width: 80%;
  height: 50px;
  font-size: 25px;
  padding-top: 5px;
  border-radius: 5px;
  border: 1px solid var(--theme-color)
}

.notice-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  left: 50%;
  top: 50%;
  position: absolute;
  margin: 0;
  width: 85%;
  max-width: 400px
}

.notice-modal .modal-backdrop {
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.notice-dialog .modal-content {
  border: none !important
}

.notice-dialog .notice-header {
  position: absolute;
  text-align: center;
  width: 100%;
  color: #fff;
  font-weight: 400;
  padding: 10px;
  font-size: 17px;
  background-color: #3a3a3a
}

.notice-dialog .notice-close {
  position: absolute;
  right: 10px;
  top: 5px;
  color: #fff;
  font-size: 25px;
  z-index: 5
}

.notice-dialog .notice-title {
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: 700;
  margin-top: 60px
}

.notice-dialog .notice-content {
  max-height: 360px;
  overflow: auto;
  padding: 0 20px;
  height: 100%
}

.notice-dialog .notice-confirm {
  color: #ff5722;
  text-align: center;
  font-weight: 700;
  padding: 10px 0 15px
}

.notice-dialog img {
  width: 50%;
  height: 50%;
  max-width: 100%;
  max-height: 100%
}

.list-content {
  background: #fff
}

.list-content section {
  margin: 0 15px;
  padding: 15px 0;
  border-bottom: 1px solid hsla(0, 0%, 86.7%, .6)
}

.list-content .h3,
.list-content h3 {
  color: #222;
  font-size: 17px;
  line-height: 21px;
  font-weight: 400;
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0
}

.cardWrap {
  width: 100%;
  display: flex;
  padding: 0 15px;
  color: #fff;
  font-family: sans-serif
}

.card1 {
  background: linear-gradient(90deg, #ff8080 26%, #ff4d4d)
}

.card1,
.card2 {
  min-height: 7em;
  float: left;
  position: relative;
  padding: 1em
}

.card2 {
  background: #ff4d4d
}

.cardLeft {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  width: 60%;
  margin: 0 0 10px
}

.cardRight {
  width: 40%;
  min-width: 100px;
  border-left: .18em dashed #fff;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  margin: 0 0 10px
}

.cardRight:after,
.cardRight:before {
  content: "";
  position: absolute;
  display: block;
  width: .9em;
  height: .9em;
  background: #fff;
  border-radius: 50%;
  left: -.5em
}

.cardRight:before {
  top: -.4em
}

.cardRight:after {
  bottom: -.4em
}

.number {
  text-align: center;
  text-transform: uppercase;
  margin: -23px 2px 0 0
}

.number p {
  margin: .9em 0 0;
  font-size: 25px
}

.number span {
  color: #fff;
  font-weight: bold;
  font-size: "13px"
}

.voucher-button {
  margin: 10px -5px 0 0;
  width: 75px;
  height: 25px;
  border: #fff;
  font-size: 12px;
  line-height: 25px;
  padding: 0;
  background: #f39ea1 !important
}

.invalidVoucher .voucher-button {
  background: #c5c5c5 !important
}

.vouchernotice-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  left: 50%;
  position: absolute;
  margin: 0;
  width: 85%;
  max-width: 400px
}

.vouchernotice-dialog .modal-content {
  border: none
}

.vouchernotice-modal .modal-backdrop {
  opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.quan-list {
  position: absolute;
  top: 0;
  width: 100%;
  color: #fff;
  z-index: 99999
}

.quan-box-zh {
  background-image: url(../../static/media/quan-list-zh.420cd88f.png)
}

.quan-box-en,
.quan-box-zh {
  width: 250px;
  background-repeat: no-repeat;
  background-size: 105% auto;
  margin: 0 auto;
  padding: 74px 10px 20px;
  border-radius: 15px
}

.quan-box-en {
  background-image: url(../../static/media/quan-list-en.eb6e05b4.png)
}

.quan-box-vi {
  background-image: url(../../static/media/quan-list-vi.f233eff3.png)
}

.quan-box-th,
.quan-box-vi {
  width: 250px;
  background-repeat: no-repeat;
  background-size: 105% auto;
  margin: 0 auto;
  padding: 74px 10px 20px;
  border-radius: 15px
}

.quan-box-th {
  background-image: url(../../static/media/quan-list-th.34d572d8.png)
}

.quan-box-in,
.quan-box-pt {
  width: 250px;
  background-image: url(../../static/media/quan-list-in.eb6e05b4.png);
  background-repeat: no-repeat;
  background-size: 105% auto;
  margin: 0 auto;
  padding: 74px 10px 20px;
  border-radius: 15px
}

.quan-li {
  height: 71px;
  background-image: url(../../static/media/quan-li.d7793465.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 0 8px
}

.quan-li-left {
  color: #eb5935;
  font-size: 15px;
  width: 37%;
  float: left;
  font-weight: 700;
  text-indent: 8px;
  margin-top: 25px
}

.quan-li-left .small,
.quan-li-left small {
  font-size: 14px
}

.quan-li-right {
  color: #212121;
  width: 63%;
  float: right;
  text-indent: 15px;
  margin-top: 16px
}

.quan-li-right span {
  color: #999;
  font-size: 12px;
  display: block
}

a.quan-btn {
  background: #efb93f;
  color: #fff;
  padding: 8px 0;
  border-radius: 20px;
  font-size: 14px;
  margin-top: 20px
}

a.quan-btn,
a.quan-close {
  display: block;
  text-align: center
}

a.quan-close {
  margin: 20px auto 0;
  width: 36px
}

a.quan-close img {
  width: 36px
}

.qksmall-text {
  font-size: 14px !important;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 2px;
  margin-right: 4px
}

.qksmall-text-red {
  background: #dc3b40
}

.qksmall-text-grey,
.qksmall-text-red {
  font-size: 14px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 2px;
  margin-right: 4px;
  color: #fff
}

.qksmall-text-grey {
  background: #b7b7b7
}

.qksmall-text-green {
  background: #6fe26f
}

.qksmall-text-green,
.qksmall-text-yellow {
  font-size: 14px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 2px;
  margin-right: 4px;
  color: #fff
}

.qksmall-text-yellow {
  background: #ffc200
}

.qksmall-text-blue {
  background: #12c2ff;
  font-size: 14px;
  line-height: 1;
  padding: 1px 5px;
  border-radius: 2px;
  margin-right: 4px;
  color: #fff
}

.small-title {
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  background: hsla(0, 0%, 82.7%, .3490196078);
  color: grey
}

.pwdimage {
  width: 24px;
  height: 24px
}

.font14px {
  font-size: 14px !important
}

.login-content .react-swipeable-view-container {
  background: linear-gradient(#fff0, #fff), url(/static/image/backgroudlogin.png);
  min-height: 100vh;
  padding: 0 .32rem;
}
}

.bg-light {
  background-color: #f4f4f4 !important
}

.transaction-record-refresh {
  border-radius: 100px;
  width: 2.5rem;
  height: 2.5rem;
  position: fixed;
  bottom: 45px;
  right: 33px;
  padding: 0
}

.hot-key-bar {
  background-color: #444 !important;
  position: fixed !important;
  bottom: calc(48px + var(--safe-bottom)) !important;
  top: auto !important;
  width: 100%;
  border-top: none !important
}

.hot-key-bar .row {
  margin: 0;
  height: 100%;
  width: 100%
}

.hot-key-bar .row .list-container {
  padding: 0 15px;
  width: 100%
}

.hot-key-bar dl {
  margin-bottom: 0;
  padding-top: 6px
}

.hot-key-bar dd {
  margin-bottom: 0;
  color: #fff
}

.hot-key-bar .lg-button {
  padding: 6px 12px;
  background: var(--theme-color);
  margin-top: 11px;
  border-radius: 5px;
  font-size: 14px;
  min-width: 70px;
  line-height: 1
}

.list-block .no-inner-line:after {
  height: 0
}

.list-block .item-after-input {
  margin: 0;
  flex: auto;
  padding-left: 10px
}

.followBetBtn label {
  line-height: 16px;
  font-size: 16px;
  color: #f6dcdb;
  padding: 5px 20px;
  background: #d13f3f;
  border-radius: 5px
}

.flow-bet-box-outside {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(51, 51, 51, .5);
  z-index: 3
}

.flow-bet-outside {
  position: fixed;
  left: 50%;
  top: 62%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow-y: auto;
  background: #f44336;
  border-radius: 10px;
  z-index: 99999999;
  text-align: center;
  background: #fff;
  min-width: 80%;
  font-size: smaller
}

.follow-bet-title {
  line-height: 40px;
  height: 25px;
  position: relative;
  font-size: 20px;
  font-weight: 600px
}

.follow-bet-game-outside {
  font-size: 16px;
  padding: 5px 20px;
  display: flex
}

.gray-left-label {
  color: #a9a9a9;
  width: 80px
}

.follow-bet-game-input {
  padding: 10px;
  background-color: #f6f6f6;
  border-radius: 5px;
  margin: 0 20px
}

.follow-bet-game-input .gray-left-label {
  color: #000;
  text-align: left
}

.follow-bet-game-input input {
  border: 0;
  text-align: right;
  height: 25px;
  font-size: 18px
}

.follow-bet-game-btn {
  display: flex;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: var(--theme-color);
  border-top: 1px solid #000;
  margin-top: 10px
}

.follow-bet-game-btn .cancelBtn {
  width: 50%;
  border-right: 1px solid #000;
  padding: 10px 0
}

.follow-bet-game-btn .sureBtn {
  width: 50%;
  padding: 10px 0
}

.follow-bet-game-btn .cancelBtn2 {
  width: 50%;
  border-right: 1px solid #000;
  padding: 10px 0
}

.follow-bet-game-btn .sureBtn2 {
  width: 50%;
  padding: 10px 0
}

.follow-bet-game-money {
  display: flex;
  justify-content: flex-end;
  padding: 5px 20px 0;
  margin-top: 5px;
  font-size: 15px
}

.follow-bet-stake-info {
  font-size: medium;
  padding: 10px 0;
  font-family: Arial, Helvetica, sans-serif
}

.follow-bet-label {
  padding: 0 15px 0 0
}

.follow-bet-repeatIssue {
  font-size: 15px;
  padding: 10px 0
}

.page.qqc-game,
.page.slm-game {
  box-sizing: border-box;
  left: 0;
  top: 0;
  background: #fff;
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.page.qqc-game,
.page.slm-game,
.qqc-game .marskdiv,
.slm-game .marskdiv {
  position: absolute;
  width: 100%;
  height: calc(var(--vh) - var(--safe-bottom))
}

.qqc-game .marskdiv,
.slm-game .marskdiv {
  background: 0 0;
  display: none;
  z-index: 9999
}

.qqc-game .gamebox {
  height: calc(var(--vh) - var(--safe-bottom))
}

.qqc-game .gamebox,
.slm-game .gamebox {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: block
}

.slm-game .gamebox {
  height: calc(var(--vh) - 44px - var(--safe-bottom))
}

.qqc-game .navbar {
  background: #061a4f
}

.qqc-game .toolbar-bottom {
  background: #061a4f !important;
  border-top-color: #061a4f !important
}

.marskdiv {
  background: 0 0;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  z-index: 9999
}

.qqc-game.my-popup .navbar {
  background: #061a4f
}

.qqc-game.my-popup table,
.qqc-game.my-popup table td {
  border-collapse: collapse;
  border: 1px solid #fff;
  font-family: Arial, Helvetica, sans-serif
}

.qqc-game.my-popup table thead tr td {
  text-align: center;
  font-size: 12px;
  white-space: nowrap
}

.qqc-game.my-popup table td {
  vertical-align: middle;
  padding: 4px;
  color: #fff;
  font-size: 10px
}

.qqc-game.my-popup table.chart-table,
.qqc-game.my-popup table.chart-table td {
  padding: 5px 0;
  color: #000;
  border: none;
  text-align: center
}

.qqc-game.my-popup table.chart-table>thead>tr>td {
  padding: 8px 0;
  background: #223c80;
  color: #fff
}

.qqc-game.my-popup table.chart-table>tbody>tr {
  background-color: #fff
}

.qqc-game.my-popup table.chart-table>tbody>tr:nth-of-type(odd) {
  background-color: #f3f3f3
}

.qqc-game.my-popup p {
  margin-bottom: 10px
}

.qqc-game.my-popup .top-title {
  margin-bottom: 0
}

.qqc-game.my-popup .page-content {
  color: #fff
}

.qqc-game.my-popup table tr td:first-child,
.qqc-game.my-popup table tr td:last-child {
  white-space: nowrap;
  text-align: center
}

.qqc-game .chart-table .guessChart_sum {
  color: #5da0ff
}

.qqc-game.my-popup table.chart-table td span {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 auto;
  line-height: 1
}

.qqc-game .chart-table .guessChart_bs span {
  background: #fb7f9a
}

.qqc-game .chart-table .guessChart_sd span {
  background: #65b3ff
}

.qqc-game .chart-table .guessChart_dssd span {
  background: #837bd3
}

.qqc-game .chart-table .guessChart_ss span {
  background: #edc882
}

.game-page.qqc-game .navbar-inner .center {
  display: flex
}

.qq-modal .modal-dialog {
  margin: 0
}

.qq-modal .modal-content {
  border: none
}

#noticeLink div span {
  display: inline-block;
  text-align: center
}

.login-page-icon {
  max-height: 10vh;
  max-width: 50vw;
  display: block;
  margin: 15px auto 5vh
}

.dropdown-item.active,
.dropdown-item:active {
  background: var(--theme-color)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle,
.show>.btn-outline-secondary.dropdown-toggle {
  background-color: var(--theme-color);
  border-color: var(--theme-color)
}

.MuiSlider-root {
  color: var(--theme-color) !important
}

.tbplus {
  position: relative;
  width: 100% !important
}

.tbplus a {
  position: absolute;
  right: 1px;
  top: 2px;
  font-size: 14px;
  color: #666
}

.tbplus ins {
  border-bottom: 1px solid #7fbbdc;
  position: absolute;
  width: 170px;
  -webkit-transform: rotate(22deg);
  transform: rotate(19deg);
  left: -25px;
  top: 21px
}

.tbplus i {
  position: absolute;
  left: 12px;
  bottom: 3px;
  color: #666;
  font-style: inherit;
  font-size: 14px
}

.maintenance-page {
  height: 100%;
  background: #fff
}

.maintenance-page body {
  font-family: 微软雅黑;
  font-size: 14px;
  background: #393d49;
  margin: 0
}

.maintenance-page .bg1 {
  background: #fff
}

.maintenance-page .top1 {
  margin: 70px auto 20px;
  text-align: center
}

.maintenance-page .tip1 {
  margin: 0 auto;
  text-align: center;
  color: #999;
  font-size: 32px;
  padding: 0 0 0 20px
}

.maintenance-page .tip2 {
  margin: 0 auto;
  text-align: center;
  color: #999;
  font-size: 18px;
  padding: 20px 0 0
}

.maintenance-page .tip2 span {
  color: #c22a30
}

.selected-depOpt {
  border: 1px solid var(--theme-color) !important
}

.selected-depOptName {
  color: var(--theme-color) !important
}

.add-border {
  border: 1px solid grey;
  border-radius: 5px;
  text-align: center;
  padding: 10px;
  margin-right: 5px;
  min-width: calc(50% - 3px);
  max-width: 170px
}

.add-scrollx {
  justify-content: normal !important;
  overflow: hidden;
  overflow-x: scroll
}

.scrollx-left {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px
}

.scrollx-left,
.scrollx-right {
  top: 50%;
  height: 47px;
  width: 30px;
  position: absolute;
  background-color: var(--theme-color);
  background-repeat: no-repeat;
  background-size: cover
}

.scrollx-right {
  right: 0;
  z-index: 9;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.scrollx-left i.left {
  background-image: url(../../static/media/left.5e8b9df0.png)
}

.scrollx-left i.left,
.scrollx-right i.right {
  width: 20px;
  height: 25px;
  left: 5%;
  top: 22%;
  position: inherit;
  z-index: 999999999;
  background-repeat: no-repeat;
  background-size: cover
}

.scrollx-right i.right {
  background-image: url(../../static/media/right.429ecdad.png)
}

.img-wfourty {
  max-width: 40px !important;
  max-height: 40px !important
}

.selected-depOptTxt {
  padding: 0 !important;
  display: block !important
}

.awardcenterpage .mdc-tab {
  line-height: 43px;
  height: 43px;
  font-size: 14px;
  background-color: #fff
}

.awardcenterpage .mdc-tab--active {
  color: var(--theme-color)
}

.awardcenterpage .mdc-tab__content {
  padding-bottom: 0
}

.awardcenterpage .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  opacity: 1;
  background-color: #eaeaea;
  height: 1.5px
}

.awardcenterpage .mdc-tab--active .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: var(--theme-color);
  height: 2px
}

.awardcenterpage .react-datepicker__input-container input {
  width: 80px;
  font-size: 13px;
  height: 22px;
  border: 0;
  padding: 5px;
  font-size: 15px
}

.awardcenterpage .react-datepicker__header {
  padding-top: 18px
}

.awardzhonghe th {
  background: #e5e4e2;
  color: #f44336
}

.awardzhonghe td,
.awardzhonghe th {
  border: 1px solid #d7d7d7
}

.zhonghebetpage {
  text-align: center;
  width: 95%;
  padding: 0 10px;
  margin: 0 auto
}

.zhonghebetpage td {
  border: 1px solid #d7d7d7
}

.insertBet {
  padding: 8px 10px
}

.betNumber,
.betValue {
  width: 100%;
  border: 1px solid #abb2b9;
  border-radius: 5px;
  margin-bottom: 5px;
  height: 32px
}

.days {
  border: 1px solid #d7d7d7;
  border-radius: 5px;
  float: left;
  padding: 10px;
  width: 30%;
  text-align: center;
  margin-left: 8px;
  margin-top: 5px
}

.days.active {
  background: var(--theme-color);
  color: #fff !important
}

.award-result-tab {
  flex: 1 1;
  color: var(--theme-color);
  width: inherit;
  text-align: center;
  line-height: 48px;
  height: 48px;
  border-bottom: 1px solid #dedede
}

.award-result-tab.active {
  border-bottom: 3px solid var(--theme-color)
}

.react-pattern-lock__point {
  border: 1px solid #000;
  padding: 20px;
  border-radius: 50%
}

.react-pattern-lock__point-inner {
  background: #fff !important
}

.react-pattern-lock__connector,
.react-pattern-lock__point-wrapper.selected .react-pattern-lock__connector,
.react-pattern-lock__point-wrapper.selected .react-pattern-lock__point-inner {
  background: #27aed5 !important
}

.react-pattern-lock__point-wrapper.selected .react-pattern-lock__point {
  border-color: #27aed5
}

.react-pattern-lock__pattern-wrapper.disabled .react-pattern-lock__connector,
.react-pattern-lock__pattern-wrapper.disabled .react-pattern-lock__point-inner {
  background: grey !important
}

.react-pattern-lock__pattern-wrapper.disabled .react-pattern-lock__point {
  border-color: grey
}

.react-pattern-lock__pattern-wrapper.error .react-pattern-lock__connector,
.react-pattern-lock__pattern-wrapper.error .react-pattern-lock__point-inner {
  background: red !important
}

.react-pattern-lock__pattern-wrapper.error .react-pattern-lock__point {
  border-color: red
}

.react-pattern-lock__pattern-wrapper.success .react-pattern-lock__connector,
.react-pattern-lock__pattern-wrapper.success .react-pattern-lock__point-inner {
  background: #0f0 !important
}

.react-pattern-lock__pattern-wrapper.success .react-pattern-lock__point {
  border-color: #0f0
}

.error-page p {
  text-align: center;
  font-family: open sans, sans-serif;
  color: #a7a7a7
}

.error-page table {
  text-align: center;
  height: 97vh;
  width: 100%
}

.error-page table img {
  width: 220px
}

.error-page td,
.error-page tr {
  height: 100%
}

.error-page .time {
  color: #ff5252;
  font-weight: 800
}

.error-404-page p {
  text-align: center;
  font-family: open sans, sans-serif;
  color: #a7a7a7
}

.error-404-page table {
  text-align: center;
  height: 97vh;
  width: 100%
}

.error-404-page table img {
  width: 220px
}

.error-404-page td,
.error-404-page tr {
  height: 100%
}

.error-404-page .icon,
.error-404-page .icon:hover {
  border: 1px solid #d5d5d5;
  height: 38px;
  padding: 8px 36px;
  border-radius: 5px;
  width: 103px
}

.error-404-page .icon:hover {
  background: #f7f7f7
}

.orientation-container {
  background: #000;
  height: 100vh;
  width: 100vw;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.orientation-container .phone {
  height: 50px;
  width: 100px;
  border: 3px solid #fff;
  border-radius: 10px;
  -webkit-animation: rotate 1.5s ease-in-out infinite alternate;
  animation: rotate 1.5s ease-in-out infinite alternate
}

.orientation-container .message {
  color: #fff;
  font-size: 1em;
  margin-top: 40px
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  50% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  to {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }
}

.new-api-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--theme-color)
}

#outer-first {
  position: relative
}

#outer-first .static {
  margin-top: 60%;
  width: 100%;
  height: auto
}

#outer-first .first {
  top: 46%;
  left: 0;
  height: auto;
  border-radius: 50%;
  z-index: 1
}

#outer-first .first,
#outer-first .second {
  position: absolute;
  width: 100%
}

#outer-first .second p {
  text-align: center;
  width: 100%
}

#outer-first .third {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: auto;
  border-radius: 50%;
  z-index: 2
}

#outer-second {
  position: relative
}

#outer-second .static {
  margin-top: 80%;
  margin-left: 5%;
  width: 100%;
  height: auto
}

#outer-second .first {
  top: 53%;
  left: 5%;
  height: auto;
  border-radius: 50%;
  z-index: 1
}

#outer-second .first,
#outer-second .second {
  position: absolute;
  width: 100%
}

#outer-second .second p {
  text-align: center;
  width: 100%
}

#outer-third {
  position: relative
}

#outer-third .static {
  margin-top: 80%;
  width: 100%;
  height: auto
}

#outer-third .first {
  top: 53%;
  left: 0;
  height: auto;
  border-radius: 50%;
  z-index: 1
}

#outer-third .first,
#outer-third .second {
  position: absolute;
  width: 100%
}

#outer-third .second p {
  text-align: center;
  width: 100%
}

.ranking-table {
  width: 100%
}

.ranking-table th {
  text-align: center;
  color: #fff
}

.ranking-table td {
  border: none;
  height: 55px;
  text-align: center;
  background-color: #fff
}

.ranking-table tr:nth-child(odd) td {
  background-color: #e4e4e4
}

.ranking-table tr:nth-child(odd) td:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px
}

.ranking-table tr:nth-child(odd) td:last-child {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px
}

.ranking-table .user-img {
  width: 40px;
  height: 40px;
  border-radius: 50%
}

.ranking-table span {
  font-size: 14px;
  font-weight: 500;
  word-break: break-all
}

.ranking-table .profit {
  color: #a77f16;
  font-weight: 600
}

.rectangle-frame {
  display: flex;
  margin-bottom: 13px;
  background-image: url(../../static/media/rectangle.f45974f7.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 50%;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  top: -2px;
  position: relative
}

.ranking-page {
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: #fff
}

.multiple-amount-bar {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  display: none;
  left: 0;
  text-align: center
}

.multiple-amount-bar.active {
  display: block
}

.content-group {
  display: block;
  width: 130px;
  margin: auto;
  background: #fff;
  border-radius: 3px;
  height: 34px;
  line-height: 32px;
  border: 1px solid #bfbfbf;
  text-align: center
}

.content-group .content {
  display: inline-block;
  border: 1px solid #bfbfbf;
  line-height: 20px;
  background-color: #fff
}

.content-group .left {
  border-radius: 4px 0 0 4px
}

.content-group .right {
  border-radius: 0 4px 4px 0
}

.content-group .left,
.content-group .right {
  width: 22px;
  height: 22px;
  cursor: pointer
}

.content-group .center {
  width: 84px;
  text-align: center;
  border-width: 1px 0
}

.green-home-background {
  background: url(../../static/media/green-background.b0ece16b.png) no-repeat center bottom 48px fixed;
  background-size: contain;
  height: 100vh
}

.theme-new-skin-green .empty {
  background-color: transparent
}

.personal-report-page {
  overflow-y: auto;
  height: 100vh
}

.switch-is-on .react-switch-bg {
  background: var(--theme-color) !important
}

.gold-home-background {
  background: #fff;
  background-size: contain
}

.theme-font-color .icon-cp98Speaker:before,
.theme-font-color .icon-Speaker:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-shixun:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-shixun:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-leaderboard:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-leaderboard:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-GRl:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-GRl:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-signin:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-signin:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-withdrawnhome:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-withdrawnhome:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .icon-COOP:before {
  content: "";
  color: #ffffff
}

.theme-font-color .gold .icon-deposithome:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-deposithome:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-changlong:before {
  content: "";
  color: #000
}

.theme-font-color .green .icon-changlong:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .gold .icon-user-white:before {
  content: "";
  color: var(--theme-color)
}

.theme-font-color .icon-user-gold-background:before {
  content: "";
  color: #fff;
  font-size: 60px
}

.theme-font-color .download-top {
  height: 10px
}

.theme-font-color .icon-zoushi:before {
  content: "";
  color: #000
}

.theme-font-color .icon-gift:before {
  content: "";
  color: #000
}

.theme-font-color .icon-support:before {
  content: "";
  color: #000
}

.theme-font-color .icon-mine:before {
  content: "";
  color: #000
}

.theme-font-color .icon-home:before {
  content: "";
  color: #000
}

.sport-font-color .icon-AG:before,
.sport-font-color .icon-autobets:before,
.sport-font-color .icon-changlong:before,
.sport-font-color .icon-COOP:before,
.sport-font-color .icon-deposithome:before,
.sport-font-color .icon-GR2:before,
.sport-font-color .icon-GRl:before,
.sport-font-color .icon-HL2:before,
.sport-font-color .icon-KY:before,
.sport-font-color .icon-leaderboard:before,
.sport-font-color .icon-lottery:before,
.sport-font-color .icon-SB:before,
.sport-font-color .icon-shixun:before,
.sport-font-color .icon-signin:before,
.sport-font-color .icon-withdrawnhome:before {
  color: #fff
}

.gold-theme .mdc-tab {
  line-height: 28px;
  height: 35px;
  padding: 0 16px;
  font-size: 16px;
  min-width: 75px;
  margin-right: 10px;
  border-radius: 25px;
  border: 0;
  color: #fff;
  background-color: #2e2f32;
  font-weight: 700
}

.gold-theme .mdc-tab--active {
  background-color: var(--theme-color);
  color: #000;
  font-size: 16px;
  width: 37px
}

.gold-theme .mdc-tab__content {
  padding-bottom: 0
}

.box-border {
  position: relative;
  left: 50%;
  width: 37px;
  border-bottom: 5px solid;
  color: var(--theme-color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.gold-toolbar-bottom {
  height: 50px
}

.gold-toolbar,
.gold-toolbar-bottom {
  border-top: 1px solid var(--theme-color)
}

.gold-toolbar {
  bottom: 0;
  top: auto;
  position: fixed;
  z-index: 2
}

.gold-toolbar .MuiBottomNavigation-root {
  background-color: #000
}

.theme-font-color .gold-theme .mdc-tab--active {
  color: #000;
  font-size: 14px;
  background: linear-gradient(180deg, #ebbb4c, #fbeaac 25%, #efac4e 53%, #a56822 82%, #a17112);
  min-width: 75px;
  width: auto
}

.them-font-color .react-swipeable-view-container {
  height: 300px !important
}

.gold-tool {
  background-color: #000 !important
}

.theme-font-color .button.button-fill {
  background-color: var(--theme-color)
}

.blue-home-background {
  background-size: contain
}

.blue-theme .mdc-tab {
  line-height: 1.5;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
  min-width: 100px;
  margin-right: 10px;
  border: 1px solid #f2f2f2;
  color: #929292;
  letter-spacing: 0;
  font-weight: 700;
  white-space: break-spaces;
  text-align: left
}

.blue-theme .mdc-tab--active {
  background-color: #f2f2f2;
  color: var(--theme-color);
  font-size: 14px;
  width: 37px
}

.blue-theme .mdc-tab__content {
  padding-bottom: 0
}

.blue-theme .mdc-tab-scroller__scroll-content {
  display: block;
  width: 100%;
  overflow: auto;
  height: calc(100vh - 92px);
  scrollbar-width: none
}

.blue-toolbar-bottom {
  height: 50px;
  border-top: 1px solid #e1e1e1
}

.blue-toolbar {
  bottom: 0;
  top: auto;
  position: fixed;
  z-index: 2;
  border-top: 1px solid #e1e1e1
}

/*.tabbar a.tab-link.active.blue-homepage {*/
/*    color: #304df0*/
/*}*/

/*.tabbar a.tab-link.active.blue-award {*/
/*    color: #ffd406*/
/*}*/

/*.tabbar a.tab-link.active.blue-promo {*/
/*    color: #fc7272*/
/*}*/

/*.tabbar a.tab-link.active.blue-customer {*/
/*    color: #7994fd*/
/*}*/

/*.tabbar a.tab-link.active.blue-user {*/
/*    color: #b959ee*/
/*}*/

.sport-game-title {
  font-size: 17px;
  font-weight: 700;
  margin-bottom: 5px
}

.sport-game-container {
  display: flex;
  justify-content: space-between
}

.sport-game-col {
  float: left;
  width: calc(50% - 5px)
}

.theme-sport-blue .sport-main-nav {
  background-color: transparent !important;
  height: 60px;
  height: calc(60px + env(safe-area-inset-top)/4) !important
}

.theme-sport-blue .hot-key-bar {
  background-color: #0a172e !important
}

.theme-sport-blue .download-top .icon {
  font-size: 35px
}

.theme-sport-blue .sport-try-now {
  background: linear-gradient(0deg, #3d9dff, #0747b2 30%, #1c3764);
  border-radius: 25px;
  text-align: center;
  position: absolute;
  bottom: 30px;
  right: 15px;
  padding: 3px;
  min-width: 140px
}

.theme-sport-blue .sport-try-now span {
  padding: 3px 15px;
  display: block;
  border: 2px solid #3accf3;
  border-radius: 25px;
  font-size: 14px
}

.theme-sport-blue .carouselStyle.sportCarousel .slick-track {
  float: left
}

.theme-sport-blue .carouselStyle.sportCarousel .slick-prev {
  display: block !important;
  z-index: 1;
  left: 0
}

.theme-sport-blue .carouselStyle.sportCarousel .slick-next {
  display: block !important;
  z-index: 1;
  right: 0
}

.theme-sport-blue .carouselStyle.sportCarousel .slick-list {
  margin: 0 -5px
}

.theme-sport-blue .carouselStyle.sportCarousel .sport-game-box {
  border-radius: 10px;
  padding: 0 5px
}

.theme-sport-blue .carouselStyle .slick-dots {
  display: block !important;
  bottom: 5px
}

.theme-sport-blue .slick-dots li.slick-active button:before {
  color: var(--theme-color) !important
}

.theme-sport-blue .icon-support:before {
  color: #2d2d2d
}

.theme-new-skin-blue .navbarheaders {
  background-color: #021373 !important
}

.theme-new-skin-blue .content-block-gaia .rows {
  width: 20%
}

.theme-new-skin-blue .content-block-gaia .rows a {
  margin: 5px auto 0
}

.theme-new-skin-blue .content-block-gaia dd {
  word-break: break-word
}

.theme-new-skin-blue .game-list dd {
  font-weight: 700;
  color: #000 !important
}

.theme-new-skin-blue .content-block-gaia dt img {
  width: 35px;
  margin: auto
}

.myClassname {
  height: calc(var(--vh) - var(--safe-bottom)) !important
}

.eventContent img {
  max-width: 100% !important
}

.junctionTab-active {
  background-color: #d9383d;
  color: #fff
}

.junctionTab {
  background-color: #fff;
  color: #857afd
}

.cp-content-block-gaia {
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  border-top: 2px solid #f4f4f4;
  margin: 0 auto
}

.cp-content-block-gaia dl {
  margin: 0;
  padding: 0;
  text-align: center
}

.cp-content-block-gaia dt {
  margin: 0;
  padding: 0
}

.cp-content-block-gaia dt span {
  font-size: 25px;
  border-radius: 50%;
  padding: 5px;
  display: block
}

.cp-content-block-gaia dd {
  font-size: 14px;
  margin: 4px 0 0;
  color: #666
}

.cp-content-block-gaia .rows {
  display: flex;
  flex-wrap: wrap
}

.cp-content-block-gaia .col20 {
  float: left
}

.cp-carouselContainer {
  width: 100%;
  border-radius: 0
}

.cp-carouselContainer .carouselStyle .slick-list {
  height: 100%;
  border-radius: 0
}

.cp-toolbar-bottom {
  height: 50px
}

.cp-toolbar,
.cp-toolbar-bottom {
  border-top: 1px solid var(--theme-color)
}

.cp-toolbar {
  bottom: 0;
  top: auto;
  position: fixed;
  z-index: 2
}

.cp-toolbar .MuiBottomNavigation-root {
  background-color: #22292c
}

.rules-img {
  border: 1px solid #e5e5e5;
  width: 45px;
  border-radius: 50%;
  margin-right: 10px
}

button {
  outline: none;
  padding: 0;
  margin: 0;
  border: none;
  background: 0 0
}

.navbar-theme-royal {
  background-color: #f7f7f7 !important
}

.royal-theme {
  padding: 0 15px
}

.royal-theme .mdc-tab {
  border-color: var(--theme-color);
  color: var(--theme-color)
}

.royal-theme .mdc-tab--active {
  background-color: var(--theme-color);
  color: #fff
}

.royal-home-background {
  background: #fff;
  background-size: contain
}

.hot-key-bar-royal {
  background-color: #fff !important;
  position: fixed !important;
  bottom: calc(48px + var(--safe-bottom)) !important;
  top: auto !important;
  width: 100%;
  border-top: none !important
}

.toolbar-royal {
  z-index: 2;
  background: #fff;
  height: 110px !important
}

.royal-toolbar-bottom {
  height: 50px;
  background-color: #fff !important;
  border-top: 1px solid #e1e1e1
}

.royal-toolbar-bottom .icon-support:before {
  content: "";
  color: #000;
  font-weight: 700
}

.gr-container {
  position: fixed;
  top: 44px;
  width: 100%
}

.gr-left {
  vertical-align: middle !important;
  width: 5%;
  padding: 0 3px !important
}

.gr-content,
.gr-left {
  background-color: #fff
}

.gr-content {
  width: auto;
  display: flex;
  padding: 0 !important
}

.gr-right {
  vertical-align: middle !important;
  width: 5%;
  padding: 0 3px !important;
  background-color: #fff
}

.gr-item {
  flex: 1 1 auto;
  height: 30px;
  border: 1px solid #e4e4e4;
  background: linear-gradient(180deg, #fff, #f2f2f2);
  border-radius: 50px;
  margin: 5px;
  font-size: 10px
}

.gr-top-right {
  position: relative !important;
  vertical-align: top !important;
  margin-left: -26px;
  margin-top: -8px;
  z-index: 1;
  width: 26px !important;
  height: 16px !important
}

.cus-float-btn {
  width: 43px;
  height: 50px;
  padding-bottom: 10px;
  transition: all .3s ease 0s;
  z-index: 99995
}

.text-Center {
  text-align: -moz-center;
  text-align: -webkit-center
}

.btn-facebook-all {
  margin: 0 30px;
  background: #1877f2;
  font-weight: 700;
  border-radius: 8px;
  line-height: 40px;
  color: #fff;
  width: -webkit-fill-available
}

.btn-facebook-all i {
  float: left;
  margin: 12px -25px 12px 15px
}

.btn-facebook {
  background: #1877f2;
  font-weight: 700;
  height: 40px;
  border-radius: 8px;
  line-height: 40px;
  color: #fff;
  text-align: center
}

.btn-facebook span {
  font-size: 15;
  float: left;
  margin: -2px 0 0 15px
}

.google-button .abcRioButtonContents {
  margin: auto;
  padding: 10px 38px 10px 0 !important
}

.google-button .abcRioButton {
  width: 100% !important;
  border-radius: 8px !important
}

.navbar-theme-live {
  background-color: transparent !important
}

.live-rules-method-container {
  overflow: auto;
  white-space: nowrap;
  width: 97vw;
  background-color: hsla(0, 0%, 100%, .2);
  border-radius: 15px;
  height: auto !important;
  margin-left: 1.5vw
}

.live-rules-method-header {
  display: inline-block;
  text-align: center;
  margin: 0
}

.lottery-method .live-rules-method-header {
  font-size: 14px;
  text-align: center;
  margin: 5px
}

.live-rules-method-header-button {
  padding: 5px 10px;
  border-radius: 30px;
  display: block;
  min-width: 75px
}

.live-rules-method-header-button.active {
  color: #fff !important;
  background: linear-gradient(180deg, #f775a1, #e80c55) !important
}

.theme-sodo-blue .sport-main-nav {
  background-color: transparent !important;
  height: 60px;
  height: calc(60px + env(safe-area-inset-top)/4) !important
}

.theme-sodo-blue .hot-key-bar {
  background-color: #0a172e !important
}

.theme-sodo-blue .download-top .icon {
  font-size: 35px
}

.theme-sodo-blue .sport-try-now {
  background: linear-gradient(0deg, #3d9dff, #0747b2 30%, #1c3764);
  border-radius: 25px;
  text-align: center;
  position: absolute;
  bottom: 30px;
  right: 15px;
  padding: 3px;
  min-width: 140px
}

.theme-sodo-blue .sport-try-now span {
  padding: 3px 15px;
  display: block;
  border: 2px solid #3accf3;
  border-radius: 25px;
  font-size: 14px
}

.theme-sodo-blue .carouselStyle.sportCarousel .slick-track {
  float: left
}

.theme-sodo-blue .carouselStyle.sportCarousel .slick-prev {
  display: block !important;
  z-index: 1;
  left: 0
}

.theme-sodo-blue .carouselStyle.sportCarousel .slick-next {
  display: block !important;
  z-index: 1;
  right: 0
}

.theme-sodo-blue .carouselStyle.sportCarousel .slick-list {
  margin: 0 -5px
}

.theme-sodo-blue .carouselStyle.sportCarousel .sport-game-box {
  border-radius: 10px;
  padding: 0 5px
}

.theme-sodo-blue .carouselStyle .slick-dots {
  display: block !important;
  bottom: 5px
}

.theme-sodo-blue .slick-dots li.slick-active button:before {
  color: var(--theme-color) !important
}

.theme-sodo-blue .icon-support:before {
  color: #2d2d2d
}

.sodo-game-title {
  color: #5c5c5c;
  font-size: 16px;
  margin: 10px 0
}

.sodoCarousel .slick-slide img {
  padding: 5px;
  border-radius: 5px
}

.sodo-gamelist-tab .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: var(--theme-color)
}

.sodo-gamelist-tab .mdc-tab {
  padding: 0 10px
}

.no-new-line {
  white-space: nowrap
}

.queue {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 10px 35px 30px;
  box-sizing: border-box;
  margin: 0
}

.queue li {
  position: relative;
  display: table-cell;
  box-sizing: initial;
  list-style: none
}

.queue li:first-child span {
  margin-left: 0
}

.queue li:last-child {
  border: 1px solid #fff;
  box-shadow: 0 4px 0 #fff;
  width: 10px
}

.queue span {
  font-size: 12px;
  line-height: 55px;
  margin-left: -15px
}

.queue i {
  position: absolute;
  background: #fff;
  width: 16px;
  height: 16px;
  display: block;
  border-radius: 50%;
  border: 5px solid #e3e3e3;
  bottom: -10px;
  left: -5px
}

.queue .right {
  border-bottom: 1px solid #4aa9db;
  box-shadow: 0 4px 0 #4aa9db
}

.queue .right i {
  border: 5px solid transparent;
  font-family: iconfont;
  color: #4aa9db;
  background: #fff;
  bottom: -10px;
  line-height: 6px;
  font-size: 16px;
  width: 3px
}

.queue .right i:before {
  content: "";
  margin-left: -6px
}

.queue .now span,
.queue .right span {
  color: var(--theme-color) !important
}

.queue .now i {
  border: 3px solid var(--theme-color) !important;
  width: 16px;
  height: 16px
}

.status-box {
  box-shadow: 0 4px 0 var(--theme-color) !important
}

.pending-status {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  z-index: 2;
  top: 140px;
  background: rgba(0, 0, 0, .5)
}

.stage2-img {
  background-image: url(../../static/media/stage2.a588e12c.png);
  background-repeat: no-repeat;
  background-position: 50% 56%;
  background-size: 70px;
  z-index: 1;
  pointer-events: none;
  min-height: 607px
}

.text-align {
  text-align: center;
  padding-top: 390px;
  z-index: 1;
  color: #fff
}

.signin-button-reward {
  background: var(--theme-color)
}

.signin-button-disabled,
.signin-button-reward {
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center
}

.signin-button-disabled {
  background: #eaeaea
}

.signin-button-disabled .disabled-button {
  width: 50%;
  display: inline-block;
  font-size: 20px;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  border-radius: 20px;
  color: #898989;
  white-space: nowrap
}

.log-list {
  clear: both;
  padding: 1rem .4rem;
  height: 100%;
  overflow: hidden
}

.log-list dl {
  width: 18.7%;
  float: left;
  font-size: .7rem;
  text-align: center;
  padding: 0;
  margin: 2px;
  border: 2px solid #ffbdbe;
  border-radius: .2rem
}

.log-list dl.active {
  border: 2px solid #de6f6c
}

.log-list dt {
  color: #fff;
  padding: 0;
  margin: 0 auto 5px;
  height: 30px;
  line-height: 30px;
  background: #ffbdbe
}

.log-list dl.active dt {
  background: #de6f6c
}

.log-list dt.noborder {
  color: #737373
}

.log-list dd img {
  width: 22px
}

.log-list dd {
  color: #c2c2c2;
  padding: 0;
  margin: 0
}

.sign-in-tip {
  color: #bbb;
  font-size: 12px;
  line-height: 1.2;
  padding: 1rem .4rem;
  height: 250px
}

.log-list dl.last-index {
  border: 2px solid #ffc100;
  background: #fff0c1;
  color: #dcba50
}

.log-list dl.last-index dt {
  background: #ffc100
}

.log-list dl.last-index dd {
  color: #dcba50
}

.log-list dl.signed {
  border: 2px solid #bbb
}

.log-list dl.signed dt {
  background: #bbb
}

.theme-minigame-blue .sport-main-nav {
  background-color: transparent !important;
  height: 60px;
  height: calc(60px + env(safe-area-inset-top)/4) !important
}

.theme-minigame-blue .hot-key-bar {
  background-color: #0a172e !important
}

.theme-minigame-blue .download-top .icon {
  font-size: 35px
}

.theme-minigame-blue .sport-try-now {
  background: linear-gradient(0deg, #3d9dff, #0747b2 30%, #1c3764);
  border-radius: 25px;
  text-align: center;
  position: absolute;
  bottom: 30px;
  right: 15px;
  padding: 3px;
  min-width: 140px
}

.theme-minigame-blue .sport-try-now span {
  padding: 3px 15px;
  display: block;
  border: 2px solid #3accf3;
  border-radius: 25px;
  font-size: 14px
}

.theme-minigame-blue .carouselStyle.sportCarousel .slick-track {
  float: left
}

.theme-minigame-blue .carouselStyle.sportCarousel .slick-prev {
  display: block !important;
  z-index: 1;
  left: 0
}

.theme-minigame-blue .carouselStyle.sportCarousel .slick-next {
  display: block !important;
  z-index: 1;
  right: 0
}

.theme-minigame-blue .carouselStyle.sportCarousel .slick-list {
  margin: 0 -5px
}

.theme-minigame-blue .carouselStyle.sportCarousel .sport-game-box {
  border-radius: 10px;
  padding: 0 5px
}

.theme-minigame-blue .carouselStyle .slick-dots {
  display: block !important;
  bottom: 5px
}

.theme-minigame-blue .slick-dots li.slick-active button:before {
  color: var(--theme-color) !important
}

.theme-minigame-blue .icon-support:before {
  color: #2d2d2d
}

@media only screen and (max-width: 600px) {
  .theme-minigame-blue .minigameHotTooltip {
    text-align: center;
    position: absolute;
    top: 0;
    left: 4%;
    border-radius: 0 0 30px 0;
    font-size: 10px;
    padding: 0 10px;
    font-style: italic;
    font-weight: 600
  }
}

@media only screen and (min-width: 600px) {
  .theme-minigame-blue .minigameHotTooltip {
    text-align: center;
    position: absolute;
    top: 0;
    left: 4%;
    border-radius: 50px 0 15px 0;
    font-size: 13px;
    padding: 4px 15px;
    font-style: italic;
    font-weight: 600
  }
}

.theme-minigame-blue .dropdown-item:focus,
.theme-minigame-blue .dropdown-item:hover {
  background: var(--theme-color)
}

.theme-minigame-blue .paddingTop50 {
  padding-top: 50px !important
}

.theme-minigame-blue .top50 {
  top: 50px !important
}

.theme-minigame-blue .miniImgWord {
  text-align: center;
  padding-bottom: 10px
}

.top-download-banner-img {
  width: 44px;
  float: right;
  background-color: #ed1d49;
  padding: 13px;
  right: 0;
  top: 0;
  position: absolute
}

.miniCarousel .slick-slide img {
  padding: 5px;
  border-radius: 20%
}

.mini-game-title {
  color: #5c5c5c;
  font-size: 16px;
  margin: 10px 0
}

.mini-badge {
  width: 70px;
  position: absolute;
  top: 0;
  border-top-left-radius: 8px !important;
  border-bottom-right-radius: 27px !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.mini-notices div span {
  color: #fff !important;
  font-family: inherit !important
}

.minigameHover:hover>.minigamePicHover {
  filter: blur(3px);
  -webkit-filter: blur(3px)
}

.minigameHover:hover>.minigamePlayHover {
  opacity: 1;
  z-index: 1
}

.minigameHover,
.minigamePicHover {
  position: relative
}

.minigamePlayHover {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  left: 0;
  right: 0;
  top: 1vh;
  bottom: 0;
  z-index: -1;
  padding-top: 10px
}

.minigameImg {
  width: 100% !important;
  border-radius: 10% !important;
  padding: 0 5px 10px;
  height: 100%
}

.htRow {
  padding: 0 10px
}

.minigameDropdown {
  display: block;
  background-color: rgba(0, 0, 0, .2);
  border-radius: 10px;
  margin: 5px 10px;
  height: 40px
}

.dropdown:before {
  color: #fff
}

.miniAppDownload {
  color: #fff;
  font-size: 13px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #7b49fc;
  padding: 10px;
  border-radius: 10px;
  width: 50%
}

.unityMobile-section {
  background-image: url(../../static/media/loadingpageh5-min.ddd22446.jpg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}

.topLoading-mobile {
  position: relative;
  top: 28%;
  left: 17%;
  width: 80%
}

.topLoading-mobile img {
  width: inherit
}

.phone-centeredLoading {
  position: relative;
  top: 33%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%
}

.bottomLoading-mobile {
  position: relative;
  top: 34%;
  color: #fff;
  font-size: 16px;
  text-align: center
}

.progress {
  background: #676768
}

.progress-bar {
  background-image: linear-gradient(90deg, #a736b6, #4b7bf5, #0af, #00cdf7, #15e9d9);
  background-size: auto
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite;
  animation: 1s linear infinite
}

.gameRulesHeaderMobile {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
  display: block !important
}

.gameRulesMobile {
  position: absolute;
  width: 85%;
  left: 8%;
  top: 30%;
  padding: 20px;
  border-radius: 8px;
  background-color: #020d22;
  border: 3px solid #1b7de1;
  margin-top: -75px
}

.responsive-iframe {
  border: none;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%
}

._loading_overlay_content {
  top: 50%;
  left: 0;
  right: 0;
  position: fixed
}

.modal .react-swipeable-view-container,
.modal .slick-slider {
  height: 100% !important
}

.modal .carouselStyle .slick-dots {
  bottom: 10px;
  display: block !important
}

.receipt-section .title {
  min-width: -webkit-fit-content !important;
  min-width: -moz-fit-content !important;
  min-width: fit-content !important
}

.receipt-section .button {
  height: auto;
  margin-left: 33px;
  width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  text-align: center;
  padding: 5px 7px;
  border: 1px solid #212529;
  color: #212529 !important;
  background-color: #eaeff2 !important;
  border-radius: 5px !important
}

.receipt-section input {
  visibility: hidden;
  width: 100%
}

.receipt-section span {
  margin-left: 10px;
  padding: 5px 7px;
  white-space: normal;
  min-width: 100px;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden
}

.carouselStyle.noticeCarousel .slick-track {
  float: left
}

.carouselStyle.noticeCarousel .slick-prev {
  display: block !important;
  z-index: 1;
  left: 105px;
  top: 490px;
  font-size: 0;
  height: 20px;
  background: url(../../static/media/cleft.dfac21f9.png) no-repeat 0 0;
  background-size: contain
}

.carouselStyle.noticeCarousel .slick-next {
  display: block !important;
  z-index: 1;
  right: 105px;
  top: 490px;
  font-size: 0;
  height: 20px;
  background: url(../../static/media/cright.955e3f1b.png) no-repeat 0 0;
  background-size: contain
}

.carouselStyle.noticeCarousel .slick-next:before,
.carouselStyle.noticeCarousel .slick-prev:before {
  display: block !important;
  content: "";
  font-size: 30px;
  top: 490px;
  left: 105px
}

.carouselStyle.noticeCarousel .slick-list {
  margin: 0
}

.purseBetDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 130px;
  left: 35%;
  height: 35px;
  width: 35%;
  background: var(--theme-color);
  color: #fff;
  font-weight: 700;
  border-radius: 15px
}

.panel-heading a:before {
  content: "";
  font-family: FontAwesome;
  color: #00f;
  float: right;
  transition: all .5s
}

.table-bordered {
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
  border-radius: 6px
}

.showNormalWrap {
  padding: 16px;
  white-space: normal !important;
  background-color: #fdfdfd
}

.cryptoPaymentHelpNormalWrap {
  padding: 16px;
  white-space: normal !important;
  font-size: 14px
}

.cryptoPaymentHelpTblHeader {
  background-color: #000;
  color: #fff
}

.howToBuyCryptocurrency {
  outline: none;
  border: 0;
  margin-bottom: 0;
  margin-right: 5px;
  color: #00f !important;
  font-weight: 700
}

.expandCollapse-iconDisplay {
  display: contents
}

.theme-cp98-white {
  color: #607989
}

.theme-cp98-white .cp98-main-nav {
  height: calc(60px + env(safe-area-inset-top)/4) !important;
  background-color: #f7f7f7 !important
}

.theme-cp98-white .headerBtn {
  border: 1px solid #59789b;
  border-radius: 8px;
  color: #59789b;
  padding: 5px;
  margin: 2px;
  font-size: 11px
}

.theme-cp98-white .gameCatoContainer {
  padding: 3px 0;
  overflow: auto;
  min-width: 36px;
  border-radius: 15px;
  background-color: #ecedef;
  margin: 8px
}

.theme-cp98-white .gameCatActive {
  background-image: url(../../static/media/gameBtn.e0e5a098.png);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 121%
}

.theme-cp98-white .gameCat {
  font-size: 12px;
  font-weight: 700;
  color: #607989;
  width: 100%;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0
}

.theme-cp98-white .gameObjContainer {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  border-radius: 12px;
  border: 1px solid #e4e6ed;
  background-color: #fff;
  margin-left: 10px
}

.theme-cp98-white .gameTitle {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 21px;
  width: 50px;
  margin: -5px auto auto;
  font-size: 11px;
  color: #fff;
  background-image: url(../../static/media/gameTitle.8179ace9.png);
  background-repeat: no-repeat;
  background-size: 50px 21px
}

.theme-cp98-white .gameObj {
  margin-top: 2px;
  font-size: 12px;
  color: #607989;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: center
}

.theme-cp98-white .tabbar a.tab-link.active,
.theme-cp98-white .tabbar a.tab-link.active-state,
.theme-cp98-white html:not(.watch-active-state) .tabbar a.tab-link:active {
  color: #739ee1
}

.theme-cp98-white .hot-key-bar .lg-button {
  color: #739ee1 !important;
  background-color: #fff
}

.register-content-bgcolor {
  background-color: #fff
}

#lineTd {
  background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxsaW5lIHgyPSIxMDAlIiB5Mj0iMTAwJSIgc3Ryb2tlPSIjMDAwIi8+PC9zdmc+) no-repeat 100%
}

.transaction-page-loading {
  fill: #000 !important
}

.imgTitle {
  color: var(--theme-color);
  font-weight: 600;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content
}

#sport1ImgContainer {
  height: 167px
}

#sport1ImgContainer .imgTitle {
  position: relative;
  top: -97px;
  left: 22px
}

#sport2ImgContainer {
  height: 167px
}

#sport2ImgContainer .imgTitle {
  position: relative;
  top: -60px;
  left: 22px;
  line-height: 1.1;
  width: 100px
}

#sport2ImgContainer .zhTitle {
  top: -52px !important
}

#lottery1ImgContainer {
  height: 457px
}

#lottery1ImgContainer .imgTitle {
  position: relative;
  top: -419px;
  left: 22px
}

#live1ImgContainer {
  height: 167px
}

#live1ImgContainer .imgTitle {
  position: relative;
  top: -98px;
  left: 22px
}

#live2ImgContainer {
  height: 167px
}

#live2ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#live3ImgContainer {
  height: 167px
}

#live3ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#slots1ImgContainer {
  height: 167px
}

#slots1ImgContainer .imgTitle {
  position: relative;
  top: -98px;
  left: 22px
}

#slots2ImgContainer {
  height: 167px
}

#slots2ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#slots3ImgContainer {
  height: 167px
}

#slots3ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#card1ImgContainer {
  height: 167px
}

#card1ImgContainer .imgTitle {
  position: relative;
  top: -98px;
  left: 22px
}

#card2ImgContainer {
  height: 167px
}

#card2ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#card3ImgContainer {
  height: 167px
}

#card3ImgContainer .imgTitle {
  position: relative;
  top: -48px;
  left: 22px
}

#fishing1ImgContainer {
  height: 167px
}

#fishing1ImgContainer .imgTitle {
  position: relative;
  top: -98px;
  left: 22px
}

.mainAction a {
  text-align: center;
  display: grid;
  padding: 6px;
  justify-items: center
}

.theme-bet365-green .carouselContainer {
  height: auto;
  padding-top: 10px
}

.theme-bet365-green .hot-key-bar {
  background-color: var(--theme-color) !important
}

.theme-bet365-green .hot-key-bar .lg-button {
  background-color: #fff !important;
  color: var(--theme-color) !important
}

.theme-bet365-green .carouselStyle .slick-dots {
  display: block !important;
  bottom: 5px
}

.theme-bet365-green .slick-dots li.slick-active button:before {
  color: var(--theme-color) !important
}

.theme-bet365-green .icon-support:before {
  color: #2d2d2d
}

.theme-bet365-green .hot-key-bar .row .list-container dt {
  color: #fff !important
}

.theme-bet365-green .hot-key-bar .row .list-container #hotKeyGetReward {
  color: #fad910 !important
}

.theme-bet365-green .material-icons {
  font-family: material icons !important
}

.awardNavbar-theme-white {
  background-color: #f7f7f7 !important
}

.award-dropdown {
  top: 223px !important
}

.repeatBtn {
  color: #fff !important
}

.fontSize11 {
  font-size: 11px !important
}

.icon-eye {
  height: 27px;
  width: 27px;
  left: auto;
  right: 10px;
  position: absolute;
  z-index: 1;
  bottom: auto;
  top: 5px
}

.navbar-container {
  background-color: #f4f4f4;
  padding: 10px;
  font-size: 0;
  justify-content: center;
  text-transform: uppercase
}

.navbar-container ul {
  margin: 0;
  padding: 0;
  display: flex;
  width: 100%;
  vertical-align: middle
}

.navbar-container ul li {
  display: inline-block;
  width: 100%;
  font-size: 11px
}

.navbar-container ul li a {
  color: #000;
  text-decoration: none;
  display: flex;
  padding: 10px;
  transition: color .5s;
  justify-content: center
}

.navbar-container ul li .underline {
  height: 3px;
  background-color: transparent;
  width: 0;
  transition: width .2s, background-color .5s;
  margin: 0 auto
}

.navbar-container ul li.active-link .underline {
  width: 100%;
  background-color: var(--theme-color)
}

.navbar-container ul li:active a {
  color: var(--theme-color);
  transition: none
}

.navbar-container .active-link a {
  color: red !important
}

.ifscInput {
  background-color: #d3d3d3 !important
}

/*!* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
@font-face {
  font-family: fontawesome;
  src: url(../../static/media/fontawesome-webfont.90186830.eot);
  src: url(../../static/media/fontawesome-webfont.90186830.eot) format("embedded-opentype"), url(../../static/media/fontawesome-webfont.fdf491ce.woff) format("woff"), url(../../static/media/fontawesome-webfont.4f0022f2.ttf) format("truetype"), url(../../static/media/fontawesome-webfont.65bcbc89.svg) format("svg");
  font-weight: 400;
  font-style: normal
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1)
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: ""
}

.fa-music:before {
  content: ""
}

.fa-search:before {
  content: ""
}

.fa-envelope-o:before {
  content: ""
}

.fa-heart:before {
  content: ""
}

.fa-star:before {
  content: ""
}

.fa-star-o:before {
  content: ""
}

.fa-user:before {
  content: ""
}

.fa-film:before {
  content: ""
}

.fa-th-large:before {
  content: ""
}

.fa-th:before {
  content: ""
}

.fa-th-list:before {
  content: ""
}

.fa-check:before {
  content: ""
}

.fa-times:before {
  content: ""
}

.fa-search-plus:before {
  content: ""
}

.fa-search-minus:before {
  content: ""
}

.fa-power-off:before {
  content: ""
}

.fa-signal:before {
  content: ""
}

.fa-cog:before,
.fa-gear:before {
  content: ""
}

.fa-trash-o:before {
  content: ""
}

.fa-home:before {
  content: ""
}

.fa-file-o:before {
  content: ""
}

.fa-clock-o:before {
  content: ""
}

.fa-road:before {
  content: ""
}

.fa-download:before {
  content: ""
}

.fa-arrow-circle-o-down:before {
  content: ""
}

.fa-arrow-circle-o-up:before {
  content: ""
}

.fa-inbox:before {
  content: ""
}

.fa-play-circle-o:before {
  content: ""
}

.fa-repeat:before,
.fa-rotate-right:before {
  content: ""
}

.fa-refresh:before {
  content: ""
}

.fa-list-alt:before {
  content: ""
}

.fa-lock:before {
  content: ""
}

.fa-flag:before {
  content: ""
}

.fa-headphones:before {
  content: ""
}

.fa-volume-off:before {
  content: ""
}

.fa-volume-down:before {
  content: ""
}

.fa-volume-up:before {
  content: ""
}

.fa-qrcode:before {
  content: ""
}

.fa-barcode:before {
  content: ""
}

.fa-tag:before {
  content: ""
}

.fa-tags:before {
  content: ""
}

.fa-book:before {
  content: ""
}

.fa-bookmark:before {
  content: ""
}

.fa-print:before {
  content: ""
}

.fa-camera:before {
  content: ""
}

.fa-font:before {
  content: ""
}

.fa-bold:before {
  content: ""
}

.fa-italic:before {
  content: ""
}

.fa-text-height:before {
  content: ""
}

.fa-text-width:before {
  content: ""
}

.fa-align-left:before {
  content: ""
}

.fa-align-center:before {
  content: ""
}

.fa-align-right:before {
  content: ""
}

.fa-align-justify:before {
  content: ""
}

.fa-list:before {
  content: ""
}

.fa-dedent:before,
.fa-outdent:before {
  content: ""
}

.fa-indent:before {
  content: ""
}

.fa-video-camera:before {
  content: ""
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
  content: ""
}

.fa-pencil:before {
  content: ""
}

.fa-map-marker:before {
  content: ""
}

.fa-adjust:before {
  content: ""
}

.fa-tint:before {
  content: ""
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""
}

.fa-share-square-o:before {
  content: ""
}

.fa-check-square-o:before {
  content: ""
}

.fa-arrows:before {
  content: ""
}

.fa-step-backward:before {
  content: ""
}

.fa-fast-backward:before {
  content: ""
}

.fa-backward:before {
  content: ""
}

.fa-play:before {
  content: ""
}

.fa-pause:before {
  content: ""
}

.fa-stop:before {
  content: ""
}

.fa-forward:before {
  content: ""
}

.fa-fast-forward:before {
  content: ""
}

.fa-step-forward:before {
  content: ""
}

.fa-eject:before {
  content: ""
}

.fa-chevron-left:before {
  content: ""
}

.fa-chevron-right:before {
  content: ""
}

.fa-plus-circle:before {
  content: ""
}

.fa-minus-circle:before {
  content: ""
}

.fa-times-circle:before {
  content: ""
}

.fa-check-circle:before {
  content: ""
}

.fa-question-circle:before {
  content: ""
}

.fa-info-circle:before {
  content: ""
}

.fa-crosshairs:before {
  content: ""
}

.fa-times-circle-o:before {
  content: ""
}

.fa-check-circle-o:before {
  content: ""
}

.fa-ban:before {
  content: ""
}

.fa-arrow-left:before {
  content: ""
}

.fa-arrow-right:before {
  content: ""
}

.fa-arrow-up:before {
  content: ""
}

.fa-arrow-down:before {
  content: ""
}

.fa-mail-forward:before,
.fa-share:before {
  content: ""
}

.fa-expand:before {
  content: ""
}

.fa-compress:before {
  content: ""
}

.fa-plus:before {
  content: ""
}

.fa-minus:before {
  content: ""
}

.fa-asterisk:before {
  content: ""
}

.fa-exclamation-circle:before {
  content: ""
}

.fa-gift:before {
  content: ""
}

.fa-leaf:before {
  content: ""
}

.fa-fire:before {
  content: ""
}

.fa-eye:before {
  content: ""
}

.fa-eye-slash:before {
  content: ""
}

.fa-exclamation-triangle:before,
.fa-warning:before {
  content: ""
}

.fa-plane:before {
  content: ""
}

.fa-calendar:before {
  content: ""
}

.fa-random:before {
  content: ""
}

.fa-comment:before {
  content: ""
}

.fa-magnet:before {
  content: ""
}

.fa-chevron-up:before {
  content: ""
}

.fa-chevron-down:before {
  content: ""
}

.fa-retweet:before {
  content: ""
}

.fa-shopping-cart:before {
  content: ""
}

.fa-folder:before {
  content: ""
}

.fa-folder-open:before {
  content: ""
}

.fa-arrows-v:before {
  content: ""
}

.fa-arrows-h:before {
  content: ""
}

.fa-bar-chart-o:before {
  content: ""
}

.fa-twitter-square:before {
  content: ""
}

.fa-facebook-square:before {
  content: ""
}

.fa-camera-retro:before {
  content: ""
}

.fa-key:before {
  content: ""
}

.fa-cogs:before,
.fa-gears:before {
  content: ""
}

.fa-comments:before {
  content: ""
}

.fa-thumbs-o-up:before {
  content: ""
}

.fa-thumbs-o-down:before {
  content: ""
}

.fa-star-half:before {
  content: ""
}

.fa-heart-o:before {
  content: ""
}

.fa-sign-out:before {
  content: ""
}

.fa-linkedin-square:before {
  content: ""
}

.fa-thumb-tack:before {
  content: ""
}

.fa-external-link:before {
  content: ""
}

.fa-sign-in:before {
  content: ""
}

.fa-trophy:before {
  content: ""
}

.fa-github-square:before {
  content: ""
}

.fa-upload:before {
  content: ""
}

.fa-lemon-o:before {
  content: ""
}

.fa-phone:before {
  content: ""
}

.fa-square-o:before {
  content: ""
}

.fa-bookmark-o:before {
  content: ""
}

.fa-phone-square:before {
  content: ""
}

.fa-twitter:before {
  content: ""
}

.fa-facebook:before {
  content: ""
}

.fa-github:before {
  content: ""
}

.fa-unlock:before {
  content: ""
}

.fa-credit-card:before {
  content: ""
}

.fa-rss:before {
  content: ""
}

.fa-hdd-o:before {
  content: ""
}

.fa-bullhorn:before {
  content: ""
}

.fa-bell:before {
  content: ""
}

.fa-certificate:before {
  content: ""
}

.fa-hand-o-right:before {
  content: ""
}

.fa-hand-o-left:before {
  content: ""
}

.fa-hand-o-up:before {
  content: ""
}

.fa-hand-o-down:before {
  content: ""
}

.fa-arrow-circle-left:before {
  content: ""
}

.fa-arrow-circle-right:before {
  content: ""
}

.fa-arrow-circle-up:before {
  content: ""
}

.fa-arrow-circle-down:before {
  content: ""
}

.fa-globe:before {
  content: ""
}

.fa-wrench:before {
  content: ""
}

.fa-tasks:before {
  content: ""
}

.fa-filter:before {
  content: ""
}

.fa-briefcase:before {
  content: ""
}

.fa-arrows-alt:before {
  content: ""
}

.fa-group:before,
.fa-users:before {
  content: ""
}

.fa-chain:before,
.fa-link:before {
  content: ""
}

.fa-cloud:before {
  content: ""
}

.fa-flask:before {
  content: ""
}

.fa-cut:before,
.fa-scissors:before {
  content: ""
}

.fa-copy:before,
.fa-files-o:before {
  content: ""
}

.fa-paperclip:before {
  content: ""
}

.fa-floppy-o:before,
.fa-save:before {
  content: ""
}

.fa-square:before {
  content: ""
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
  content: ""
}

.fa-list-ul:before {
  content: ""
}

.fa-list-ol:before {
  content: ""
}

.fa-strikethrough:before {
  content: ""
}

.fa-underline:before {
  content: ""
}

.fa-table:before {
  content: ""
}

.fa-magic:before {
  content: ""
}

.fa-truck:before {
  content: ""
}

.fa-pinterest:before {
  content: ""
}

.fa-pinterest-square:before {
  content: ""
}

.fa-google-plus-square:before {
  content: ""
}

.fa-google-plus:before {
  content: ""
}

.fa-money:before {
  content: ""
}

.fa-caret-down:before {
  content: ""
}

.fa-caret-up:before {
  content: ""
}

.fa-caret-left:before {
  content: ""
}

.fa-caret-right:before {
  content: ""
}

.fa-columns:before {
  content: ""
}

.fa-sort:before,
.fa-unsorted:before {
  content: ""
}

.fa-sort-desc:before,
.fa-sort-down:before {
  content: ""
}

.fa-sort-asc:before,
.fa-sort-up:before {
  content: ""
}

.fa-envelope:before {
  content: ""
}

.fa-linkedin:before {
  content: ""
}

.fa-rotate-left:before,
.fa-undo:before {
  content: ""
}

.fa-gavel:before,
.fa-legal:before {
  content: ""
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""
}

.fa-comment-o:before {
  content: ""
}

.fa-comments-o:before {
  content: ""
}

.fa-bolt:before,
.fa-flash:before {
  content: ""
}

.fa-sitemap:before {
  content: ""
}

.fa-umbrella:before {
  content: ""
}

.fa-clipboard:before,
.fa-paste:before {
  content: ""
}

.fa-lightbulb-o:before {
  content: ""
}

.fa-exchange:before {
  content: ""
}

.fa-cloud-download:before {
  content: ""
}

.fa-cloud-upload:before {
  content: ""
}

.fa-user-md:before {
  content: ""
}

.fa-stethoscope:before {
  content: ""
}

.fa-suitcase:before {
  content: ""
}

.fa-bell-o:before {
  content: ""
}

.fa-coffee:before {
  content: ""
}

.fa-cutlery:before {
  content: ""
}

.fa-file-text-o:before {
  content: ""
}

.fa-building-o:before {
  content: ""
}

.fa-hospital-o:before {
  content: ""
}

.fa-ambulance:before {
  content: ""
}

.fa-medkit:before {
  content: ""
}

.fa-fighter-jet:before {
  content: ""
}

.fa-beer:before {
  content: ""
}

.fa-h-square:before {
  content: ""
}

.fa-plus-square:before {
  content: ""
}

.fa-angle-double-left:before {
  content: ""
}

.fa-angle-double-right:before {
  content: ""
}

.fa-angle-double-up:before {
  content: ""
}

.fa-angle-double-down:before {
  content: ""
}

.fa-angle-left:before {
  content: ""
}

.fa-angle-right:before {
  content: ""
}

.fa-angle-up:before {
  content: ""
}

.fa-angle-down:before {
  content: ""
}

.fa-desktop:before {
  content: ""
}

.fa-laptop:before {
  content: ""
}

.fa-tablet:before {
  content: ""
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""
}

.fa-circle-o:before {
  content: ""
}

.fa-quote-left:before {
  content: ""
}

.fa-quote-right:before {
  content: ""
}

.fa-spinner:before {
  content: ""
}

.fa-circle:before {
  content: ""
}

.fa-mail-reply:before,
.fa-reply:before {
  content: ""
}

.fa-github-alt:before {
  content: ""
}

.fa-folder-o:before {
  content: ""
}

.fa-folder-open-o:before {
  content: ""
}

.fa-smile-o:before {
  content: ""
}

.fa-frown-o:before {
  content: ""
}

.fa-meh-o:before {
  content: ""
}

.fa-gamepad:before {
  content: ""
}

.fa-keyboard-o:before {
  content: ""
}

.fa-flag-o:before {
  content: ""
}

.fa-flag-checkered:before {
  content: ""
}

.fa-terminal:before {
  content: ""
}

.fa-code:before {
  content: ""
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""
}

.fa-location-arrow:before {
  content: ""
}

.fa-crop:before {
  content: ""
}

.fa-code-fork:before {
  content: ""
}

.fa-chain-broken:before,
.fa-unlink:before {
  content: ""
}

.fa-question:before {
  content: ""
}

.fa-info:before {
  content: ""
}

.fa-exclamation:before {
  content: ""
}

.fa-superscript:before {
  content: ""
}

.fa-subscript:before {
  content: ""
}

.fa-eraser:before {
  content: ""
}

.fa-puzzle-piece:before {
  content: ""
}

.fa-microphone:before {
  content: ""
}

.fa-microphone-slash:before {
  content: ""
}

.fa-shield:before {
  content: ""
}

.fa-calendar-o:before {
  content: ""
}

.fa-fire-extinguisher:before {
  content: ""
}

.fa-rocket:before {
  content: ""
}

.fa-maxcdn:before {
  content: ""
}

.fa-chevron-circle-left:before {
  content: ""
}

.fa-chevron-circle-right:before {
  content: ""
}

.fa-chevron-circle-up:before {
  content: ""
}

.fa-chevron-circle-down:before {
  content: ""
}

.fa-html5:before {
  content: ""
}

.fa-css3:before {
  content: ""
}

.fa-anchor:before {
  content: ""
}

.fa-unlock-alt:before {
  content: ""
}

.fa-bullseye:before {
  content: ""
}

.fa-ellipsis-h:before {
  content: ""
}

.fa-ellipsis-v:before {
  content: ""
}

.fa-rss-square:before {
  content: ""
}

.fa-play-circle:before {
  content: ""
}

.fa-ticket:before {
  content: ""
}

.fa-minus-square:before {
  content: ""
}

.fa-minus-square-o:before {
  content: ""
}

.fa-level-up:before {
  content: ""
}

.fa-level-down:before {
  content: ""
}

.fa-check-square:before {
  content: ""
}

.fa-pencil-square:before {
  content: ""
}

.fa-external-link-square:before {
  content: ""
}

.fa-share-square:before {
  content: ""
}

.fa-compass:before {
  content: ""
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
  content: ""
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
  content: ""
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
  content: ""
}

.fa-eur:before,
.fa-euro:before {
  content: ""
}

.fa-gbp:before {
  content: ""
}

.fa-dollar:before,
.fa-usd:before {
  content: ""
}

.fa-inr:before,
.fa-rupee:before {
  content: ""
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
  content: ""
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
  content: ""
}

.fa-krw:before,
.fa-won:before {
  content: ""
}

.fa-bitcoin:before,
.fa-btc:before {
  content: ""
}

.fa-file:before {
  content: ""
}

.fa-file-text:before {
  content: ""
}

.fa-sort-alpha-asc:before {
  content: ""
}

.fa-sort-alpha-desc:before {
  content: ""
}

.fa-sort-amount-asc:before {
  content: ""
}

.fa-sort-amount-desc:before {
  content: ""
}

.fa-sort-numeric-asc:before {
  content: ""
}

.fa-sort-numeric-desc:before {
  content: ""
}

.fa-thumbs-up:before {
  content: ""
}

.fa-thumbs-down:before {
  content: ""
}

.fa-youtube-square:before {
  content: ""
}

.fa-youtube:before {
  content: ""
}

.fa-xing:before {
  content: ""
}

.fa-xing-square:before {
  content: ""
}

.fa-youtube-play:before {
  content: ""
}

.fa-dropbox:before {
  content: ""
}

.fa-stack-overflow:before {
  content: ""
}

.fa-instagram:before {
  content: ""
}

.fa-flickr:before {
  content: ""
}

.fa-adn:before {
  content: ""
}

.fa-bitbucket:before {
  content: ""
}

.fa-bitbucket-square:before {
  content: ""
}

.fa-tumblr:before {
  content: ""
}

.fa-tumblr-square:before {
  content: ""
}

.fa-long-arrow-down:before {
  content: ""
}

.fa-long-arrow-up:before {
  content: ""
}

.fa-long-arrow-left:before {
  content: ""
}

.fa-long-arrow-right:before {
  content: ""
}

.fa-apple:before {
  content: ""
}

.fa-windows:before {
  content: ""
}

.fa-android:before {
  content: ""
}

.fa-linux:before {
  content: ""
}

.fa-dribbble:before {
  content: ""
}

.fa-skype:before {
  content: ""
}

.fa-foursquare:before {
  content: ""
}

.fa-trello:before {
  content: ""
}

.fa-female:before {
  content: ""
}

.fa-male:before {
  content: ""
}

.fa-gittip:before {
  content: ""
}

.fa-sun-o:before {
  content: ""
}

.fa-moon-o:before {
  content: ""
}

.fa-archive:before {
  content: ""
}

.fa-bug:before {
  content: ""
}

.fa-vk:before {
  content: ""
}

.fa-weibo:before {
  content: ""
}

.fa-renren:before {
  content: ""
}

.fa-pagelines:before {
  content: ""
}

.fa-stack-exchange:before {
  content: ""
}

.fa-arrow-circle-o-right:before {
  content: ""
}

.fa-arrow-circle-o-left:before {
  content: ""
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
  content: ""
}

.fa-dot-circle-o:before {
  content: ""
}

.fa-wheelchair:before {
  content: ""
}

.fa-vimeo-square:before {
  content: ""
}

.fa-try:before,
.fa-turkish-lira:before {
  content: ""
}

.fa-plus-square-o:before {
  content: ""
}

.fa-space-shuttle:before {
  content: ""
}

.fa-slack:before {
  content: ""
}

.fa-envelope-square:before {
  content: ""
}

.fa-wordpress:before {
  content: ""
}

.fa-openid:before {
  content: ""
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
  content: ""
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
  content: ""
}

.fa-yahoo:before {
  content: ""
}

.fa-google:before {
  content: ""
}

.fa-reddit:before {
  content: ""
}

.fa-reddit-square:before {
  content: ""
}

.fa-stumbleupon-circle:before {
  content: ""
}

.fa-stumbleupon:before {
  content: ""
}

.fa-delicious:before {
  content: ""
}

.fa-digg:before {
  content: ""
}

.fa-pied-piper-square:before,
.fa-pied-piper:before {
  content: ""
}

.fa-pied-piper-alt:before {
  content: ""
}

.fa-drupal:before {
  content: ""
}

.fa-joomla:before {
  content: ""
}

.fa-language:before {
  content: ""
}

.fa-fax:before {
  content: ""
}

.fa-building:before {
  content: ""
}

.fa-child:before {
  content: ""
}

.fa-paw:before {
  content: ""
}

.fa-spoon:before {
  content: ""
}

.fa-cube:before {
  content: ""
}

.fa-cubes:before {
  content: ""
}

.fa-behance:before {
  content: ""
}

.fa-behance-square:before {
  content: ""
}

.fa-steam:before {
  content: ""
}

.fa-steam-square:before {
  content: ""
}

.fa-recycle:before {
  content: ""
}

.fa-automobile:before,
.fa-car:before {
  content: ""
}

.fa-cab:before,
.fa-taxi:before {
  content: ""
}

.fa-tree:before {
  content: ""
}

.fa-spotify:before {
  content: ""
}

.fa-deviantart:before {
  content: ""
}

.fa-soundcloud:before {
  content: ""
}

.fa-database:before {
  content: ""
}

.fa-file-pdf-o:before {
  content: ""
}

.fa-file-word-o:before {
  content: ""
}

.fa-file-excel-o:before {
  content: ""
}

.fa-file-powerpoint-o:before {
  content: ""
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
  content: ""
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
  content: ""
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
  content: ""
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""
}

.fa-file-code-o:before {
  content: ""
}

.fa-vine:before {
  content: ""
}

.fa-codepen:before {
  content: ""
}

.fa-jsfiddle:before {
  content: ""
}

.fa-life-bouy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
  content: ""
}

.fa-circle-o-notch:before {
  content: ""
}

.fa-ra:before,
.fa-rebel:before {
  content: ""
}

.fa-empire:before,
.fa-ge:before {
  content: ""
}

.fa-git-square:before {
  content: ""
}

.fa-git:before {
  content: ""
}

.fa-hacker-news:before {
  content: ""
}

.fa-tencent-weibo:before {
  content: ""
}

.fa-qq:before {
  content: ""
}

.fa-wechat:before,
.fa-weixin:before {
  content: ""
}

.fa-paper-plane:before,
.fa-send:before {
  content: ""
}

.fa-paper-plane-o:before,
.fa-send-o:before {
  content: ""
}

.fa-history:before {
  content: ""
}

.fa-circle-thin:before {
  content: ""
}

.fa-header:before {
  content: ""
}

.fa-paragraph:before {
  content: ""
}

.fa-sliders:before {
  content: ""
}

.fa-share-alt:before {
  content: ""
}

.fa-share-alt-square:before {
  content: ""
}

.fa-bomb:before {
  content: ""
}

@font-face {
  font-family: materialicon2;
  src: url(../../static/media/materialIcon2.d794fabb.eot);
  src: url(../../static/media/materialIcon2.d794fabb.eot) format("embedded-opentype"), url(../../static/media/materialIcon2.25c2d300.ttf) format("truetype"), url(../../static/media/materialIcon2.e508eec3.woff) format("woff"), url(../../static/media/materialIcon2.027bc8c2.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" materialIcon2-"],
[class^=materialIcon2-] {
  font-family: materialicon2 !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale
}

.materialIcon2-icon2-copy-01:before {
  content: ""
}

@font-face {
  font-family: icomoon;
  src: url(../../static/media/icomoon.b7693750.eot);
  src: url(../../static/media/icomoon.b7693750.eot) format("embedded-opentype"), url(../../static/media/icomoon.72abc557.ttf) format("truetype"), url(../../static/media/icomoon.5fd72897.woff) format("woff"), url(../../static/media/icomoon.e70ddb34.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" icon-"],
[class^=icon-] {
  font-family: icomoon !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-chips:before {
  content: "";
  color: #bfbfbf
}

.icon-leaderboard:before {
  content: "";
  color: #ffffff
}

.icon-deposithome:before {
  content: "";
  color: #ffffff
}

.icon-withdrawnhome:before {
  content: "";
  color: #ffffff
}

.icon-Speaker:before {
  content: "";
  color: #898989
}

.icon-cp98Speaker:before {
  content: "";
  color: #7b909d
}

.icon-dynSpeaker:before {
  content: "";
  color: var(--theme-color)
}

.icon-cp-Speaker:before {
  content: "";
  color: #d9383d
}

.icon-app:before {
  content: "";
  color: #fff
}

.icon-cancel:before {
  content: "";
  color: #fff
}

.icon-free:before {
  content: "";
  color: #fff
}

.icon-group:before {
  content: "";
  color: #f44336
}

.icon-person:before {
  content: "";
  color: #f44336
}

.icon-wallet:before {
  content: "";
  color: #f44336
}

.icon-withdraw:before {
  content: "";
  color: #f44336
}

.icon-password:before {
  content: "";
  color: #b11c00
}

.icon-user:before {
  content: "";
  color: #b11c00
}

.icon-user-white:before {
  content: "";
  color: #fff
}

.icon-random:before {
  content: "";
  color: #bfbfbf
}

.icon-basket:before {
  content: "";
  color: #bfbfbf
}

.icon-delete:before {
  content: "";
  color: #bfbfbf
}

.icon-delete1:before {
  content: "";
  color: var(--theme-color)
}

.icon-edit:before {
  content: "";
  color: var(--theme-color)
}

.icon-share:before {
  content: "";
  color: var(--theme-color)
}

.icon-copy:before {
  content: "";
  color: var(--theme-color)
}

.icon-back:before {
  content: "";
  color: #fff
}

.icon-reload:before {
  content: "";
  color: #fff
}

.icon-plus:before {
  content: "";
  color: #fff
}

.icon-freeplay:before {
  content: "";
  color: #fff
}

.icon-changlong:before {
  content: "";
  color: #ffffff
}

.icon-gift:before {
  content: "";
  color: #898989
}

.icon-giftactive:before {
  content: "";
  color: var(--theme-color)
}

.cp-promo .icon-gift:before {
  content: "";
  color: #bbb
}

.cp-promo .icon-giftactive:before {
  content: "";
  color: #d9383d
}

.theme-cp98-white .icon-gift:before {
  content: "";
  color: #c5bbce
}

.theme-cp98-white .icon-giftactive:before {
  content: "";
  color: #739ee1
}

.blue-promo .icon-giftactive:before {
  content: "";
  color: #fc7272
}

.icon-home:before {
  content: "";
  color: #898989
}

.icon-homeactive:before {
  content: "";
  color: #6c757d
}

.cp-homepage .icon-home:before {
  content: "";
  color: #bbb
}

/*.cp-homepage .icon-homeactive:before {*/
/*    content: "";*/
/*    color: #d9383d*/
/*}*/

/*.blue-homepage .icon-homeactive:before {*/
/*    content: "";*/
/*    color: #304df0*/
/*}*/

.theme-cp98-white .icon-home:before {
  content: "";
  color: #c5bbce
}

/*.theme-cp98-white .icon-homeactive:before {*/
/*    content: "";*/
/*    color: #739ee1*/
/*}*/

.icon-left:before {
  content: "";
  color: #898989
}

.icon-lottery:before {
  content: "";
  color: #ffffff
}

.icon-lottery.active:before {
  content: "";
  color: #fff
}

.icon-mine:before {
  content: "";
  color: #898989
}

.icon-mineactive:before {
  content: "";
  color: var(--theme-color)
}

.theme-cp98-white .icon-mine:before {
  content: "";
  color: #97a7b0
}

.theme-cp98-white .icon-mineactive:before {
  content: "";
  color: #739ee1
}

.blue-user .icon-mineactive:before {
  content: "";
  color: #b959ee
}

.icon-qipai:before {
  content: "";
  color: #ffffff
}

.icon-right:before {
  content: "";
  color: #898989
}

.icon-shixun:before {
  content: "";
  color: #ffffff
}

.icon-sports:before {
  content: "";
  color: #ffffff
}

.icon-support:before {
  content: "";
  color: #bbb
}

.cp-customer .icon-supportactive:before {
  content: "";
  color: #d9383d
}

.cp-customer .icon-support:before {
  content: "";
  color: #898989
}

.theme-cp98-white .icon-support:before {
  content: "";
  color: #c5bbce
}

.theme-cp98-white .icon-supportactive:before {
  content: "";
  color: #739ee1
}

.icon-supportactive:before {
  content: "";
  color: var(--theme-color)
}

.blue-customer .icon-supportactive:before {
  content: "";
  color: #7994fd
}

.icon-supportactive-header:before {
  content: "";
  color: #fff
}

.icon-zoushi:before {
  content: "";
  color: #898989
}

.icon-zoushiactive:before {
  content: "";
  color: var(--theme-color)
}

.cp-award .icon-zoushi:before {
  content: "";
  color: #bbb
}

.cp-award .icon-zoushiactive:before {
  content: "";
  color: #d9383d
}

.theme-cp98-white .icon-zoushi:before {
  content: "";
  color: #c5bbce
}

.theme-cp98-white .icon-zoushiactive:before {
  content: "";
  color: #739ee1
}

.blue-award .icon-zoushiactive:before {
  content: "";
  color: #ffd406
}

.icon-transfer:before {
  content: "";
  color: #fff
}

.icon-refresh:before {
  content: "";
  color: #fff
}

.icon-beadchart:before {
  content: "";
  color: var(--theme-color)
}

.icon-betrecord:before {
  content: "";
  color: var(--theme-color)
}

.icon-bet:before {
  content: "";
  color: var(--theme-color)
}

.icon-chatroom:before {
  content: "";
  color: var(--theme-color)
}

.icon-purserecords:before {
  content: "";
  color: var(--theme-color)
}

.icon-autobets:before {
  content: "";
  color: #ffffff
}

.icon-AG:before {
  content: "";
  color: #ffffff
}

.icon-COOP:before {
  content: "";
  color: #ffffff
}

.icon-GR2:before {
  content: "";
  color: #ffffff
}

.icon-GRl:before {
  content: "";
  color: #ffffff
}

.icon-HL:before {
  content: "";
  color: #ffffff
}

.icon-HL2:before {
  content: "";
  color: #ffffff
}

.icon-KY:before {
  content: "";
  color: #ffffff
}

.icon-PHB:before {
  content: "";
  color: #ffffff
}

.icon-SB:before {
  content: "";
  color: #ffffff
}

.icon-SD:before {
  content: "";
  color: #ffffff
}

.icon-signin:before {
  content: "";
  color: #ffffff
}

@font-face {
  font-family: newicomoon;
  src: url(../../static/media/newicomoon.20841295.eot);
  src: url(../../static/media/newicomoon.20841295.eot) format("embedded-opentype"), url(../../static/media/newicomoon.8d338d45.ttf) format("truetype"), url(../../static/media/newicomoon.b4d54c9e.woff) format("woff"), url(../../static/media/newicomoon.dc9f75cb.svg) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block
}

[class*=" newicon-"],
[class^=newicon-] {
  font-family: newicomoon !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.newicon-QQC:before {
  content: "";
  color: #db407f
}

.newicon-QQC-EN:before {
  content: "";
  color: #db407f
}

.newicon-Asset-72:before {
  content: "";
  color: #d9383d
}

.newicon-KLS-EN:before {
  content: "";
  color: #ff9d00
}

.newicon-TDB-EN:before {
  content: "";
  color: #fbca35
}

.newicon-VKL-EN:before {
  content: "";
  color: #fe5d5c
}

.newicon-SFL-EN:before {
  content: "";
  color: #2f97ae
}

.newicon-PWB-EN:before {
  content: "";
  color: #9e78ff
}

.newicon-UKL-EN:before {
  content: "";
  color: #4e84f9
}

.newicon-MGM-EN:before {
  content: "";
  color: #0dd15d
}

.newicon-BSC-EN:before,
.newicon-PKS-EN:before {
  content: "";
  color: #ff4343
}

.newicon-KL8-EN:before {
  content: "";
  color: #ffba55
}

.newicon-SSL-EN:before {
  content: "";
  color: #6966cd
}

.newicon-PL3-EN:before {
  content: "";
  color: #ffc926
}

.newicon-LOT-EN:before {
  content: "";
  color: #6f35bb
}

.newicon-JHC-EN:before,
.newicon-LHC-EN:before {
  content: "";
  color: #f00000
}

.newicon-DDC-EN:before {
  content: "";
  color: #63ccf2
}

.newicon-LCT-EN:before {
  content: "";
  color: #fa4f8e
}

.newicon-STM-EN:before {
  content: "";
  color: #4c2175
}

.newicon-YSC-EN:before {
  content: "";
  color: #e326ed
}

.newicon-OSD-EN:before {
  content: "";
  color: #9a05bf
}

.newicon-YXX-EN:before {
  content: "";
  color: #46b950
}

.newicon-Asset-92:before {
  content: "";
  color: #d9383d
}

.newicon-KW3-EN:before {
  content: "";
  color: #6966cd
}

.newicon-XX5-EN:before {
  content: "";
  color: #19afd0
}

.newicon-V6D-EN:before,
.newicon-V6Z-EN:before {
  content: "";
  color: #283fff
}

.newicon-V5Z-EN:before {
  content: "";
  color: #283fff
}

.newicon-SSC-EN:before {
  content: "";
  color: #3be8b0
}

.newicon-M4D-EN:before {
  content: "";
  color: #283fff
}

.newicon-F3D-EN:before {
  content: "";
  color: #283fff
}

.newicon-BSC-EN:before {
  content: "";
  color: #6176f7
}

.newicon-Asset-4:before {
  content: "";
  color: #30e57b
}

.newicon-KLS:before {
  content: "";
  color: #ff9d00
}

.newicon-YSC:before {
  content: "";
  color: #e326ed
}

.newicon-V6D:before,
.newicon-V6Z:before {
  content: "";
  color: #283fff
}

.newicon-V5Z:before {
  content: "";
  color: #283fff
}

.newicon-M4D:before {
  content: "";
  color: #283fff
}

.newicon-F3D:before {
  content: "";
  color: #283fff
}

.newicon-OSD:before {
  content: "";
  color: #9a05bf
}

.newicon-YXX:before {
  content: "";
  color: #46b950
}

.newicon-KL8:before {
  content: "";
  color: #ffba55
}

.newicon-STM:before {
  content: "";
  color: #4c2175
}

.newicon-SSL:before {
  content: "";
  color: #6966cd
}

.newicon-DDC:before {
  content: "";
  color: #63ccf2
}

.newicon-Asset-18:before {
  content: "";
  color: #ffc200
}

.newicon-PL3:before {
  content: "";
  color: #ffc926
}

.newicon-BSC:before,
.newicon-PKS:before {
  content: "";
  color: #ff4343
}

.newicon-KW3:before {
  content: "";
  color: #6966cd
}

.newicon-XX5:before {
  content: "";
  color: #19afd0
}

.newicon-BSC:before {
  content: "";
  color: #6176f7
}

.newicon-UKL:before {
  content: "";
  color: #4e84f9
}

.newicon-VKL:before {
  content: "";
  color: #fe5d5c
}

.newicon-TDB:before {
  content: "";
  color: #fbca35
}

.newicon-PWB:before {
  content: "";
  color: #9e78ff
}

.newicon-SFL:before {
  content: "";
  color: #2f97ae
}

.newicon-MGM:before {
  content: "";
  color: #0dd15d
}

.newicon-LCT:before {
  content: "";
  color: #fa4f8e
}

.newicon-SSC:before {
  content: "";
  color: #3be8b0
}

.newicon-JHC:before,
.newicon-LHC:before {
  content: "";
  color: #f00000
}

.newicon-LOT:before {
  content: "";
  color: #6f35bb
}

.newicon-uniE661:before {
  content: "";
  color: #d9383d
}

.newicon-x:before {
  content: "x";
  color: #d9383d
}

.newicon-uniE601:before {
  content: "";
  color: #d9383d
}

.newicon-uniE602:before {
  content: "";
  color: #d9383d
}

.newicon-uniE603:before {
  content: "";
  color: #d9383d
}

.newicon-uniE604:before {
  content: "";
  color: #d9383d
}

.newicon-uniE605:before {
  content: "";
  color: #d9383d
}

.newicon-uniE606:before {
  content: "";
  color: #d9383d
}

.newicon-uniE607:before {
  content: "";
  color: #d9383d
}

.newicon-uniE608:before {
  content: "";
  color: #d9383d
}

.newicon-uniE609:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60A:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60B:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60C:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60D:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60E:before {
  content: "";
  color: #d9383d
}

.newicon-uniE60F:before {
  content: "";
  color: #d9383d
}

.newicon-uniE610:before {
  content: "";
  color: #d9383d
}

.newicon-uniE611:before {
  content: "";
  color: #d9383d
}

.newicon-uniE612:before {
  content: "";
  color: #d9383d
}

.newicon-uniE613:before {
  content: "";
  color: #d9383d
}

.newicon-uniE614:before {
  content: "";
  color: #d9383d
}

.newicon-uniE615:before {
  content: "";
  color: #d9383d
}

.newicon-uniE616:before {
  content: "";
  color: #d9383d
}

.newicon-uniE617:before {
  content: "";
  color: #d9383d
}

.newicon-uniE618:before {
  content: "";
  color: #d9383d
}

.newicon-uniE619:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61A:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61B:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61C:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61D:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61E:before {
  content: "";
  color: #d9383d
}

.newicon-uniE61F:before {
  content: "";
  color: #d9383d
}

.newicon-uniE620:before {
  content: "";
  color: #d9383d
}

.newicon-uniE621:before {
  content: "";
  color: #d9383d
}

.newicon-uniE624:before {
  content: "";
  color: #d9383d
}

.newicon-uniE625:before {
  content: "";
  color: #d9383d
}

.newicon-uniE626:before {
  content: "";
  color: #d9383d
}

.newicon-uniE627:before {
  content: "";
  color: #d9383d
}

.newicon-uniE628:before {
  content: "";
  color: #d9383d
}

.newicon-uniE629:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62A:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62B:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62C:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62D:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62E:before {
  content: "";
  color: #d9383d
}

.newicon-uniE62F:before {
  content: "";
  color: #d9383d
}

.newicon-uniE630:before {
  content: "";
  color: #d9383d
}

.newicon-uniE631:before {
  content: "";
  color: #d9383d
}

.newicon-uniE632:before {
  content: "";
  color: #d9383d
}

.newicon-uniE633:before {
  content: "";
  color: #d9383d
}

.newicon-uniE634:before {
  content: "";
  color: #d9383d
}

.newicon-uniE635:before {
  content: "";
  color: #d9383d
}

.newicon-uniE636:before {
  content: "";
  color: #d9383d
}

.newicon-uniE637:before {
  content: "";
  color: #d9383d
}

.newicon-uniE638:before {
  content: "";
  color: #d9383d
}

.newicon-uniE639:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63A:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63B:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63C:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63D:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63E:before {
  content: "";
  color: #d9383d
}

.newicon-uniE63F:before {
  content: "";
  color: #d9383d
}

.newicon-uniE640:before {
  content: "";
  color: #d9383d
}

.newicon-uniE641:before {
  content: "";
  color: #d9383d
}

.newicon-uniE642:before {
  content: "";
  color: #d9383d
}

.newicon-uniE643:before {
  content: "";
  color: #d9383d
}

.newicon-uniE644:before {
  content: "";
  color: #d9383d
}

.newicon-uniE645:before {
  content: "";
  color: #d9383d
}

.newicon-uniE646:before {
  content: "";
  color: #d9383d
}

.newicon-uniE647:before {
  content: "";
  color: #d9383d
}

.newicon-uniE648:before {
  content: "";
  color: #d9383d
}

.newicon-uniE649:before {
  content: "";
  color: #d9383d
}

.newicon-uniE650:before {
  content: "";
  color: #d9383d
}

.newicon-uniE651:before {
  content: "";
  color: #d9383d
}

.newicon-uniE652:before {
  content: "";
  color: #d9383d
}

.newicon-uniE653:before {
  content: "";
  color: #d9383d
}

.newicon-uniE654:before {
  content: "";
  color: #d9383d
}

.newicon-uniE655:before {
  content: "";
  color: #d9383d
}

.newicon-uniE656:before {
  content: "";
  color: #d9383d
}

.newicon-uniE657:before {
  content: "";
  color: #d9383d
}

.newicon-uniE658:before {
  content: "";
  color: #d9383d
}

.newicon-uniE659:before {
  content: "";
  color: #d9383d
}

.newicon-uniE660:before {
  content: "";
  color: #d9383d
}

.newicon-card-01:before {
  content: "";
  color: #d9383d
}

.newicon-QQQQ:before {
  content: "";
  color: #d9383d
}

.newicon-card-01-01:before {
  content: "";
  color: #d9383d
}

.newicon-benz-01:before {
  content: "";
  color: #d9383d
}

.newicon-Shark-01-01:before {
  content: "";
  color: #d9383d
}

.newicon-wangrenBaijiale-01:before {
  content: "";
  color: #d9383d
}

.newicon-WangrenPokeer-01:before {
  content: "";
  color: #d9383d
}

.newicon-benz-01-01:before {
  content: "";
  color: #d9383d
}

.newicon-dancer-01:before {
  content: "";
  color: #d9383d
}

.newicon-kkkaa-01:before {
  content: "";
  color: #d9383d
}

.newicon-mahjong-01:before {
  content: "";
  color: #d9383d
}

.newicon-Pai9-01:before {
  content: "";
  color: #d9383d
}

.newicon-Poker-21-01:before {
  content: "";
  color: #d9383d
}

.newicon-Poker-THS-01:before {
  content: "";
  color: #d9383d
}

.newicon-shaizi-01:before {
  content: "";
  color: #d9383d
}

.cr-header__nav-right {
  flex-direction: row;
  justify-content: flex-end;
  margin-left: auto
}

.btn-group-sm>.btn,
.btn-sm {
  margin: 4px;
  font-size: 12px
}

.hr-text {
  position: relative;
  height: 1.5em;
  font-size: 12px;
  line-height: 1em;
  color: #000;
  text-align: center;
  border: 0;
  outline: 0;
  opacity: .5
}

.hr-text:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  content: " ";
  background: linear-gradient(90deg, transparent, #818078, transparent)
}

.hr-text:after {
  position: relative;
  display: inline-block;
  padding: 0 .5em;
  line-height: 1.5em;
  color: #000;
  content: attr(data-content);
  background-color: #fcfcfa
}

.cr-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -224px;
  z-index: 5;
  width: 224px;
  font-weight: 200;
  color: #fff;
  background-position: 50%;
  background-size: cover;
  transition: right .1s ease-in
}

.cr-sidebar+.cr-content {
  transition: margin .1s ease-in
}

.cr-sidebar:after,
.cr-sidebar:before {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 40%;
  content: ""
}

.cr-sidebar:after,
.cr-sidebar:before {
  background: #f74f0a;
  opacity: 1
}

.cr-sidebar:after {
  z-index: 3
}

.cr-sidebar[data-image]:after {
  opacity: .77
}

.cr-sidebar__content {
  position: relative;
  z-index: 4;
  height: calc(100vh - 20px);
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.cr-sidebar__content::-webkit-scrollbar {
  width: 0
}

.cr-sidebar__background {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: cover
}

.cr-sidebar__nav-item-collapse {
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.cr-sidebar__nav-item-icon {
  width: 1.5rem;
  height: 1.5rem;
  padding-right: .5rem
}

.cr-sidebar--open {
  margin: -1px;
  right: 0;
  transition: right .2s ease-in
}

.cr-sidebar--open+.cr-content {
  margin: 0 224px 0 0;
  transition: margin .2s ease-in
}

.cr-sidebar .nav {
  margin-top: 0;
  background: #fff
}

.cr-sidebar .nav .nav-item {
  margin: 5px 10px;
  color: #000;
  border-radius: 4px;
  opacity: .86
}

.cr-sidebar .nav .nav-link {
  color: #383635
}

.cr-sidebar .nav .nav-link:hover {
  background: theme-color(light)
}

.cr-content {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  padding: 0;
  margin: 0
}

.cr-content,
.cr-page {
  min-height: 100vh
}

.cr-page__header {
  display: flex;
  align-items: flex-end;
  align-self: center
}

@media(max-width: 575.98px) {
  .cr-page__header {
    flex-direction: column;
    align-items: flex-start
  }
}

.cr-page__title {
  padding-right: .5rem;
  margin-bottom: 1rem
}

@media(max-width: 575.98px) {
  .cr-page__title {
    margin-bottom: 0
  }
}

.cr-page__breadcrumb {
  align-self: flex-end;
  padding: 0;
  text-transform: capitalize;
  background: theme-color("light")
}

@media(max-width: 575.98px) {
  .cr-page__breadcrumb {
    align-self: flex-start
  }
}

.cr-page .row .col,
.cr-page .row>[class^=col-] {
  margin-bottom: 1rem
}

.cr-page .cr-page-spinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.foot-bar {
  position: fixed;
  bottom: 50px;
  width: 100%;
  height: 47px;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  z-index: 3
}

.bsBox {
  background: #fff;
  font-size: 16px;
  height: 49px;
  line-height: 49px;
  padding: 12px;
  margin-left: 350px;
  display: flex
}

.seleInp {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  height: 35px;
  line-height: 35px;
  border-radius: 2px;
  display: flex;
  margin-top: 6px
}

.baBox,
.toolbar {
  bottom: 0;
  top: auto
}

.toolbar {
  position: fixed;
  z-index: 2;
  background: #fff;
  border-top: 1px solid rgba(0,0,0,0);
  height: 48px !important
}

.toolbar-button {
  padding: 14px;
  background: #ff5722;
  margin: -14px -14px -14px 65px;
  border-color: #fff
}

.cr-widget {
  display: flex;
  flex-direction: row
}

.cr-widget__icon {
  flex: 0 0 auto;
  align-items: center;
  justify-content: center
}

.cr-search-form {
  position: relative
}

.cr-search-form__icon-search {
  position: absolute;
  left: 8px
}

.cr-search-form__input {
  padding-left: 35px !important
}

.bg-gradient-theme {
  background: linear-gradient(180deg, theme-color("primary"), theme-color("secondary"))
}

.bg-gradient-theme-top {
  background: linear-gradient(0deg, theme-color("primary"), theme-color("secondary"))
}

.bg-gradient-theme-left {
  background: linear-gradient(270deg, theme-color("primary"), theme-color("secondary"))
}

.bg-gradient-theme-right {
  background: linear-gradient(90deg, theme-color("primary"), theme-color("secondary"))
}

.layout-dark .login-screen-content,
.layout-dark .page,
.layout-dark .panel,
.page.layout-dark,
.panel.layout-dark {
  background-color: #222;
  color: hsla(0, 0%, 100%, .87)
}

.layout-dark .content-block-title {
  color: hsla(0, 0%, 100%, .87)
}

.layout-dark .content-block-inner:after,
.layout-dark .content-block-inner:before {
  background-color: #393939
}

.layout-dark .popover .list-block ul {
  background: 0 0
}

.layout-dark .card {
  background: #1c1c1c
}

.layout-dark .card-header:after {
  background-color: #393939
}

.layout-dark .card-footer {
  color: #bbb
}

.layout-dark .card-footer:before,
.layout-dark .list-block ul:after,
.layout-dark .list-block ul:before,
.list-block.layout-dark ul:after,
.list-block.layout-dark ul:before {
  background-color: #393939
}

.layout-dark .list-block.inset ul,
.list-block.layout-dark.inset ul {
  background: #1c1c1c
}

.layout-dark .list-block.notifications>ul,
.list-block.layout-dark.notifications>ul {
  background: 0 0
}

.layout-dark li.sorting {
  background-color: rgba(34, 34, 34, .8)
}

.layout-dark .swipeout-actions-left a,
.layout-dark .swipeout-actions-right a {
  background-color: #444
}

.layout-dark .item-inner:after,
.layout-dark .list-block ul ul li:last-child .item-inner:after {
  background-color: #393939
}

.layout-dark .item-after,
.layout-dark .item-text {
  color: hsla(0, 0%, 100%, .7)
}

.layout-dark .list-block-label {
  color: #bbb
}

.layout-dark .item-divider,
.layout-dark .list-group-title {
  background: #1a1a1a;
  color: #bbb
}

.layout-dark .item-divider:before,
.layout-dark .list-group-title:before {
  background-color: #393939
}

.layout-dark .contacts-block .list-group-title {
  background: 0 0
}

.layout-dark .autocomplete-dropdown {
  background: #1c1c1c
}

.layout-dark .autocomplete-dropdown .list-block {
  color: hsla(0, 0%, 100%, .54)
}

.layout-dark .autocomplete-dropdown .list-block b {
  color: hsla(0, 0%, 100%, .87)
}

.layout-dark .item-link.active-state,
.layout-dark label.label-checkbox.active-state,
.layout-dark label.label-radio.active-state,
html:not(.watch-active-state) .layout-dark .item-link:active,
html:not(.watch-active-state) .layout-dark label.label-checkbox:active,
html:not(.watch-active-state) .layout-dark label.label-radio:active {
  background-color: hsla(0, 0%, 100%, .05)
}

.layout-dark .list-block input[type=date],
.layout-dark .list-block input[type=datetime-local],
.layout-dark .list-block input[type=email],
.layout-dark .list-block input[type=number],
.layout-dark .list-block input[type=password],
.layout-dark .list-block input[type=search],
.layout-dark .list-block input[type=tel],
.layout-dark .list-block input[type=text],
.layout-dark .list-block input[type=time],
.layout-dark .list-block input[type=url],
.layout-dark .list-block select,
.layout-dark .list-block textarea {
  color: #fff
}

.layout-dark .list-block input[type=date]::-webkit-input-placeholder,
.layout-dark .list-block input[type=datetime-local]::-webkit-input-placeholder,
.layout-dark .list-block input[type=email]::-webkit-input-placeholder,
.layout-dark .list-block input[type=number]::-webkit-input-placeholder,
.layout-dark .list-block input[type=password]::-webkit-input-placeholder,
.layout-dark .list-block input[type=search]::-webkit-input-placeholder,
.layout-dark .list-block input[type=tel]::-webkit-input-placeholder,
.layout-dark .list-block input[type=text]::-webkit-input-placeholder,
.layout-dark .list-block input[type=time]::-webkit-input-placeholder,
.layout-dark .list-block input[type=url]::-webkit-input-placeholder,
.layout-dark .list-block select::-webkit-input-placeholder,
.layout-dark .list-block textarea::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, .35)
}

.layout-dark .label-switch .checkbox {
  background: hsla(0, 0%, 100%, .3)
}

.layout-dark .item-inner:not(.focus-state) .floating-label,
.layout-dark .item-inner:not(.focus-state) .label {
  color: hsla(0, 0%, 100%, .7)
}

.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .input-field:after,
.layout-dark .item-inner:not(.focus-state):not(.not-empty-state) .item-input-field:after {
  background-color: hsla(0, 0%, 100%, .12)
}

.layout-dark label.label-checkbox i.icon-form-checkbox,
.layout-dark label.label-radio i.icon-form-radio {
  border-color: hsla(0, 0%, 100%, .7)
}

.layout-dark .item-link.list-button:after,
.layout-dark .list-button:after {
  background-color: #393939
}

.layout-dark .page-content .ripple-wave {
  background: hsla(0, 0%, 100%, .3)
}

.layout-dark .button:not(.button-fill).active-state,
html:not(.watch-active-state) .layout-dark .button:not(.button-fill):active {
  background: hsla(0, 0%, 100%, .1)
}

.layout-dark .chip {
  background: hsla(0, 0%, 100%, .87)
}

.layout-dark .timeline-item-inner {
  background: #1c1c1c
}

.layout-dark .timeline-item-divider {
  background: hsla(0, 0%, 100%, .3)
}

.layout-dark .content-block-inner .timeline-item-inner {
  border-color: #393939
}

.layout-dark .timeline-item-time {
  color: hsla(0, 0%, 100%, .7)
}

.layout-dark .data-table tbody tr.data-table-row-selected {
  background: hsla(0, 0%, 100%, .05)
}

.layout-dark .data-table tbody td:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #393939;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

html.pixel-ratio-2 .layout-dark .data-table tbody td:before {
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5)
}

html.pixel-ratio-3 .layout-dark .data-table tbody td:before {
  -webkit-transform: scaleY(.33);
  transform: scaleY(.33)
}

html:not(.ios):not(.android) .layout-dark .data-table tbody tr:hover {
  background: hsla(0, 0%, 100%, .05)
}

.layout-dark .data-table td.actions-cell a.link,
.layout-dark .data-table th.actions-cell a.link,
.layout-dark .data-table thead td:not(.sortable-active),
.layout-dark .data-table thead th:not(.sortable-active) {
  color: hsla(0, 0%, 100%, .5)
}

.layout-dark .data-table .sortable-cell.numeric-cell:before,
.layout-dark .data-table .sortable-cell:not(.numeric-cell):after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyBmaWxsPScjZmZmJyBoZWlnaHQ9JzI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTAgMGgyNHYyNEgwVjB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTIwIDEybC0xLjQxLTEuNDFMMTMgMTYuMTdWNGgtMnYxMi4xN2wtNS41OC01LjU5TDQgMTJsOCA4IDgtOHonLz48L3N2Zz4=)
}

.layout-dark .data-table .data-table-actions a.link {
  color: hsla(0, 0%, 100%, .5)
}

@media(max-width: 480px)and (orientation:portrait) {
  .layout-dark .data-table.data-table-collapsible tr:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #393939;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
  }

  html.pixel-ratio-2 .layout-dark .data-table.data-table-collapsible tr:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }

  html.pixel-ratio-3 .layout-dark .data-table.data-table-collapsible tr:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }

  .layout-dark .data-table.data-table-collapsible tr:hover {
    background-color: inherit
  }

  .layout-dark .data-table.data-table-collapsible td:not(.checkbox-cell):before {
    color: hsla(0, 0%, 100%, .5)
  }
}

.theme-red .button:not(.button-fill) {
  color: #f44336
}

.theme-red.navbar .button:not(.button-fill),
.theme-red .navbar .button:not(.button-fill),
.theme-red.subnavbar .button:not(.button-fill),
.theme-red .subnavbar .button:not(.button-fill),
.theme-red.toolbar .button:not(.button-fill),
.theme-red .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-red .button.button-fill {
  background: #f44336;
  color: #fff !important
}

.theme-red .button.button-fill.active-state,
html:not(.watch-active-state) .theme-red .button.button-fill:active {
  background: #d32f2f
}

.progressbar.theme-red,
.theme-red .progressbar {
  background-color: rgba(244, 67, 54, .5)
}

.progressbar.theme-red span,
.theme-red .progressbar span {
  background-color: #f44336
}

.progressbar-infinite.theme-red,
.theme-red .progressbar-infinite {
  background-color: rgba(244, 67, 54, .5)
}

.progressbar-infinite.theme-red:after,
.progressbar-infinite.theme-red:before,
.theme-red .progressbar-infinite:after,
.theme-red .progressbar-infinite:before {
  background-color: #f44336
}

i.icon-next.color-red,
i.icon-next.theme-red {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmNDQzMzYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-red,
i.icon-prev.theme-red {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmNDQzMzYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-red,
i.icon-back.theme-red {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZjQ0MzM2Jy8+PC9zdmc+)
}

i.icon-forward.color-red,
i.icon-forward.theme-red {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZjQ0MzM2Jy8+PC9zdmc+)
}

i.icon-bars.color-red,
i.icon-bars.theme-red {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZjQ0MzM2Jy8+PC9zdmc+)
}

.theme-red .card a,
.theme-red a {
  color: #f44336
}

.navbar.theme-red,
.searchbar.theme-red,
.subnavbar.theme-red,
.theme-red .navbar,
.theme-red .searchbar,
.theme-red .subnavbar,
.theme-red .toolbar,
.toolbar.theme-red {
  background-color: #f44336
}

.label-switch.theme-red input[type=checkbox]:checked+.checkbox,
.theme-red .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(244, 67, 54, .5)
}

.label-switch.theme-red input[type=checkbox]:checked+.checkbox:after,
.theme-red .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #f44336
}

.theme-red label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-red i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-red label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-red label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-red input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #f44336;
  background-color: #f44336
}

.theme-red label.label-radio i.icon-form-radio:after,
label.label-radio.theme-red i.icon-form-radio:after {
  background-color: #f44336
}

.theme-red label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-red label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-red label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-red label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-red input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #f44336
}

.theme-red label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-red label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-red label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-red label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-red input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-red input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #f44336
}

.form-checkbox.theme-red input[type=checkbox]:checked~i,
.theme-red .form-checkbox input[type=checkbox]:checked~i {
  border-color: #f44336;
  background-color: #f44336
}

.form-radio.theme-red input[type=radio]:checked~i,
.theme-red .form-radio input[type=radio]:checked~i {
  border-color: #f44336
}

.form-radio.theme-red input[type=radio]:checked~i:after,
.theme-red .form-radio input[type=radio]:checked~i:after {
  background-color: #f44336
}

.theme-red .form-checkbox .ripple-wave,
.theme-red .form-radio .ripple-wave {
  background: rgba(244, 67, 54, .5)
}

.theme-red .focus-state .floating-label,
.theme-red .focus-state .label {
  color: #f44336
}

.theme-red .input-field.focus-state:after,
.theme-red .input-field.not-empty-state:after,
.theme-red .item-input-field.focus-state:after,
.theme-red .item-input-field.not-empty-state:after {
  background: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-today span {
  color: #f44336
}

.theme-red .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #f44336;
  color: #fff
}

.theme-red .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-red .picker-header {
  background-color: #f44336
}

.theme-red .modal-button {
  color: #f44336
}

.theme-red .timeline-horizontal .timeline-item-date,
.theme-red .timeline-month-title,
.theme-red .timeline-year-title,
.timeline-horizontal.theme-red .timeline-item-date {
  background-color: #f44336
}

.theme-red .statusbar-overlay {
  background-color: #b71c1c
}

.data-table.theme-red .data-table-header-selected,
.theme-red .data-table .data-table-header-selected {
  background: rgba(244, 67, 54, .1)
}

.data-table.theme-red .data-table-title-selected,
.theme-red .data-table .data-table-title-selected {
  color: #f44336
}

.swiper-pagination.color-red .swiper-pagination-bullet-active,
.swiper-pagination.color-red .swiper-pagination-progressbar,
.theme-red .swiper-pagination .swiper-pagination-bullet-active,
.theme-red .swiper-pagination .swiper-pagination-progressbar {
  background-color: #f44336
}

.swiper-pagination.swiper-pagination-progress.bg-red {
  background-color: rgba(244, 67, 54, .25)
}

.swiper-button-next.color-red,
.swiper-container-rtl .swiper-button-prev.color-red,
.theme-red .swiper-button-next,
.theme-red .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmNDQzMzYnLz48L3N2Zz4=)
}

.swiper-button-prev.color-red,
.swiper-container-rtl .swiper-button-next.color-red,
.theme-red .swiper-button-prev,
.theme-red .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmNDQzMzYnLz48L3N2Zz4=)
}

.floating-button.theme-red,
.speed-dial-buttons a.theme-red,
.theme-red .floating-button,
.theme-red .speed-dial-buttons a {
  color: #fff;
  background: #f44336
}

.floating-button.theme-red.active-state,
.speed-dial-buttons a.theme-red.active-state,
.theme-red .floating-button.active-state,
.theme-red .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-red:active,
html:not(.watch-active-state) .theme-red .floating-button:active,
html:not(.watch-active-state) .theme-red .speed-dial-buttons a:active {
  background: #d32f2f
}

.floating-button.theme-red i,
.speed-dial-buttons a.theme-red i,
.theme-red .floating-button i,
.theme-red .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-red input[type=range]::-webkit-slider-thumb,
.range-slider.theme-red input[type=range]::-webkit-slider-thumb:before,
.theme-red .range-slider input[type=range]::-webkit-slider-thumb,
.theme-red .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #f44336
}

.range-slider.theme-red input[type=range]::-ms-fill-lower,
.range-slider.theme-red input[type=range]::-ms-thumb,
.theme-red .range-slider input[type=range]::-ms-fill-lower,
.theme-red .range-slider input[type=range]::-ms-thumb {
  background-color: #f44336
}

.range-slider.theme-red input[type=range]::-moz-range-thumb,
.theme-red .range-slider input[type=range]::-moz-range-thumb {
  background-color: #f44336
}

.badge.theme-red {
  background-color: #f44336;
  color: #fff
}

.theme-pink .button:not(.button-fill) {
  color: #e91e63
}

.theme-pink.navbar .button:not(.button-fill),
.theme-pink .navbar .button:not(.button-fill),
.theme-pink.subnavbar .button:not(.button-fill),
.theme-pink .subnavbar .button:not(.button-fill),
.theme-pink.toolbar .button:not(.button-fill),
.theme-pink .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-pink .button.button-fill {
  background: #e91e63;
  color: #fff
}

.theme-pink .button.button-fill.active-state,
html:not(.watch-active-state) .theme-pink .button.button-fill:active {
  background: #c2185b
}

.progressbar.theme-pink,
.theme-pink .progressbar {
  background-color: rgba(233, 30, 99, .5)
}

.progressbar.theme-pink span,
.theme-pink .progressbar span {
  background-color: #e91e63
}

.progressbar-infinite.theme-pink,
.theme-pink .progressbar-infinite {
  background-color: rgba(233, 30, 99, .5)
}

.progressbar-infinite.theme-pink:after,
.progressbar-infinite.theme-pink:before,
.theme-pink .progressbar-infinite:after,
.theme-pink .progressbar-infinite:before {
  background-color: #e91e63
}

i.icon-next.color-pink,
i.icon-next.theme-pink {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNlOTFlNjMnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-pink,
i.icon-prev.theme-pink {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNlOTFlNjMnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-pink,
i.icon-back.theme-pink {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZTkxZTYzJy8+PC9zdmc+)
}

i.icon-forward.color-pink,
i.icon-forward.theme-pink {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZTkxZTYzJy8+PC9zdmc+)
}

i.icon-bars.color-pink,
i.icon-bars.theme-pink {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZTkxZTYzJy8+PC9zdmc+)
}

.theme-pink .card a,
.theme-pink a {
  color: #e91e63
}

.navbar.theme-pink,
.searchbar.theme-pink,
.subnavbar.theme-pink,
.theme-pink .navbar,
.theme-pink .searchbar,
.theme-pink .subnavbar,
.theme-pink .toolbar,
.toolbar.theme-pink {
  background-color: #e91e63
}

.label-switch.theme-pink input[type=checkbox]:checked+.checkbox,
.theme-pink .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(233, 30, 99, .5)
}

.label-switch.theme-pink input[type=checkbox]:checked+.checkbox:after,
.theme-pink .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #e91e63
}

.theme-pink label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-pink i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-pink label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-pink label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-pink input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #e91e63;
  background-color: #e91e63
}

.theme-pink label.label-radio i.icon-form-radio:after,
label.label-radio.theme-pink i.icon-form-radio:after {
  background-color: #e91e63
}

.theme-pink label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-pink label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-pink input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #e91e63
}

.theme-pink label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-pink label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-pink label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-pink input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-pink input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #e91e63
}

.form-checkbox.theme-pink input[type=checkbox]:checked~i,
.theme-pink .form-checkbox input[type=checkbox]:checked~i {
  border-color: #e91e63;
  background-color: #e91e63
}

.form-radio.theme-pink input[type=radio]:checked~i,
.theme-pink .form-radio input[type=radio]:checked~i {
  border-color: #e91e63
}

.form-radio.theme-pink input[type=radio]:checked~i:after,
.theme-pink .form-radio input[type=radio]:checked~i:after {
  background-color: #e91e63
}

.theme-pink .form-checkbox .ripple-wave,
.theme-pink .form-radio .ripple-wave {
  background: rgba(233, 30, 99, .5)
}

.theme-pink .focus-state .floating-label,
.theme-pink .focus-state .label {
  color: #e91e63
}

.theme-pink .input-field.focus-state:after,
.theme-pink .input-field.not-empty-state:after,
.theme-pink .item-input-field.focus-state:after,
.theme-pink .item-input-field.not-empty-state:after {
  background: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-today span {
  color: #e91e63
}

.theme-pink .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #e91e63;
  color: #fff
}

.theme-pink .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-pink .picker-header {
  background-color: #e91e63
}

.theme-pink .modal-button {
  color: #e91e63
}

.theme-pink .timeline-horizontal .timeline-item-date,
.theme-pink .timeline-month-title,
.theme-pink .timeline-year-title,
.timeline-horizontal.theme-pink .timeline-item-date {
  background-color: #e91e63
}

.theme-pink .statusbar-overlay {
  background-color: #880e4f
}

.data-table.theme-pink .data-table-header-selected,
.theme-pink .data-table .data-table-header-selected {
  background: rgba(233, 30, 99, .1)
}

.data-table.theme-pink .data-table-title-selected,
.theme-pink .data-table .data-table-title-selected {
  color: #e91e63
}

.swiper-pagination.color-pink .swiper-pagination-bullet-active,
.swiper-pagination.color-pink .swiper-pagination-progressbar,
.theme-pink .swiper-pagination .swiper-pagination-bullet-active,
.theme-pink .swiper-pagination .swiper-pagination-progressbar {
  background-color: #e91e63
}

.swiper-pagination.swiper-pagination-progress.bg-pink {
  background-color: rgba(233, 30, 99, .25)
}

.swiper-button-next.color-pink,
.swiper-container-rtl .swiper-button-prev.color-pink,
.theme-pink .swiper-button-next,
.theme-pink .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNlOTFlNjMnLz48L3N2Zz4=)
}

.swiper-button-prev.color-pink,
.swiper-container-rtl .swiper-button-next.color-pink,
.theme-pink .swiper-button-prev,
.theme-pink .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNlOTFlNjMnLz48L3N2Zz4=)
}

.floating-button.theme-pink,
.speed-dial-buttons a.theme-pink,
.theme-pink .floating-button,
.theme-pink .speed-dial-buttons a {
  color: #fff;
  background: #e91e63
}

.floating-button.theme-pink.active-state,
.speed-dial-buttons a.theme-pink.active-state,
.theme-pink .floating-button.active-state,
.theme-pink .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-pink:active,
html:not(.watch-active-state) .theme-pink .floating-button:active,
html:not(.watch-active-state) .theme-pink .speed-dial-buttons a:active {
  background: #c2185b
}

.floating-button.theme-pink i,
.speed-dial-buttons a.theme-pink i,
.theme-pink .floating-button i,
.theme-pink .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-pink input[type=range]::-webkit-slider-thumb,
.range-slider.theme-pink input[type=range]::-webkit-slider-thumb:before,
.theme-pink .range-slider input[type=range]::-webkit-slider-thumb,
.theme-pink .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-ms-fill-lower,
.range-slider.theme-pink input[type=range]::-ms-thumb,
.theme-pink .range-slider input[type=range]::-ms-fill-lower,
.theme-pink .range-slider input[type=range]::-ms-thumb {
  background-color: #e91e63
}

.range-slider.theme-pink input[type=range]::-moz-range-thumb,
.theme-pink .range-slider input[type=range]::-moz-range-thumb {
  background-color: #e91e63
}

.badge.theme-pink {
  background-color: #e91e63;
  color: #fff
}

.theme-purple .button:not(.button-fill) {
  color: #9c27b0
}

.theme-purple.navbar .button:not(.button-fill),
.theme-purple .navbar .button:not(.button-fill),
.theme-purple.subnavbar .button:not(.button-fill),
.theme-purple .subnavbar .button:not(.button-fill),
.theme-purple.toolbar .button:not(.button-fill),
.theme-purple .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-purple .button.button-fill {
  background: #9c27b0;
  color: #fff
}

.theme-purple .button.button-fill.active-state,
html:not(.watch-active-state) .theme-purple .button.button-fill:active {
  background: #7b1fa2
}

.progressbar.theme-purple,
.theme-purple .progressbar {
  background-color: rgba(156, 39, 176, .5)
}

.progressbar.theme-purple span,
.theme-purple .progressbar span {
  background-color: #9c27b0
}

.progressbar-infinite.theme-purple,
.theme-purple .progressbar-infinite {
  background-color: rgba(156, 39, 176, .5)
}

.progressbar-infinite.theme-purple:after,
.progressbar-infinite.theme-purple:before,
.theme-purple .progressbar-infinite:after,
.theme-purple .progressbar-infinite:before {
  background-color: #9c27b0
}

i.icon-next.color-purple,
i.icon-next.theme-purple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM5YzI3YjAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-purple,
i.icon-prev.theme-purple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM5YzI3YjAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-purple,
i.icon-back.theme-purple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjOWMyN2IwJy8+PC9zdmc+)
}

i.icon-forward.color-purple,
i.icon-forward.theme-purple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjOWMyN2IwJy8+PC9zdmc+)
}

i.icon-bars.color-purple,
i.icon-bars.theme-purple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjOWMyN2IwJy8+PC9zdmc+)
}

.theme-purple .card a,
.theme-purple a {
  color: #9c27b0
}

.navbar.theme-purple,
.searchbar.theme-purple,
.subnavbar.theme-purple,
.theme-purple .navbar,
.theme-purple .searchbar,
.theme-purple .subnavbar,
.theme-purple .toolbar,
.toolbar.theme-purple {
  background-color: #9c27b0
}

.label-switch.theme-purple input[type=checkbox]:checked+.checkbox,
.theme-purple .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(156, 39, 176, .5)
}

.label-switch.theme-purple input[type=checkbox]:checked+.checkbox:after,
.theme-purple .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #9c27b0
}

.theme-purple label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-purple i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-purple label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-purple label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-purple input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #9c27b0;
  background-color: #9c27b0
}

.theme-purple label.label-radio i.icon-form-radio:after,
label.label-radio.theme-purple i.icon-form-radio:after {
  background-color: #9c27b0
}

.theme-purple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-purple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-purple input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #9c27b0
}

.theme-purple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-purple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-purple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-purple input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-purple input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #9c27b0
}

.form-checkbox.theme-purple input[type=checkbox]:checked~i,
.theme-purple .form-checkbox input[type=checkbox]:checked~i {
  border-color: #9c27b0;
  background-color: #9c27b0
}

.form-radio.theme-purple input[type=radio]:checked~i,
.theme-purple .form-radio input[type=radio]:checked~i {
  border-color: #9c27b0
}

.form-radio.theme-purple input[type=radio]:checked~i:after,
.theme-purple .form-radio input[type=radio]:checked~i:after {
  background-color: #9c27b0
}

.theme-purple .form-checkbox .ripple-wave,
.theme-purple .form-radio .ripple-wave {
  background: rgba(156, 39, 176, .5)
}

.theme-purple .focus-state .floating-label,
.theme-purple .focus-state .label {
  color: #9c27b0
}

.theme-purple .input-field.focus-state:after,
.theme-purple .input-field.not-empty-state:after,
.theme-purple .item-input-field.focus-state:after,
.theme-purple .item-input-field.not-empty-state:after {
  background: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-today span {
  color: #9c27b0
}

.theme-purple .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #9c27b0;
  color: #fff
}

.theme-purple .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-purple .picker-header {
  background-color: #9c27b0
}

.theme-purple .modal-button {
  color: #9c27b0
}

.theme-purple .timeline-horizontal .timeline-item-date,
.theme-purple .timeline-month-title,
.theme-purple .timeline-year-title,
.timeline-horizontal.theme-purple .timeline-item-date {
  background-color: #9c27b0
}

.theme-purple .statusbar-overlay {
  background-color: #4a148c
}

.data-table.theme-purple .data-table-header-selected,
.theme-purple .data-table .data-table-header-selected {
  background: rgba(156, 39, 176, .1)
}

.data-table.theme-purple .data-table-title-selected,
.theme-purple .data-table .data-table-title-selected {
  color: #9c27b0
}

.swiper-pagination.color-purple .swiper-pagination-bullet-active,
.swiper-pagination.color-purple .swiper-pagination-progressbar,
.theme-purple .swiper-pagination .swiper-pagination-bullet-active,
.theme-purple .swiper-pagination .swiper-pagination-progressbar {
  background-color: #9c27b0
}

.swiper-pagination.swiper-pagination-progress.bg-purple {
  background-color: rgba(156, 39, 176, .25)
}

.swiper-button-next.color-purple,
.swiper-container-rtl .swiper-button-prev.color-purple,
.theme-purple .swiper-button-next,
.theme-purple .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM5YzI3YjAnLz48L3N2Zz4=)
}

.swiper-button-prev.color-purple,
.swiper-container-rtl .swiper-button-next.color-purple,
.theme-purple .swiper-button-prev,
.theme-purple .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM5YzI3YjAnLz48L3N2Zz4=)
}

.floating-button.theme-purple,
.speed-dial-buttons a.theme-purple,
.theme-purple .floating-button,
.theme-purple .speed-dial-buttons a {
  color: #fff;
  background: #9c27b0
}

.floating-button.theme-purple.active-state,
.speed-dial-buttons a.theme-purple.active-state,
.theme-purple .floating-button.active-state,
.theme-purple .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-purple:active,
html:not(.watch-active-state) .theme-purple .floating-button:active,
html:not(.watch-active-state) .theme-purple .speed-dial-buttons a:active {
  background: #7b1fa2
}

.floating-button.theme-purple i,
.speed-dial-buttons a.theme-purple i,
.theme-purple .floating-button i,
.theme-purple .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-purple input[type=range]::-webkit-slider-thumb,
.range-slider.theme-purple input[type=range]::-webkit-slider-thumb:before,
.theme-purple .range-slider input[type=range]::-webkit-slider-thumb,
.theme-purple .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-ms-fill-lower,
.range-slider.theme-purple input[type=range]::-ms-thumb,
.theme-purple .range-slider input[type=range]::-ms-fill-lower,
.theme-purple .range-slider input[type=range]::-ms-thumb {
  background-color: #9c27b0
}

.range-slider.theme-purple input[type=range]::-moz-range-thumb,
.theme-purple .range-slider input[type=range]::-moz-range-thumb {
  background-color: #9c27b0
}

.badge.theme-purple {
  background-color: #9c27b0;
  color: #fff
}

.theme-deeppurple .button:not(.button-fill) {
  color: #673ab7
}

.theme-deeppurple.navbar .button:not(.button-fill),
.theme-deeppurple .navbar .button:not(.button-fill),
.theme-deeppurple.subnavbar .button:not(.button-fill),
.theme-deeppurple .subnavbar .button:not(.button-fill),
.theme-deeppurple.toolbar .button:not(.button-fill),
.theme-deeppurple .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-deeppurple .button.button-fill {
  background: #673ab7;
  color: #fff
}

.theme-deeppurple .button.button-fill.active-state,
html:not(.watch-active-state) .theme-deeppurple .button.button-fill:active {
  background: #512da8
}

.progressbar.theme-deeppurple,
.theme-deeppurple .progressbar {
  background-color: rgba(103, 58, 183, .5)
}

.progressbar.theme-deeppurple span,
.theme-deeppurple .progressbar span {
  background-color: #673ab7
}

.progressbar-infinite.theme-deeppurple,
.theme-deeppurple .progressbar-infinite {
  background-color: rgba(103, 58, 183, .5)
}

.progressbar-infinite.theme-deeppurple:after,
.progressbar-infinite.theme-deeppurple:before,
.theme-deeppurple .progressbar-infinite:after,
.theme-deeppurple .progressbar-infinite:before {
  background-color: #673ab7
}

i.icon-next.color-deeppurple,
i.icon-next.theme-deeppurple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM2NzNhYjcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-deeppurple,
i.icon-prev.theme-deeppurple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM2NzNhYjcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-deeppurple,
i.icon-back.theme-deeppurple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjNjczYWI3Jy8+PC9zdmc+)
}

i.icon-forward.color-deeppurple,
i.icon-forward.theme-deeppurple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjNjczYWI3Jy8+PC9zdmc+)
}

i.icon-bars.color-deeppurple,
i.icon-bars.theme-deeppurple {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjNjczYWI3Jy8+PC9zdmc+)
}

.theme-deeppurple .card a,
.theme-deeppurple a {
  color: #673ab7
}

.navbar.theme-deeppurple,
.searchbar.theme-deeppurple,
.subnavbar.theme-deeppurple,
.theme-deeppurple .navbar,
.theme-deeppurple .searchbar,
.theme-deeppurple .subnavbar,
.theme-deeppurple .toolbar,
.toolbar.theme-deeppurple {
  background-color: #673ab7
}

.label-switch.theme-deeppurple input[type=checkbox]:checked+.checkbox,
.theme-deeppurple .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(103, 58, 183, .5)
}

.label-switch.theme-deeppurple input[type=checkbox]:checked+.checkbox:after,
.theme-deeppurple .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #673ab7
}

.theme-deeppurple label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-deeppurple i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-deeppurple label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-deeppurple label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #673ab7;
  background-color: #673ab7
}

.theme-deeppurple label.label-radio i.icon-form-radio:after,
label.label-radio.theme-deeppurple i.icon-form-radio:after {
  background-color: #673ab7
}

.theme-deeppurple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #673ab7
}

.theme-deeppurple label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-deeppurple label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeppurple input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #673ab7
}

.form-checkbox.theme-deeppurple input[type=checkbox]:checked~i,
.theme-deeppurple .form-checkbox input[type=checkbox]:checked~i {
  border-color: #673ab7;
  background-color: #673ab7
}

.form-radio.theme-deeppurple input[type=radio]:checked~i,
.theme-deeppurple .form-radio input[type=radio]:checked~i {
  border-color: #673ab7
}

.form-radio.theme-deeppurple input[type=radio]:checked~i:after,
.theme-deeppurple .form-radio input[type=radio]:checked~i:after {
  background-color: #673ab7
}

.theme-deeppurple .form-checkbox .ripple-wave,
.theme-deeppurple .form-radio .ripple-wave {
  background: rgba(103, 58, 183, .5)
}

.theme-deeppurple .focus-state .floating-label,
.theme-deeppurple .focus-state .label {
  color: #673ab7
}

.theme-deeppurple .input-field.focus-state:after,
.theme-deeppurple .input-field.not-empty-state:after,
.theme-deeppurple .item-input-field.focus-state:after,
.theme-deeppurple .item-input-field.not-empty-state:after {
  background: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-today span {
  color: #673ab7
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #673ab7;
  color: #fff
}

.theme-deeppurple .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-deeppurple .picker-header {
  background-color: #673ab7
}

.theme-deeppurple .modal-button {
  color: #673ab7
}

.theme-deeppurple .timeline-horizontal .timeline-item-date,
.theme-deeppurple .timeline-month-title,
.theme-deeppurple .timeline-year-title,
.timeline-horizontal.theme-deeppurple .timeline-item-date {
  background-color: #673ab7
}

.theme-deeppurple .statusbar-overlay {
  background-color: #311b92
}

.data-table.theme-deeppurple .data-table-header-selected,
.theme-deeppurple .data-table .data-table-header-selected {
  background: rgba(103, 58, 183, .1)
}

.data-table.theme-deeppurple .data-table-title-selected,
.theme-deeppurple .data-table .data-table-title-selected {
  color: #673ab7
}

.swiper-pagination.color-deeppurple .swiper-pagination-bullet-active,
.swiper-pagination.color-deeppurple .swiper-pagination-progressbar,
.theme-deeppurple .swiper-pagination .swiper-pagination-bullet-active,
.theme-deeppurple .swiper-pagination .swiper-pagination-progressbar {
  background-color: #673ab7
}

.swiper-pagination.swiper-pagination-progress.bg-deeppurple {
  background-color: rgba(103, 58, 183, .25)
}

.swiper-button-next.color-deeppurple,
.swiper-container-rtl .swiper-button-prev.color-deeppurple,
.theme-deeppurple .swiper-button-next,
.theme-deeppurple .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM2NzNhYjcnLz48L3N2Zz4=)
}

.swiper-button-prev.color-deeppurple,
.swiper-container-rtl .swiper-button-next.color-deeppurple,
.theme-deeppurple .swiper-button-prev,
.theme-deeppurple .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM2NzNhYjcnLz48L3N2Zz4=)
}

.floating-button.theme-deeppurple,
.speed-dial-buttons a.theme-deeppurple,
.theme-deeppurple .floating-button,
.theme-deeppurple .speed-dial-buttons a {
  color: #fff;
  background: #673ab7
}

.floating-button.theme-deeppurple.active-state,
.speed-dial-buttons a.theme-deeppurple.active-state,
.theme-deeppurple .floating-button.active-state,
.theme-deeppurple .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-deeppurple:active,
html:not(.watch-active-state) .theme-deeppurple .floating-button:active,
html:not(.watch-active-state) .theme-deeppurple .speed-dial-buttons a:active {
  background: #512da8
}

.floating-button.theme-deeppurple i,
.speed-dial-buttons a.theme-deeppurple i,
.theme-deeppurple .floating-button i,
.theme-deeppurple .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-deeppurple input[type=range]::-webkit-slider-thumb,
.range-slider.theme-deeppurple input[type=range]::-webkit-slider-thumb:before,
.theme-deeppurple .range-slider input[type=range]::-webkit-slider-thumb,
.theme-deeppurple .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-ms-fill-lower,
.range-slider.theme-deeppurple input[type=range]::-ms-thumb,
.theme-deeppurple .range-slider input[type=range]::-ms-fill-lower,
.theme-deeppurple .range-slider input[type=range]::-ms-thumb {
  background-color: #673ab7
}

.range-slider.theme-deeppurple input[type=range]::-moz-range-thumb,
.theme-deeppurple .range-slider input[type=range]::-moz-range-thumb {
  background-color: #673ab7
}

.badge.theme-deeppurple {
  background-color: #673ab7;
  color: #fff
}

.theme-indigo .button:not(.button-fill) {
  color: #3f51b5
}

.theme-indigo.navbar .button:not(.button-fill),
.theme-indigo .navbar .button:not(.button-fill),
.theme-indigo.subnavbar .button:not(.button-fill),
.theme-indigo .subnavbar .button:not(.button-fill),
.theme-indigo.toolbar .button:not(.button-fill),
.theme-indigo .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-indigo .button.button-fill {
  background: #3f51b5;
  color: #fff
}

.theme-indigo .button.button-fill.active-state,
html:not(.watch-active-state) .theme-indigo .button.button-fill:active {
  background: #303f9f
}

.progressbar.theme-indigo,
.theme-indigo .progressbar {
  background-color: rgba(63, 81, 181, .5)
}

.progressbar.theme-indigo span,
.theme-indigo .progressbar span {
  background-color: #3f51b5
}

.progressbar-infinite.theme-indigo,
.theme-indigo .progressbar-infinite {
  background-color: rgba(63, 81, 181, .5)
}

.progressbar-infinite.theme-indigo:after,
.progressbar-infinite.theme-indigo:before,
.theme-indigo .progressbar-infinite:after,
.theme-indigo .progressbar-infinite:before {
  background-color: #3f51b5
}

i.icon-next.color-indigo,
i.icon-next.theme-indigo {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMzZjUxYjUnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-indigo,
i.icon-prev.theme-indigo {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMzZjUxYjUnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-indigo,
i.icon-back.theme-indigo {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjM2Y1MWI1Jy8+PC9zdmc+)
}

i.icon-forward.color-indigo,
i.icon-forward.theme-indigo {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjM2Y1MWI1Jy8+PC9zdmc+)
}

i.icon-bars.color-indigo,
i.icon-bars.theme-indigo {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjM2Y1MWI1Jy8+PC9zdmc+)
}

.theme-indigo .card a,
.theme-indigo a {
  color: #3f51b5
}

.navbar.theme-indigo,
.searchbar.theme-indigo,
.subnavbar.theme-indigo,
.theme-indigo .navbar,
.theme-indigo .searchbar,
.theme-indigo .subnavbar,
.theme-indigo .toolbar,
.toolbar.theme-indigo {
  background-color: #3f51b5
}

.label-switch.theme-indigo input[type=checkbox]:checked+.checkbox,
.theme-indigo .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(63, 81, 181, .5)
}

.label-switch.theme-indigo input[type=checkbox]:checked+.checkbox:after,
.theme-indigo .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #3f51b5
}

.theme-indigo label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-indigo i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-indigo label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-indigo label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #3f51b5;
  background-color: #3f51b5
}

.theme-indigo label.label-radio i.icon-form-radio:after,
label.label-radio.theme-indigo i.icon-form-radio:after {
  background-color: #3f51b5
}

.theme-indigo label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-indigo label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #3f51b5
}

.theme-indigo label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-indigo label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-indigo input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #3f51b5
}

.form-checkbox.theme-indigo input[type=checkbox]:checked~i,
.theme-indigo .form-checkbox input[type=checkbox]:checked~i {
  border-color: #3f51b5;
  background-color: #3f51b5
}

.form-radio.theme-indigo input[type=radio]:checked~i,
.theme-indigo .form-radio input[type=radio]:checked~i {
  border-color: #3f51b5
}

.form-radio.theme-indigo input[type=radio]:checked~i:after,
.theme-indigo .form-radio input[type=radio]:checked~i:after {
  background-color: #3f51b5
}

.theme-indigo .form-checkbox .ripple-wave,
.theme-indigo .form-radio .ripple-wave {
  background: rgba(63, 81, 181, .5)
}

.theme-indigo .focus-state .floating-label,
.theme-indigo .focus-state .label {
  color: #3f51b5
}

.theme-indigo .input-field.focus-state:after,
.theme-indigo .input-field.not-empty-state:after,
.theme-indigo .item-input-field.focus-state:after,
.theme-indigo .item-input-field.not-empty-state:after {
  background: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-today span {
  color: #3f51b5
}

.theme-indigo .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #3f51b5;
  color: #fff
}

.theme-indigo .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-indigo .picker-header {
  background-color: #3f51b5
}

.theme-indigo .modal-button {
  color: #3f51b5
}

.theme-indigo .timeline-horizontal .timeline-item-date,
.theme-indigo .timeline-month-title,
.theme-indigo .timeline-year-title,
.timeline-horizontal.theme-indigo .timeline-item-date {
  background-color: #3f51b5
}

.theme-indigo .statusbar-overlay {
  background-color: #1a237e
}

.data-table.theme-indigo .data-table-header-selected,
.theme-indigo .data-table .data-table-header-selected {
  background: rgba(63, 81, 181, .1)
}

.data-table.theme-indigo .data-table-title-selected,
.theme-indigo .data-table .data-table-title-selected {
  color: #3f51b5
}

.swiper-pagination.color-indigo .swiper-pagination-bullet-active,
.swiper-pagination.color-indigo .swiper-pagination-progressbar,
.theme-indigo .swiper-pagination .swiper-pagination-bullet-active,
.theme-indigo .swiper-pagination .swiper-pagination-progressbar {
  background-color: #3f51b5
}

.swiper-pagination.swiper-pagination-progress.bg-indigo {
  background-color: rgba(63, 81, 181, .25)
}

.swiper-button-next.color-indigo,
.swiper-container-rtl .swiper-button-prev.color-indigo,
.theme-indigo .swiper-button-next,
.theme-indigo .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMzZjUxYjUnLz48L3N2Zz4=)
}

.swiper-button-prev.color-indigo,
.swiper-container-rtl .swiper-button-next.color-indigo,
.theme-indigo .swiper-button-prev,
.theme-indigo .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMzZjUxYjUnLz48L3N2Zz4=)
}

.floating-button.theme-indigo,
.speed-dial-buttons a.theme-indigo,
.theme-indigo .floating-button,
.theme-indigo .speed-dial-buttons a {
  color: #fff;
  background: #3f51b5
}

.floating-button.theme-indigo.active-state,
.speed-dial-buttons a.theme-indigo.active-state,
.theme-indigo .floating-button.active-state,
.theme-indigo .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-indigo:active,
html:not(.watch-active-state) .theme-indigo .floating-button:active,
html:not(.watch-active-state) .theme-indigo .speed-dial-buttons a:active {
  background: #303f9f
}

.floating-button.theme-indigo i,
.speed-dial-buttons a.theme-indigo i,
.theme-indigo .floating-button i,
.theme-indigo .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-indigo input[type=range]::-webkit-slider-thumb,
.range-slider.theme-indigo input[type=range]::-webkit-slider-thumb:before,
.theme-indigo .range-slider input[type=range]::-webkit-slider-thumb,
.theme-indigo .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-ms-fill-lower,
.range-slider.theme-indigo input[type=range]::-ms-thumb,
.theme-indigo .range-slider input[type=range]::-ms-fill-lower,
.theme-indigo .range-slider input[type=range]::-ms-thumb {
  background-color: #3f51b5
}

.range-slider.theme-indigo input[type=range]::-moz-range-thumb,
.theme-indigo .range-slider input[type=range]::-moz-range-thumb {
  background-color: #3f51b5
}

.badge.theme-indigo {
  background-color: #3f51b5;
  color: #fff
}

.theme-blue .button:not(.button-fill) {
  color: #b11c00
}

.theme-blue.navbar .button:not(.button-fill),
.theme-blue .navbar .button:not(.button-fill),
.theme-blue.subnavbar .button:not(.button-fill),
.theme-blue .subnavbar .button:not(.button-fill),
.theme-blue.toolbar .button:not(.button-fill),
.theme-blue .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-blue .button.button-fill {
  background: #b11c00;
  color: #fff
}

.theme-sport-blue .button.button-fill {
  background: #3d9dff;
  color: #fff
}

.theme-cp98-white .button.button-fill {
  background: #f7f7f7;
  color: #607989
}

.theme-blue .button.button-fill.active-state,
html:not(.watch-active-state) .theme-blue .button.button-fill:active {
  background: #1976d2
}

.progressbar.theme-blue,
.theme-blue .progressbar {
  background-color: rgba(33, 150, 243, .5)
}

.progressbar.theme-blue span,
.theme-blue .progressbar span {
  background-color: #b11c00
}

.progressbar-infinite.theme-blue,
.theme-blue .progressbar-infinite {
  background-color: rgba(33, 150, 243, .5)
}

.progressbar-infinite.theme-blue:after,
.progressbar-infinite.theme-blue:before,
.theme-blue .progressbar-infinite:after,
.theme-blue .progressbar-infinite:before {
  background-color: #b11c00
}

i.icon-next.color-blue,
i.icon-next.theme-blue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMyMTk2ZjMnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-blue,
i.icon-prev.theme-blue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMyMTk2ZjMnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-blue,
i.icon-back.theme-blue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjMjE5NmYzJy8+PC9zdmc+)
}

i.icon-forward.color-blue,
i.icon-forward.theme-blue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjMjE5NmYzJy8+PC9zdmc+)
}

i.icon-bars.color-blue,
i.icon-bars.theme-blue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjMjE5NmYzJy8+PC9zdmc+)
}

.theme-blue .card a,
.theme-blue a {
  color: #b11c00
}

.navbar.theme-blue,
.searchbar.theme-blue,
.subnavbar.theme-blue,
.theme-blue .navbar,
.theme-blue .searchbar,
.theme-blue .subnavbar,
.theme-blue .toolbar,
.toolbar.theme-blue {
  background-color: #b11c00
}

.label-switch.theme-blue input[type=checkbox]:checked+.checkbox,
.theme-blue .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(33, 150, 243, .5)
}

.label-switch.theme-blue input[type=checkbox]:checked+.checkbox:after,
.theme-blue .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #b11c00
}

.theme-blue label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-blue i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-blue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-blue label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-blue input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #b11c00;
  background-color: #b11c00
}

.theme-blue label.label-radio i.icon-form-radio:after,
label.label-radio.theme-blue i.icon-form-radio:after {
  background-color: #b11c00
}

.theme-blue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-blue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-blue input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #b11c00
}

.theme-blue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-blue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-blue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-blue input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-blue input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #b11c00
}

.form-checkbox.theme-blue input[type=checkbox]:checked~i,
.theme-blue .form-checkbox input[type=checkbox]:checked~i {
  border-color: #b11c00;
  background-color: #b11c00
}

.form-radio.theme-blue input[type=radio]:checked~i,
.theme-blue .form-radio input[type=radio]:checked~i {
  border-color: #b11c00
}

.form-radio.theme-blue input[type=radio]:checked~i:after,
.theme-blue .form-radio input[type=radio]:checked~i:after {
  background-color: #b11c00
}

.theme-blue .form-checkbox .ripple-wave,
.theme-blue .form-radio .ripple-wave {
  background: rgba(33, 150, 243, .5)
}

.theme-blue .focus-state .floating-label,
.theme-blue .focus-state .label {
  color: #b11c00
}

.theme-blue .input-field.focus-state:after,
.theme-blue .input-field.not-empty-state:after,
.theme-blue .item-input-field.focus-state:after,
.theme-blue .item-input-field.not-empty-state:after {
  background: #b11c00
}

.theme-blue .picker-calendar-day.picker-calendar-day-today span {
  color: #b11c00
}

.theme-blue .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #b11c00;
  color: #fff
}

.theme-blue .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-blue .picker-header {
  background-color: #b11c00
}

.theme-blue .modal-button {
  color: #b11c00
}

.theme-blue .timeline-horizontal .timeline-item-date,
.theme-blue .timeline-month-title,
.theme-blue .timeline-year-title,
.timeline-horizontal.theme-blue .timeline-item-date {
  background-color: #b11c00
}

.theme-blue .statusbar-overlay {
  background-color: #0d47a1
}

.data-table.theme-blue .data-table-header-selected,
.theme-blue .data-table .data-table-header-selected {
  background: rgba(33, 150, 243, .1)
}

.data-table.theme-blue .data-table-title-selected,
.theme-blue .data-table .data-table-title-selected {
  color: #b11c00
}

.swiper-pagination.color-blue .swiper-pagination-bullet-active,
.swiper-pagination.color-blue .swiper-pagination-progressbar,
.theme-blue .swiper-pagination .swiper-pagination-bullet-active,
.theme-blue .swiper-pagination .swiper-pagination-progressbar {
  background-color: #b11c00
}

.swiper-pagination.swiper-pagination-progress.bg-blue {
  background-color: rgba(33, 150, 243, .25)
}

.swiper-button-next.color-blue,
.swiper-container-rtl .swiper-button-prev.color-blue,
.theme-blue .swiper-button-next,
.theme-blue .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMyMTk2ZjMnLz48L3N2Zz4=)
}

.swiper-button-prev.color-blue,
.swiper-container-rtl .swiper-button-next.color-blue,
.theme-blue .swiper-button-prev,
.theme-blue .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMyMTk2ZjMnLz48L3N2Zz4=)
}

.floating-button.theme-blue,
.speed-dial-buttons a.theme-blue,
.theme-blue .floating-button,
.theme-blue .speed-dial-buttons a {
  color: #fff;
  background: #b11c00
}

.floating-button.theme-blue.active-state,
.speed-dial-buttons a.theme-blue.active-state,
.theme-blue .floating-button.active-state,
.theme-blue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-blue:active,
html:not(.watch-active-state) .theme-blue .floating-button:active,
html:not(.watch-active-state) .theme-blue .speed-dial-buttons a:active {
  background: #1976d2
}

.floating-button.theme-blue i,
.speed-dial-buttons a.theme-blue i,
.theme-blue .floating-button i,
.theme-blue .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-blue input[type=range]::-webkit-slider-thumb,
.range-slider.theme-blue input[type=range]::-webkit-slider-thumb:before,
.theme-blue .range-slider input[type=range]::-webkit-slider-thumb,
.theme-blue .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #b11c00
}

.range-slider.theme-blue input[type=range]::-ms-fill-lower,
.range-slider.theme-blue input[type=range]::-ms-thumb,
.theme-blue .range-slider input[type=range]::-ms-fill-lower,
.theme-blue .range-slider input[type=range]::-ms-thumb {
  background-color: #b11c00
}

.range-slider.theme-blue input[type=range]::-moz-range-thumb,
.theme-blue .range-slider input[type=range]::-moz-range-thumb {
  background-color: #b11c00
}

.badge.theme-blue {
  background-color: #b11c00;
  color: #fff
}

.theme-lightblue .button:not(.button-fill) {
  color: #03a9f4
}

.theme-lightblue.navbar .button:not(.button-fill),
.theme-lightblue .navbar .button:not(.button-fill),
.theme-lightblue.subnavbar .button:not(.button-fill),
.theme-lightblue .subnavbar .button:not(.button-fill),
.theme-lightblue.toolbar .button:not(.button-fill),
.theme-lightblue .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-lightblue .button.button-fill {
  background: #03a9f4;
  color: #fff
}

.theme-lightblue .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lightblue .button.button-fill:active {
  background: #0288d1
}

.progressbar.theme-lightblue,
.theme-lightblue .progressbar {
  background-color: rgba(3, 169, 244, .5)
}

.progressbar.theme-lightblue span,
.theme-lightblue .progressbar span {
  background-color: #03a9f4
}

.progressbar-infinite.theme-lightblue,
.theme-lightblue .progressbar-infinite {
  background-color: rgba(3, 169, 244, .5)
}

.progressbar-infinite.theme-lightblue:after,
.progressbar-infinite.theme-lightblue:before,
.theme-lightblue .progressbar-infinite:after,
.theme-lightblue .progressbar-infinite:before {
  background-color: #03a9f4
}

i.icon-next.color-lightblue,
i.icon-next.theme-lightblue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwM2E5ZjQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-lightblue,
i.icon-prev.theme-lightblue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwM2E5ZjQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-lightblue,
i.icon-back.theme-lightblue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjMDNhOWY0Jy8+PC9zdmc+)
}

i.icon-forward.color-lightblue,
i.icon-forward.theme-lightblue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjMDNhOWY0Jy8+PC9zdmc+)
}

i.icon-bars.color-lightblue,
i.icon-bars.theme-lightblue {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjMDNhOWY0Jy8+PC9zdmc+)
}

.theme-lightblue .card a,
.theme-lightblue a {
  color: #03a9f4
}

.navbar.theme-lightblue,
.searchbar.theme-lightblue,
.subnavbar.theme-lightblue,
.theme-lightblue .navbar,
.theme-lightblue .searchbar,
.theme-lightblue .subnavbar,
.theme-lightblue .toolbar,
.toolbar.theme-lightblue {
  background-color: #03a9f4
}

.label-switch.theme-lightblue input[type=checkbox]:checked+.checkbox,
.theme-lightblue .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(3, 169, 244, .5)
}

.label-switch.theme-lightblue input[type=checkbox]:checked+.checkbox:after,
.theme-lightblue .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #03a9f4
}

.theme-lightblue label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lightblue i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-lightblue label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lightblue label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #03a9f4;
  background-color: #03a9f4
}

.theme-lightblue label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lightblue i.icon-form-radio:after {
  background-color: #03a9f4
}

.theme-lightblue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #03a9f4
}

.theme-lightblue label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lightblue label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightblue input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #03a9f4
}

.form-checkbox.theme-lightblue input[type=checkbox]:checked~i,
.theme-lightblue .form-checkbox input[type=checkbox]:checked~i {
  border-color: #03a9f4;
  background-color: #03a9f4
}

.form-radio.theme-lightblue input[type=radio]:checked~i,
.theme-lightblue .form-radio input[type=radio]:checked~i {
  border-color: #03a9f4
}

.form-radio.theme-lightblue input[type=radio]:checked~i:after,
.theme-lightblue .form-radio input[type=radio]:checked~i:after {
  background-color: #03a9f4
}

.theme-lightblue .form-checkbox .ripple-wave,
.theme-lightblue .form-radio .ripple-wave {
  background: rgba(3, 169, 244, .5)
}

.theme-lightblue .focus-state .floating-label,
.theme-lightblue .focus-state .label {
  color: #03a9f4
}

.theme-lightblue .input-field.focus-state:after,
.theme-lightblue .input-field.not-empty-state:after,
.theme-lightblue .item-input-field.focus-state:after,
.theme-lightblue .item-input-field.not-empty-state:after {
  background: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-today span {
  color: #03a9f4
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #03a9f4;
  color: #fff
}

.theme-lightblue .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-lightblue .picker-header {
  background-color: #03a9f4
}

.theme-lightblue .modal-button {
  color: #03a9f4
}

.theme-lightblue .timeline-horizontal .timeline-item-date,
.theme-lightblue .timeline-month-title,
.theme-lightblue .timeline-year-title,
.timeline-horizontal.theme-lightblue .timeline-item-date {
  background-color: #03a9f4
}

.theme-lightblue .statusbar-overlay {
  background-color: #01579b
}

.data-table.theme-lightblue .data-table-header-selected,
.theme-lightblue .data-table .data-table-header-selected {
  background: rgba(3, 169, 244, .1)
}

.data-table.theme-lightblue .data-table-title-selected,
.theme-lightblue .data-table .data-table-title-selected {
  color: #03a9f4
}

.swiper-pagination.color-lightblue .swiper-pagination-bullet-active,
.swiper-pagination.color-lightblue .swiper-pagination-progressbar,
.theme-lightblue .swiper-pagination .swiper-pagination-bullet-active,
.theme-lightblue .swiper-pagination .swiper-pagination-progressbar {
  background-color: #03a9f4
}

.swiper-pagination.swiper-pagination-progress.bg-lightblue {
  background-color: rgba(3, 169, 244, .25)
}

.swiper-button-next.color-lightblue,
.swiper-container-rtl .swiper-button-prev.color-lightblue,
.theme-lightblue .swiper-button-next,
.theme-lightblue .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMwM2E5ZjQnLz48L3N2Zz4=)
}

.swiper-button-prev.color-lightblue,
.swiper-container-rtl .swiper-button-next.color-lightblue,
.theme-lightblue .swiper-button-prev,
.theme-lightblue .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMwM2E5ZjQnLz48L3N2Zz4=)
}

.floating-button.theme-lightblue,
.speed-dial-buttons a.theme-lightblue,
.theme-lightblue .floating-button,
.theme-lightblue .speed-dial-buttons a {
  color: #fff;
  background: #03a9f4
}

.floating-button.theme-lightblue.active-state,
.speed-dial-buttons a.theme-lightblue.active-state,
.theme-lightblue .floating-button.active-state,
.theme-lightblue .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lightblue:active,
html:not(.watch-active-state) .theme-lightblue .floating-button:active,
html:not(.watch-active-state) .theme-lightblue .speed-dial-buttons a:active {
  background: #0288d1
}

.floating-button.theme-lightblue i,
.speed-dial-buttons a.theme-lightblue i,
.theme-lightblue .floating-button i,
.theme-lightblue .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb,
.range-slider.theme-lightblue input[type=range]::-webkit-slider-thumb:before,
.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb,
.theme-lightblue .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-ms-fill-lower,
.range-slider.theme-lightblue input[type=range]::-ms-thumb,
.theme-lightblue .range-slider input[type=range]::-ms-fill-lower,
.theme-lightblue .range-slider input[type=range]::-ms-thumb {
  background-color: #03a9f4
}

.range-slider.theme-lightblue input[type=range]::-moz-range-thumb,
.theme-lightblue .range-slider input[type=range]::-moz-range-thumb {
  background-color: #03a9f4
}

.badge.theme-lightblue {
  background-color: #03a9f4;
  color: #fff
}

.theme-cyan .button:not(.button-fill) {
  color: #00bcd4
}

.theme-cyan.navbar .button:not(.button-fill),
.theme-cyan .navbar .button:not(.button-fill),
.theme-cyan.subnavbar .button:not(.button-fill),
.theme-cyan .subnavbar .button:not(.button-fill),
.theme-cyan.toolbar .button:not(.button-fill),
.theme-cyan .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-cyan .button.button-fill {
  background: #00bcd4;
  color: #fff
}

.theme-cyan .button.button-fill.active-state,
html:not(.watch-active-state) .theme-cyan .button.button-fill:active {
  background: #0097a7
}

.progressbar.theme-cyan,
.theme-cyan .progressbar {
  background-color: rgba(0, 188, 212, .5)
}

.progressbar.theme-cyan span,
.theme-cyan .progressbar span {
  background-color: #00bcd4
}

.progressbar-infinite.theme-cyan,
.theme-cyan .progressbar-infinite {
  background-color: rgba(0, 188, 212, .5)
}

.progressbar-infinite.theme-cyan:after,
.progressbar-infinite.theme-cyan:before,
.theme-cyan .progressbar-infinite:after,
.theme-cyan .progressbar-infinite:before {
  background-color: #00bcd4
}

i.icon-next.color-cyan,
i.icon-next.theme-cyan {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwMGJjZDQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-cyan,
i.icon-prev.theme-cyan {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwMGJjZDQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-cyan,
i.icon-back.theme-cyan {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjMDBiY2Q0Jy8+PC9zdmc+)
}

i.icon-forward.color-cyan,
i.icon-forward.theme-cyan {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjMDBiY2Q0Jy8+PC9zdmc+)
}

i.icon-bars.color-cyan,
i.icon-bars.theme-cyan {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjMDBiY2Q0Jy8+PC9zdmc+)
}

.theme-cyan .card a,
.theme-cyan a {
  color: #00bcd4
}

.navbar.theme-cyan,
.searchbar.theme-cyan,
.subnavbar.theme-cyan,
.theme-cyan .navbar,
.theme-cyan .searchbar,
.theme-cyan .subnavbar,
.theme-cyan .toolbar,
.toolbar.theme-cyan {
  background-color: #00bcd4
}

.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox,
.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(0, 188, 212, .5)
}

.label-switch.theme-cyan input[type=checkbox]:checked+.checkbox:after,
.theme-cyan .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #00bcd4
}

.theme-cyan label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-cyan i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-cyan label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-cyan label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #00bcd4;
  background-color: #00bcd4
}

.theme-cyan label.label-radio i.icon-form-radio:after,
label.label-radio.theme-cyan i.icon-form-radio:after {
  background-color: #00bcd4
}

.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #00bcd4
}

.theme-cyan label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-cyan label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-cyan input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #00bcd4
}

.form-checkbox.theme-cyan input[type=checkbox]:checked~i,
.theme-cyan .form-checkbox input[type=checkbox]:checked~i {
  border-color: #00bcd4;
  background-color: #00bcd4
}

.form-radio.theme-cyan input[type=radio]:checked~i,
.theme-cyan .form-radio input[type=radio]:checked~i {
  border-color: #00bcd4
}

.form-radio.theme-cyan input[type=radio]:checked~i:after,
.theme-cyan .form-radio input[type=radio]:checked~i:after {
  background-color: #00bcd4
}

.theme-cyan .form-checkbox .ripple-wave,
.theme-cyan .form-radio .ripple-wave {
  background: rgba(0, 188, 212, .5)
}

.theme-cyan .focus-state .floating-label,
.theme-cyan .focus-state .label {
  color: #00bcd4
}

.theme-cyan .input-field.focus-state:after,
.theme-cyan .input-field.not-empty-state:after,
.theme-cyan .item-input-field.focus-state:after,
.theme-cyan .item-input-field.not-empty-state:after {
  background: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-today span {
  color: #00bcd4
}

.theme-cyan .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #00bcd4;
  color: #fff
}

.theme-cyan .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-cyan .picker-header {
  background-color: #00bcd4
}

.theme-cyan .modal-button {
  color: #00bcd4
}

.theme-cyan .timeline-horizontal .timeline-item-date,
.theme-cyan .timeline-month-title,
.theme-cyan .timeline-year-title,
.timeline-horizontal.theme-cyan .timeline-item-date {
  background-color: #00bcd4
}

.theme-cyan .statusbar-overlay {
  background-color: #006064
}

.data-table.theme-cyan .data-table-header-selected,
.theme-cyan .data-table .data-table-header-selected {
  background: rgba(0, 188, 212, .1)
}

.data-table.theme-cyan .data-table-title-selected,
.theme-cyan .data-table .data-table-title-selected {
  color: #00bcd4
}

.swiper-pagination.color-cyan .swiper-pagination-bullet-active,
.swiper-pagination.color-cyan .swiper-pagination-progressbar,
.theme-cyan .swiper-pagination .swiper-pagination-bullet-active,
.theme-cyan .swiper-pagination .swiper-pagination-progressbar {
  background-color: #00bcd4
}

.swiper-pagination.swiper-pagination-progress.bg-cyan {
  background-color: rgba(0, 188, 212, .25)
}

.swiper-button-next.color-cyan,
.swiper-container-rtl .swiper-button-prev.color-cyan,
.theme-cyan .swiper-button-next,
.theme-cyan .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMwMGJjZDQnLz48L3N2Zz4=)
}

.swiper-button-prev.color-cyan,
.swiper-container-rtl .swiper-button-next.color-cyan,
.theme-cyan .swiper-button-prev,
.theme-cyan .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMwMGJjZDQnLz48L3N2Zz4=)
}

.floating-button.theme-cyan,
.speed-dial-buttons a.theme-cyan,
.theme-cyan .floating-button,
.theme-cyan .speed-dial-buttons a {
  color: #fff;
  background: #00bcd4
}

.floating-button.theme-cyan.active-state,
.speed-dial-buttons a.theme-cyan.active-state,
.theme-cyan .floating-button.active-state,
.theme-cyan .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-cyan:active,
html:not(.watch-active-state) .theme-cyan .floating-button:active,
html:not(.watch-active-state) .theme-cyan .speed-dial-buttons a:active {
  background: #0097a7
}

.floating-button.theme-cyan i,
.speed-dial-buttons a.theme-cyan i,
.theme-cyan .floating-button i,
.theme-cyan .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb,
.range-slider.theme-cyan input[type=range]::-webkit-slider-thumb:before,
.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb,
.theme-cyan .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-ms-fill-lower,
.range-slider.theme-cyan input[type=range]::-ms-thumb,
.theme-cyan .range-slider input[type=range]::-ms-fill-lower,
.theme-cyan .range-slider input[type=range]::-ms-thumb {
  background-color: #00bcd4
}

.range-slider.theme-cyan input[type=range]::-moz-range-thumb,
.theme-cyan .range-slider input[type=range]::-moz-range-thumb {
  background-color: #00bcd4
}

.badge.theme-cyan {
  background-color: #00bcd4;
  color: #fff
}

.theme-teal .button:not(.button-fill) {
  color: #009688
}

.theme-teal.navbar .button:not(.button-fill),
.theme-teal .navbar .button:not(.button-fill),
.theme-teal.subnavbar .button:not(.button-fill),
.theme-teal .subnavbar .button:not(.button-fill),
.theme-teal.toolbar .button:not(.button-fill),
.theme-teal .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-teal .button.button-fill {
  background: #009688;
  color: #fff
}

.theme-teal .button.button-fill.active-state,
html:not(.watch-active-state) .theme-teal .button.button-fill:active {
  background: #00897b
}

.progressbar.theme-teal,
.theme-teal .progressbar {
  background-color: rgba(0, 150, 136, .5)
}

.progressbar.theme-teal span,
.theme-teal .progressbar span {
  background-color: #009688
}

.progressbar-infinite.theme-teal,
.theme-teal .progressbar-infinite {
  background-color: rgba(0, 150, 136, .5)
}

.progressbar-infinite.theme-teal:after,
.progressbar-infinite.theme-teal:before,
.theme-teal .progressbar-infinite:after,
.theme-teal .progressbar-infinite:before {
  background-color: #009688
}

i.icon-next.color-teal,
i.icon-next.theme-teal {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwMDk2ODgnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-teal,
i.icon-prev.theme-teal {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwMDk2ODgnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-teal,
i.icon-back.theme-teal {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjMDA5Njg4Jy8+PC9zdmc+)
}

i.icon-forward.color-teal,
i.icon-forward.theme-teal {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjMDA5Njg4Jy8+PC9zdmc+)
}

i.icon-bars.color-teal,
i.icon-bars.theme-teal {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjMDA5Njg4Jy8+PC9zdmc+)
}

.theme-teal .card a,
.theme-teal a {
  color: #009688
}

.navbar.theme-teal,
.searchbar.theme-teal,
.subnavbar.theme-teal,
.theme-teal .navbar,
.theme-teal .searchbar,
.theme-teal .subnavbar,
.theme-teal .toolbar,
.toolbar.theme-teal {
  background-color: #009688
}

.label-switch.theme-teal input[type=checkbox]:checked+.checkbox,
.theme-teal .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(0, 150, 136, .5)
}

.label-switch.theme-teal input[type=checkbox]:checked+.checkbox:after,
.theme-teal .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #009688
}

.theme-teal label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-teal i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-teal label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-teal label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-teal input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #009688;
  background-color: #009688
}

.theme-teal label.label-radio i.icon-form-radio:after,
label.label-radio.theme-teal i.icon-form-radio:after {
  background-color: #009688
}

.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #009688
}

.theme-teal label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-teal label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-teal label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-teal input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-teal input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #009688
}

.form-checkbox.theme-teal input[type=checkbox]:checked~i,
.theme-teal .form-checkbox input[type=checkbox]:checked~i {
  border-color: #009688;
  background-color: #009688
}

.form-radio.theme-teal input[type=radio]:checked~i,
.theme-teal .form-radio input[type=radio]:checked~i {
  border-color: #009688
}

.form-radio.theme-teal input[type=radio]:checked~i:after,
.theme-teal .form-radio input[type=radio]:checked~i:after {
  background-color: #009688
}

.theme-teal .form-checkbox .ripple-wave,
.theme-teal .form-radio .ripple-wave {
  background: rgba(0, 150, 136, .5)
}

.theme-teal .focus-state .floating-label,
.theme-teal .focus-state .label {
  color: #009688
}

.theme-teal .input-field.focus-state:after,
.theme-teal .input-field.not-empty-state:after,
.theme-teal .item-input-field.focus-state:after,
.theme-teal .item-input-field.not-empty-state:after {
  background: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-today span {
  color: #009688
}

.theme-teal .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #009688;
  color: #fff
}

.theme-teal .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-teal .picker-header {
  background-color: #009688
}

.theme-teal .modal-button {
  color: #009688
}

.theme-teal .timeline-horizontal .timeline-item-date,
.theme-teal .timeline-month-title,
.theme-teal .timeline-year-title,
.timeline-horizontal.theme-teal .timeline-item-date {
  background-color: #009688
}

.theme-teal .statusbar-overlay {
  background-color: #004d40
}

.data-table.theme-teal .data-table-header-selected,
.theme-teal .data-table .data-table-header-selected {
  background: rgba(0, 150, 136, .1)
}

.data-table.theme-teal .data-table-title-selected,
.theme-teal .data-table .data-table-title-selected {
  color: #009688
}

.swiper-pagination.color-teal .swiper-pagination-bullet-active,
.swiper-pagination.color-teal .swiper-pagination-progressbar,
.theme-teal .swiper-pagination .swiper-pagination-bullet-active,
.theme-teal .swiper-pagination .swiper-pagination-progressbar {
  background-color: #009688
}

.swiper-pagination.swiper-pagination-progress.bg-teal {
  background-color: rgba(0, 150, 136, .25)
}

.swiper-button-next.color-teal,
.swiper-container-rtl .swiper-button-prev.color-teal,
.theme-teal .swiper-button-next,
.theme-teal .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMwMDk2ODgnLz48L3N2Zz4=)
}

.swiper-button-prev.color-teal,
.swiper-container-rtl .swiper-button-next.color-teal,
.theme-teal .swiper-button-prev,
.theme-teal .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMwMDk2ODgnLz48L3N2Zz4=)
}

.floating-button.theme-teal,
.speed-dial-buttons a.theme-teal,
.theme-teal .floating-button,
.theme-teal .speed-dial-buttons a {
  color: #fff;
  background: #009688
}

.floating-button.theme-teal.active-state,
.speed-dial-buttons a.theme-teal.active-state,
.theme-teal .floating-button.active-state,
.theme-teal .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-teal:active,
html:not(.watch-active-state) .theme-teal .floating-button:active,
html:not(.watch-active-state) .theme-teal .speed-dial-buttons a:active {
  background: #00897b
}

.floating-button.theme-teal i,
.speed-dial-buttons a.theme-teal i,
.theme-teal .floating-button i,
.theme-teal .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-teal input[type=range]::-webkit-slider-thumb,
.range-slider.theme-teal input[type=range]::-webkit-slider-thumb:before,
.theme-teal .range-slider input[type=range]::-webkit-slider-thumb,
.theme-teal .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #009688
}

.range-slider.theme-teal input[type=range]::-ms-fill-lower,
.range-slider.theme-teal input[type=range]::-ms-thumb,
.theme-teal .range-slider input[type=range]::-ms-fill-lower,
.theme-teal .range-slider input[type=range]::-ms-thumb {
  background-color: #009688
}

.range-slider.theme-teal input[type=range]::-moz-range-thumb,
.theme-teal .range-slider input[type=range]::-moz-range-thumb {
  background-color: #009688
}

.badge.theme-teal {
  background-color: #009688;
  color: #fff
}

.theme-green .button:not(.button-fill) {
  color: #4caf50
}

.theme-green.navbar .button:not(.button-fill),
.theme-green .navbar .button:not(.button-fill),
.theme-green.subnavbar .button:not(.button-fill),
.theme-green .subnavbar .button:not(.button-fill),
.theme-green.toolbar .button:not(.button-fill),
.theme-green .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-green .button.button-fill {
  background: #4caf50;
  color: #fff
}

.theme-green .button.button-fill.active-state,
html:not(.watch-active-state) .theme-green .button.button-fill:active {
  background: #388e3c
}

.progressbar.theme-green,
.theme-green .progressbar {
  background-color: rgba(76, 175, 80, .5)
}

.progressbar.theme-green span,
.theme-green .progressbar span {
  background-color: #4caf50
}

.progressbar-infinite.theme-green,
.theme-green .progressbar-infinite {
  background-color: rgba(76, 175, 80, .5)
}

.progressbar-infinite.theme-green:after,
.progressbar-infinite.theme-green:before,
.theme-green .progressbar-infinite:after,
.theme-green .progressbar-infinite:before {
  background-color: #4caf50
}

i.icon-next.color-green,
i.icon-next.theme-green {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM0Y2FmNTAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-green,
i.icon-prev.theme-green {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM0Y2FmNTAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-green,
i.icon-back.theme-green {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjNGNhZjUwJy8+PC9zdmc+)
}

i.icon-forward.color-green,
i.icon-forward.theme-green {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjNGNhZjUwJy8+PC9zdmc+)
}

i.icon-bars.color-green,
i.icon-bars.theme-green {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjNGNhZjUwJy8+PC9zdmc+)
}

.theme-green .card a,
.theme-green a {
  color: #4caf50
}

.navbar.theme-green,
.searchbar.theme-green,
.subnavbar.theme-green,
.theme-green .navbar,
.theme-green .searchbar,
.theme-green .subnavbar,
.theme-green .toolbar,
.toolbar.theme-green {
  background-color: #4caf50
}

.label-switch.theme-green input[type=checkbox]:checked+.checkbox,
.theme-green .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(76, 175, 80, .5)
}

.label-switch.theme-green input[type=checkbox]:checked+.checkbox:after,
.theme-green .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #4caf50
}

.theme-green label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-green i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-green label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-green label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-green input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #4caf50;
  background-color: #4caf50
}

.theme-green label.label-radio i.icon-form-radio:after,
label.label-radio.theme-green i.icon-form-radio:after {
  background-color: #4caf50
}

.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #4caf50
}

.theme-green label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-green label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-green label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-green label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-green input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-green input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #4caf50
}

.form-checkbox.theme-green input[type=checkbox]:checked~i,
.theme-green .form-checkbox input[type=checkbox]:checked~i {
  border-color: #4caf50;
  background-color: #4caf50
}

.form-radio.theme-green input[type=radio]:checked~i,
.theme-green .form-radio input[type=radio]:checked~i {
  border-color: #4caf50
}

.form-radio.theme-green input[type=radio]:checked~i:after,
.theme-green .form-radio input[type=radio]:checked~i:after {
  background-color: #4caf50
}

.theme-green .form-checkbox .ripple-wave,
.theme-green .form-radio .ripple-wave {
  background: rgba(76, 175, 80, .5)
}

.theme-green .focus-state .floating-label,
.theme-green .focus-state .label {
  color: #4caf50
}

.theme-green .input-field.focus-state:after,
.theme-green .input-field.not-empty-state:after,
.theme-green .item-input-field.focus-state:after,
.theme-green .item-input-field.not-empty-state:after {
  background: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-today span {
  color: #4caf50
}

.theme-green .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #4caf50;
  color: #fff
}

.theme-green .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-green .picker-header {
  background-color: #4caf50
}

.theme-green .modal-button {
  color: #4caf50
}

.theme-green .timeline-horizontal .timeline-item-date,
.theme-green .timeline-month-title,
.theme-green .timeline-year-title,
.timeline-horizontal.theme-green .timeline-item-date {
  background-color: #4caf50
}

.theme-green .statusbar-overlay {
  background-color: #1b5e20
}

.data-table.theme-green .data-table-header-selected,
.theme-green .data-table .data-table-header-selected {
  background: rgba(76, 175, 80, .1)
}

.data-table.theme-green .data-table-title-selected,
.theme-green .data-table .data-table-title-selected {
  color: #4caf50
}

.swiper-pagination.color-green .swiper-pagination-bullet-active,
.swiper-pagination.color-green .swiper-pagination-progressbar,
.theme-green .swiper-pagination .swiper-pagination-bullet-active,
.theme-green .swiper-pagination .swiper-pagination-progressbar {
  background-color: #4caf50
}

.swiper-pagination.swiper-pagination-progress.bg-green {
  background-color: rgba(76, 175, 80, .25)
}

.swiper-button-next.color-green,
.swiper-container-rtl .swiper-button-prev.color-green,
.theme-green .swiper-button-next,
.theme-green .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM0Y2FmNTAnLz48L3N2Zz4=)
}

.swiper-button-prev.color-green,
.swiper-container-rtl .swiper-button-next.color-green,
.theme-green .swiper-button-prev,
.theme-green .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM0Y2FmNTAnLz48L3N2Zz4=)
}

.floating-button.theme-green,
.speed-dial-buttons a.theme-green,
.theme-green .floating-button,
.theme-green .speed-dial-buttons a {
  color: #fff;
  background: #4caf50
}

.floating-button.theme-green.active-state,
.speed-dial-buttons a.theme-green.active-state,
.theme-green .floating-button.active-state,
.theme-green .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-green:active,
html:not(.watch-active-state) .theme-green .floating-button:active,
html:not(.watch-active-state) .theme-green .speed-dial-buttons a:active {
  background: #388e3c
}

.floating-button.theme-green i,
.speed-dial-buttons a.theme-green i,
.theme-green .floating-button i,
.theme-green .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-green input[type=range]::-webkit-slider-thumb,
.range-slider.theme-green input[type=range]::-webkit-slider-thumb:before,
.theme-green .range-slider input[type=range]::-webkit-slider-thumb,
.theme-green .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-ms-fill-lower,
.range-slider.theme-green input[type=range]::-ms-thumb,
.theme-green .range-slider input[type=range]::-ms-fill-lower,
.theme-green .range-slider input[type=range]::-ms-thumb {
  background-color: #4caf50
}

.range-slider.theme-green input[type=range]::-moz-range-thumb,
.theme-green .range-slider input[type=range]::-moz-range-thumb {
  background-color: #4caf50
}

.badge.theme-green {
  background-color: #4caf50;
  color: #fff
}

.theme-lightgreen .button:not(.button-fill) {
  color: #8bc34a
}

.theme-lightgreen.navbar .button:not(.button-fill),
.theme-lightgreen .navbar .button:not(.button-fill),
.theme-lightgreen.subnavbar .button:not(.button-fill),
.theme-lightgreen .subnavbar .button:not(.button-fill),
.theme-lightgreen.toolbar .button:not(.button-fill),
.theme-lightgreen .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-lightgreen .button.button-fill {
  background: #8bc34a;
  color: #fff
}

.theme-lightgreen .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lightgreen .button.button-fill:active {
  background: #689f38
}

.progressbar.theme-lightgreen,
.theme-lightgreen .progressbar {
  background-color: rgba(139, 195, 74, .5)
}

.progressbar.theme-lightgreen span,
.theme-lightgreen .progressbar span {
  background-color: #8bc34a
}

.progressbar-infinite.theme-lightgreen,
.theme-lightgreen .progressbar-infinite {
  background-color: rgba(139, 195, 74, .5)
}

.progressbar-infinite.theme-lightgreen:after,
.progressbar-infinite.theme-lightgreen:before,
.theme-lightgreen .progressbar-infinite:after,
.theme-lightgreen .progressbar-infinite:before {
  background-color: #8bc34a
}

i.icon-next.color-lightgreen,
i.icon-next.theme-lightgreen {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM4YmMzNGEnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-lightgreen,
i.icon-prev.theme-lightgreen {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM4YmMzNGEnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-lightgreen,
i.icon-back.theme-lightgreen {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjOGJjMzRhJy8+PC9zdmc+)
}

i.icon-forward.color-lightgreen,
i.icon-forward.theme-lightgreen {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjOGJjMzRhJy8+PC9zdmc+)
}

i.icon-bars.color-lightgreen,
i.icon-bars.theme-lightgreen {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjOGJjMzRhJy8+PC9zdmc+)
}

.theme-lightgreen .card a,
.theme-lightgreen a {
  color: #8bc34a
}

.navbar.theme-lightgreen,
.searchbar.theme-lightgreen,
.subnavbar.theme-lightgreen,
.theme-lightgreen .navbar,
.theme-lightgreen .searchbar,
.theme-lightgreen .subnavbar,
.theme-lightgreen .toolbar,
.toolbar.theme-lightgreen {
  background-color: #8bc34a
}

.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox,
.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(139, 195, 74, .5)
}

.label-switch.theme-lightgreen input[type=checkbox]:checked+.checkbox:after,
.theme-lightgreen .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #8bc34a
}

.theme-lightgreen label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lightgreen i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-lightgreen label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lightgreen label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #8bc34a;
  background-color: #8bc34a
}

.theme-lightgreen label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lightgreen i.icon-form-radio:after {
  background-color: #8bc34a
}

.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #8bc34a
}

.theme-lightgreen label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lightgreen label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lightgreen input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #8bc34a
}

.form-checkbox.theme-lightgreen input[type=checkbox]:checked~i,
.theme-lightgreen .form-checkbox input[type=checkbox]:checked~i {
  border-color: #8bc34a;
  background-color: #8bc34a
}

.form-radio.theme-lightgreen input[type=radio]:checked~i,
.theme-lightgreen .form-radio input[type=radio]:checked~i {
  border-color: #8bc34a
}

.form-radio.theme-lightgreen input[type=radio]:checked~i:after,
.theme-lightgreen .form-radio input[type=radio]:checked~i:after {
  background-color: #8bc34a
}

.theme-lightgreen .form-checkbox .ripple-wave,
.theme-lightgreen .form-radio .ripple-wave {
  background: rgba(139, 195, 74, .5)
}

.theme-lightgreen .focus-state .floating-label,
.theme-lightgreen .focus-state .label {
  color: #8bc34a
}

.theme-lightgreen .input-field.focus-state:after,
.theme-lightgreen .input-field.not-empty-state:after,
.theme-lightgreen .item-input-field.focus-state:after,
.theme-lightgreen .item-input-field.not-empty-state:after {
  background: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-today span {
  color: #8bc34a
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #8bc34a;
  color: #fff
}

.theme-lightgreen .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-lightgreen .picker-header {
  background-color: #8bc34a
}

.theme-lightgreen .modal-button {
  color: #8bc34a
}

.theme-lightgreen .timeline-horizontal .timeline-item-date,
.theme-lightgreen .timeline-month-title,
.theme-lightgreen .timeline-year-title,
.timeline-horizontal.theme-lightgreen .timeline-item-date {
  background-color: #8bc34a
}

.theme-lightgreen .statusbar-overlay {
  background-color: #33691e
}

.data-table.theme-lightgreen .data-table-header-selected,
.theme-lightgreen .data-table .data-table-header-selected {
  background: rgba(139, 195, 74, .1)
}

.data-table.theme-lightgreen .data-table-title-selected,
.theme-lightgreen .data-table .data-table-title-selected {
  color: #8bc34a
}

.swiper-pagination.color-lightgreen .swiper-pagination-bullet-active,
.swiper-pagination.color-lightgreen .swiper-pagination-progressbar,
.theme-lightgreen .swiper-pagination .swiper-pagination-bullet-active,
.theme-lightgreen .swiper-pagination .swiper-pagination-progressbar {
  background-color: #8bc34a
}

.swiper-pagination.swiper-pagination-progress.bg-lightgreen {
  background-color: rgba(139, 195, 74, .25)
}

.swiper-button-next.color-lightgreen,
.swiper-container-rtl .swiper-button-prev.color-lightgreen,
.theme-lightgreen .swiper-button-next,
.theme-lightgreen .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM4YmMzNGEnLz48L3N2Zz4=)
}

.swiper-button-prev.color-lightgreen,
.swiper-container-rtl .swiper-button-next.color-lightgreen,
.theme-lightgreen .swiper-button-prev,
.theme-lightgreen .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM4YmMzNGEnLz48L3N2Zz4=)
}

.floating-button.theme-lightgreen,
.speed-dial-buttons a.theme-lightgreen,
.theme-lightgreen .floating-button,
.theme-lightgreen .speed-dial-buttons a {
  color: #fff;
  background: #8bc34a
}

.floating-button.theme-lightgreen.active-state,
.speed-dial-buttons a.theme-lightgreen.active-state,
.theme-lightgreen .floating-button.active-state,
.theme-lightgreen .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lightgreen:active,
html:not(.watch-active-state) .theme-lightgreen .floating-button:active,
html:not(.watch-active-state) .theme-lightgreen .speed-dial-buttons a:active {
  background: #689f38
}

.floating-button.theme-lightgreen i,
.speed-dial-buttons a.theme-lightgreen i,
.theme-lightgreen .floating-button i,
.theme-lightgreen .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb,
.range-slider.theme-lightgreen input[type=range]::-webkit-slider-thumb:before,
.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb,
.theme-lightgreen .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-ms-fill-lower,
.range-slider.theme-lightgreen input[type=range]::-ms-thumb,
.theme-lightgreen .range-slider input[type=range]::-ms-fill-lower,
.theme-lightgreen .range-slider input[type=range]::-ms-thumb {
  background-color: #8bc34a
}

.range-slider.theme-lightgreen input[type=range]::-moz-range-thumb,
.theme-lightgreen .range-slider input[type=range]::-moz-range-thumb {
  background-color: #8bc34a
}

.badge.theme-lightgreen {
  background-color: #8bc34a;
  color: #fff
}

.theme-lime .button:not(.button-fill) {
  color: #cddc39
}

.theme-lime.navbar .button:not(.button-fill),
.theme-lime .navbar .button:not(.button-fill),
.theme-lime.subnavbar .button:not(.button-fill),
.theme-lime .subnavbar .button:not(.button-fill),
.theme-lime.toolbar .button:not(.button-fill),
.theme-lime .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-lime .button.button-fill {
  background: #cddc39;
  color: #fff
}

.theme-lime .button.button-fill.active-state,
html:not(.watch-active-state) .theme-lime .button.button-fill:active {
  background: #afb42b
}

.progressbar.theme-lime,
.theme-lime .progressbar {
  background-color: rgba(205, 220, 57, .5)
}

.progressbar.theme-lime span,
.theme-lime .progressbar span {
  background-color: #cddc39
}

.progressbar-infinite.theme-lime,
.theme-lime .progressbar-infinite {
  background-color: rgba(205, 220, 57, .5)
}

.progressbar-infinite.theme-lime:after,
.progressbar-infinite.theme-lime:before,
.theme-lime .progressbar-infinite:after,
.theme-lime .progressbar-infinite:before {
  background-color: #cddc39
}

i.icon-next.color-lime,
i.icon-next.theme-lime {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNjZGRjMzknIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-lime,
i.icon-prev.theme-lime {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNjZGRjMzknIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-lime,
i.icon-back.theme-lime {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjY2RkYzM5Jy8+PC9zdmc+)
}

i.icon-forward.color-lime,
i.icon-forward.theme-lime {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjY2RkYzM5Jy8+PC9zdmc+)
}

i.icon-bars.color-lime,
i.icon-bars.theme-lime {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjY2RkYzM5Jy8+PC9zdmc+)
}

.theme-lime .card a,
.theme-lime a {
  color: #cddc39
}

.navbar.theme-lime,
.searchbar.theme-lime,
.subnavbar.theme-lime,
.theme-lime .navbar,
.theme-lime .searchbar,
.theme-lime .subnavbar,
.theme-lime .toolbar,
.toolbar.theme-lime {
  background-color: #cddc39
}

.label-switch.theme-lime input[type=checkbox]:checked+.checkbox,
.theme-lime .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(205, 220, 57, .5)
}

.label-switch.theme-lime input[type=checkbox]:checked+.checkbox:after,
.theme-lime .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #cddc39
}

.theme-lime label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-lime i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-lime label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-lime label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-lime input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #cddc39;
  background-color: #cddc39
}

.theme-lime label.label-radio i.icon-form-radio:after,
label.label-radio.theme-lime i.icon-form-radio:after {
  background-color: #cddc39
}

.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #cddc39
}

.theme-lime label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-lime label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-lime label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lime input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-lime input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #cddc39
}

.form-checkbox.theme-lime input[type=checkbox]:checked~i,
.theme-lime .form-checkbox input[type=checkbox]:checked~i {
  border-color: #cddc39;
  background-color: #cddc39
}

.form-radio.theme-lime input[type=radio]:checked~i,
.theme-lime .form-radio input[type=radio]:checked~i {
  border-color: #cddc39
}

.form-radio.theme-lime input[type=radio]:checked~i:after,
.theme-lime .form-radio input[type=radio]:checked~i:after {
  background-color: #cddc39
}

.theme-lime .form-checkbox .ripple-wave,
.theme-lime .form-radio .ripple-wave {
  background: rgba(205, 220, 57, .5)
}

.theme-lime .focus-state .floating-label,
.theme-lime .focus-state .label {
  color: #cddc39
}

.theme-lime .input-field.focus-state:after,
.theme-lime .input-field.not-empty-state:after,
.theme-lime .item-input-field.focus-state:after,
.theme-lime .item-input-field.not-empty-state:after {
  background: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-today span {
  color: #cddc39
}

.theme-lime .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #cddc39;
  color: #fff
}

.theme-lime .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-lime .picker-header {
  background-color: #cddc39
}

.theme-lime .modal-button {
  color: #cddc39
}

.theme-lime .timeline-horizontal .timeline-item-date,
.theme-lime .timeline-month-title,
.theme-lime .timeline-year-title,
.timeline-horizontal.theme-lime .timeline-item-date {
  background-color: #cddc39
}

.theme-lime .statusbar-overlay {
  background-color: #827717
}

.data-table.theme-lime .data-table-header-selected,
.theme-lime .data-table .data-table-header-selected {
  background: rgba(205, 220, 57, .1)
}

.data-table.theme-lime .data-table-title-selected,
.theme-lime .data-table .data-table-title-selected {
  color: #cddc39
}

.swiper-pagination.color-lime .swiper-pagination-bullet-active,
.swiper-pagination.color-lime .swiper-pagination-progressbar,
.theme-lime .swiper-pagination .swiper-pagination-bullet-active,
.theme-lime .swiper-pagination .swiper-pagination-progressbar {
  background-color: #cddc39
}

.swiper-pagination.swiper-pagination-progress.bg-lime {
  background-color: rgba(205, 220, 57, .25)
}

.swiper-button-next.color-lime,
.swiper-container-rtl .swiper-button-prev.color-lime,
.theme-lime .swiper-button-next,
.theme-lime .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNjZGRjMzknLz48L3N2Zz4=)
}

.swiper-button-prev.color-lime,
.swiper-container-rtl .swiper-button-next.color-lime,
.theme-lime .swiper-button-prev,
.theme-lime .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNjZGRjMzknLz48L3N2Zz4=)
}

.floating-button.theme-lime,
.speed-dial-buttons a.theme-lime,
.theme-lime .floating-button,
.theme-lime .speed-dial-buttons a {
  color: #fff;
  background: #cddc39
}

.floating-button.theme-lime.active-state,
.speed-dial-buttons a.theme-lime.active-state,
.theme-lime .floating-button.active-state,
.theme-lime .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-lime:active,
html:not(.watch-active-state) .theme-lime .floating-button:active,
html:not(.watch-active-state) .theme-lime .speed-dial-buttons a:active {
  background: #afb42b
}

.floating-button.theme-lime i,
.speed-dial-buttons a.theme-lime i,
.theme-lime .floating-button i,
.theme-lime .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-lime input[type=range]::-webkit-slider-thumb,
.range-slider.theme-lime input[type=range]::-webkit-slider-thumb:before,
.theme-lime .range-slider input[type=range]::-webkit-slider-thumb,
.theme-lime .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-ms-fill-lower,
.range-slider.theme-lime input[type=range]::-ms-thumb,
.theme-lime .range-slider input[type=range]::-ms-fill-lower,
.theme-lime .range-slider input[type=range]::-ms-thumb {
  background-color: #cddc39
}

.range-slider.theme-lime input[type=range]::-moz-range-thumb,
.theme-lime .range-slider input[type=range]::-moz-range-thumb {
  background-color: #cddc39
}

.badge.theme-lime {
  background-color: #cddc39;
  color: #fff
}

.theme-yellow .button:not(.button-fill) {
  color: #ffeb3b
}

.theme-yellow.navbar .button:not(.button-fill),
.theme-yellow .navbar .button:not(.button-fill),
.theme-yellow.subnavbar .button:not(.button-fill),
.theme-yellow .subnavbar .button:not(.button-fill),
.theme-yellow.toolbar .button:not(.button-fill),
.theme-yellow .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-yellow .button.button-fill {
  background: #ffeb3b;
  color: #fff
}

.theme-yellow .button.button-fill.active-state,
html:not(.watch-active-state) .theme-yellow .button.button-fill:active {
  background: #fbc02d
}

.progressbar.theme-yellow,
.theme-yellow .progressbar {
  background-color: rgba(255, 235, 59, .5)
}

.progressbar.theme-yellow span,
.theme-yellow .progressbar span {
  background-color: #ffeb3b
}

.progressbar-infinite.theme-yellow,
.theme-yellow .progressbar-infinite {
  background-color: rgba(255, 235, 59, .5)
}

.progressbar-infinite.theme-yellow:after,
.progressbar-infinite.theme-yellow:before,
.theme-yellow .progressbar-infinite:after,
.theme-yellow .progressbar-infinite:before {
  background-color: #ffeb3b
}

i.icon-next.color-yellow,
i.icon-next.theme-yellow {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmViM2InIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-yellow,
i.icon-prev.theme-yellow {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmViM2InIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-yellow,
i.icon-back.theme-yellow {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZmZlYjNiJy8+PC9zdmc+)
}

i.icon-forward.color-yellow,
i.icon-forward.theme-yellow {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZmZlYjNiJy8+PC9zdmc+)
}

i.icon-bars.color-yellow,
i.icon-bars.theme-yellow {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZmZlYjNiJy8+PC9zdmc+)
}

.theme-yellow .card a,
.theme-yellow a {
  color: #ffeb3b
}

.navbar.theme-yellow,
.searchbar.theme-yellow,
.subnavbar.theme-yellow,
.theme-yellow .navbar,
.theme-yellow .searchbar,
.theme-yellow .subnavbar,
.theme-yellow .toolbar,
.toolbar.theme-yellow {
  background-color: #ffeb3b
}

.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox,
.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(255, 235, 59, .5)
}

.label-switch.theme-yellow input[type=checkbox]:checked+.checkbox:after,
.theme-yellow .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #ffeb3b
}

.theme-yellow label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-yellow i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-yellow label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-yellow label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #ffeb3b;
  background-color: #ffeb3b
}

.theme-yellow label.label-radio i.icon-form-radio:after,
label.label-radio.theme-yellow i.icon-form-radio:after {
  background-color: #ffeb3b
}

.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #ffeb3b
}

.theme-yellow label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-yellow label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-yellow input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #ffeb3b
}

.form-checkbox.theme-yellow input[type=checkbox]:checked~i,
.theme-yellow .form-checkbox input[type=checkbox]:checked~i {
  border-color: #ffeb3b;
  background-color: #ffeb3b
}

.form-radio.theme-yellow input[type=radio]:checked~i,
.theme-yellow .form-radio input[type=radio]:checked~i {
  border-color: #ffeb3b
}

.form-radio.theme-yellow input[type=radio]:checked~i:after,
.theme-yellow .form-radio input[type=radio]:checked~i:after {
  background-color: #ffeb3b
}

.theme-yellow .form-checkbox .ripple-wave,
.theme-yellow .form-radio .ripple-wave {
  background: rgba(255, 235, 59, .5)
}

.theme-yellow .focus-state .floating-label,
.theme-yellow .focus-state .label {
  color: #ffeb3b
}

.theme-yellow .input-field.focus-state:after,
.theme-yellow .input-field.not-empty-state:after,
.theme-yellow .item-input-field.focus-state:after,
.theme-yellow .item-input-field.not-empty-state:after {
  background: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-today span {
  color: #ffeb3b
}

.theme-yellow .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ffeb3b;
  color: #fff
}

.theme-yellow .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-yellow .picker-header {
  background-color: #ffeb3b
}

.theme-yellow .modal-button {
  color: #ffeb3b
}

.theme-yellow .timeline-horizontal .timeline-item-date,
.theme-yellow .timeline-month-title,
.theme-yellow .timeline-year-title,
.timeline-horizontal.theme-yellow .timeline-item-date {
  background-color: #ffeb3b
}

.theme-yellow .statusbar-overlay {
  background-color: #f57f17
}

.data-table.theme-yellow .data-table-header-selected,
.theme-yellow .data-table .data-table-header-selected {
  background: rgba(255, 235, 59, .1)
}

.data-table.theme-yellow .data-table-title-selected,
.theme-yellow .data-table .data-table-title-selected {
  color: #ffeb3b
}

.swiper-pagination.color-yellow .swiper-pagination-bullet-active,
.swiper-pagination.color-yellow .swiper-pagination-progressbar,
.theme-yellow .swiper-pagination .swiper-pagination-bullet-active,
.theme-yellow .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ffeb3b
}

.swiper-pagination.swiper-pagination-progress.bg-yellow {
  background-color: rgba(255, 235, 59, .25)
}

.swiper-button-next.color-yellow,
.swiper-container-rtl .swiper-button-prev.color-yellow,
.theme-yellow .swiper-button-next,
.theme-yellow .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmZmViM2InLz48L3N2Zz4=)
}

.swiper-button-prev.color-yellow,
.swiper-container-rtl .swiper-button-next.color-yellow,
.theme-yellow .swiper-button-prev,
.theme-yellow .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmZmViM2InLz48L3N2Zz4=)
}

.floating-button.theme-yellow,
.speed-dial-buttons a.theme-yellow,
.theme-yellow .floating-button,
.theme-yellow .speed-dial-buttons a {
  color: #fff;
  background: #ffeb3b
}

.floating-button.theme-yellow.active-state,
.speed-dial-buttons a.theme-yellow.active-state,
.theme-yellow .floating-button.active-state,
.theme-yellow .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-yellow:active,
html:not(.watch-active-state) .theme-yellow .floating-button:active,
html:not(.watch-active-state) .theme-yellow .speed-dial-buttons a:active {
  background: #fbc02d
}

.floating-button.theme-yellow i,
.speed-dial-buttons a.theme-yellow i,
.theme-yellow .floating-button i,
.theme-yellow .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb,
.range-slider.theme-yellow input[type=range]::-webkit-slider-thumb:before,
.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb,
.theme-yellow .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-ms-fill-lower,
.range-slider.theme-yellow input[type=range]::-ms-thumb,
.theme-yellow .range-slider input[type=range]::-ms-fill-lower,
.theme-yellow .range-slider input[type=range]::-ms-thumb {
  background-color: #ffeb3b
}

.range-slider.theme-yellow input[type=range]::-moz-range-thumb,
.theme-yellow .range-slider input[type=range]::-moz-range-thumb {
  background-color: #ffeb3b
}

.badge.theme-yellow {
  background-color: #ffeb3b;
  color: #fff
}

.theme-amber .button:not(.button-fill) {
  color: #ffc107
}

.theme-amber.navbar .button:not(.button-fill),
.theme-amber .navbar .button:not(.button-fill),
.theme-amber.subnavbar .button:not(.button-fill),
.theme-amber .subnavbar .button:not(.button-fill),
.theme-amber.toolbar .button:not(.button-fill),
.theme-amber .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-amber .button.button-fill {
  background: #ffc107;
  color: #fff
}

.theme-amber .button.button-fill.active-state,
html:not(.watch-active-state) .theme-amber .button.button-fill:active {
  background: #ffa000
}

.progressbar.theme-amber,
.theme-amber .progressbar {
  background-color: rgba(255, 193, 7, .5)
}

.progressbar.theme-amber span,
.theme-amber .progressbar span {
  background-color: #ffc107
}

.progressbar-infinite.theme-amber,
.theme-amber .progressbar-infinite {
  background-color: rgba(255, 193, 7, .5)
}

.progressbar-infinite.theme-amber:after,
.progressbar-infinite.theme-amber:before,
.theme-amber .progressbar-infinite:after,
.theme-amber .progressbar-infinite:before {
  background-color: #ffc107
}

i.icon-next.color-amber,
i.icon-next.theme-amber {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmMxMDcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-amber,
i.icon-prev.theme-amber {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmMxMDcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-amber,
i.icon-back.theme-amber {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZmZjMTA3Jy8+PC9zdmc+)
}

i.icon-forward.color-amber,
i.icon-forward.theme-amber {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZmZjMTA3Jy8+PC9zdmc+)
}

i.icon-bars.color-amber,
i.icon-bars.theme-amber {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZmZjMTA3Jy8+PC9zdmc+)
}

.theme-amber .card a,
.theme-amber a {
  color: #ffc107
}

.navbar.theme-amber,
.searchbar.theme-amber,
.subnavbar.theme-amber,
.theme-amber .navbar,
.theme-amber .searchbar,
.theme-amber .subnavbar,
.theme-amber .toolbar,
.toolbar.theme-amber {
  background-color: #ffc107
}

.label-switch.theme-amber input[type=checkbox]:checked+.checkbox,
.theme-amber .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(255, 193, 7, .5)
}

.label-switch.theme-amber input[type=checkbox]:checked+.checkbox:after,
.theme-amber .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #ffc107
}

.theme-amber label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-amber i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-amber label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-amber label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-amber input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #ffc107;
  background-color: #ffc107
}

.theme-amber label.label-radio i.icon-form-radio:after,
label.label-radio.theme-amber i.icon-form-radio:after {
  background-color: #ffc107
}

.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #ffc107
}

.theme-amber label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-amber label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-amber label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-amber input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-amber input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #ffc107
}

.form-checkbox.theme-amber input[type=checkbox]:checked~i,
.theme-amber .form-checkbox input[type=checkbox]:checked~i {
  border-color: #ffc107;
  background-color: #ffc107
}

.form-radio.theme-amber input[type=radio]:checked~i,
.theme-amber .form-radio input[type=radio]:checked~i {
  border-color: #ffc107
}

.form-radio.theme-amber input[type=radio]:checked~i:after,
.theme-amber .form-radio input[type=radio]:checked~i:after {
  background-color: #ffc107
}

.theme-amber .form-checkbox .ripple-wave,
.theme-amber .form-radio .ripple-wave {
  background: rgba(255, 193, 7, .5)
}

.theme-amber .focus-state .floating-label,
.theme-amber .focus-state .label {
  color: #ffc107
}

.theme-amber .input-field.focus-state:after,
.theme-amber .input-field.not-empty-state:after,
.theme-amber .item-input-field.focus-state:after,
.theme-amber .item-input-field.not-empty-state:after {
  background: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-today span {
  color: #ffc107
}

.theme-amber .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ffc107;
  color: #fff
}

.theme-amber .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-amber .picker-header {
  background-color: #ffc107
}

.theme-amber .modal-button {
  color: #ffc107
}

.theme-amber .timeline-horizontal .timeline-item-date,
.theme-amber .timeline-month-title,
.theme-amber .timeline-year-title,
.timeline-horizontal.theme-amber .timeline-item-date {
  background-color: #ffc107
}

.theme-amber .statusbar-overlay {
  background-color: #ff6f00
}

.data-table.theme-amber .data-table-header-selected,
.theme-amber .data-table .data-table-header-selected {
  background: rgba(255, 193, 7, .1)
}

.data-table.theme-amber .data-table-title-selected,
.theme-amber .data-table .data-table-title-selected {
  color: #ffc107
}

.swiper-pagination.color-amber .swiper-pagination-bullet-active,
.swiper-pagination.color-amber .swiper-pagination-progressbar,
.theme-amber .swiper-pagination .swiper-pagination-bullet-active,
.theme-amber .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ffc107
}

.swiper-pagination.swiper-pagination-progress.bg-amber {
  background-color: rgba(255, 193, 7, .25)
}

.swiper-button-next.color-amber,
.swiper-container-rtl .swiper-button-prev.color-amber,
.theme-amber .swiper-button-next,
.theme-amber .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmZmMxMDcnLz48L3N2Zz4=)
}

.swiper-button-prev.color-amber,
.swiper-container-rtl .swiper-button-next.color-amber,
.theme-amber .swiper-button-prev,
.theme-amber .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmZmMxMDcnLz48L3N2Zz4=)
}

.floating-button.theme-amber,
.speed-dial-buttons a.theme-amber,
.theme-amber .floating-button,
.theme-amber .speed-dial-buttons a {
  color: #fff;
  background: #ffc107
}

.floating-button.theme-amber.active-state,
.speed-dial-buttons a.theme-amber.active-state,
.theme-amber .floating-button.active-state,
.theme-amber .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-amber:active,
html:not(.watch-active-state) .theme-amber .floating-button:active,
html:not(.watch-active-state) .theme-amber .speed-dial-buttons a:active {
  background: #ffa000
}

.floating-button.theme-amber i,
.speed-dial-buttons a.theme-amber i,
.theme-amber .floating-button i,
.theme-amber .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-amber input[type=range]::-webkit-slider-thumb,
.range-slider.theme-amber input[type=range]::-webkit-slider-thumb:before,
.theme-amber .range-slider input[type=range]::-webkit-slider-thumb,
.theme-amber .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-ms-fill-lower,
.range-slider.theme-amber input[type=range]::-ms-thumb,
.theme-amber .range-slider input[type=range]::-ms-fill-lower,
.theme-amber .range-slider input[type=range]::-ms-thumb {
  background-color: #ffc107
}

.range-slider.theme-amber input[type=range]::-moz-range-thumb,
.theme-amber .range-slider input[type=range]::-moz-range-thumb {
  background-color: #ffc107
}

.badge.theme-amber {
  background-color: #ffc107;
  color: #fff
}

.theme-orange .button:not(.button-fill) {
  color: #ff9800
}

.theme-orange.navbar .button:not(.button-fill),
.theme-orange .navbar .button:not(.button-fill),
.theme-orange.subnavbar .button:not(.button-fill),
.theme-orange .subnavbar .button:not(.button-fill),
.theme-orange.toolbar .button:not(.button-fill),
.theme-orange .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-orange .button.button-fill {
  background: #ff9800;
  color: #fff
}

.theme-orange .button.button-fill.active-state,
html:not(.watch-active-state) .theme-orange .button.button-fill:active {
  background: #f57c00
}

.progressbar.theme-orange,
.theme-orange .progressbar {
  background-color: rgba(255, 152, 0, .5)
}

.progressbar.theme-orange span,
.theme-orange .progressbar span {
  background-color: #ff9800
}

.progressbar-infinite.theme-orange,
.theme-orange .progressbar-infinite {
  background-color: rgba(255, 152, 0, .5)
}

.progressbar-infinite.theme-orange:after,
.progressbar-infinite.theme-orange:before,
.theme-orange .progressbar-infinite:after,
.theme-orange .progressbar-infinite:before {
  background-color: #ff9800
}

i.icon-next.color-orange,
i.icon-next.theme-orange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZjk4MDAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-orange,
i.icon-prev.theme-orange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZjk4MDAnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-orange,
i.icon-back.theme-orange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZmY5ODAwJy8+PC9zdmc+)
}

i.icon-forward.color-orange,
i.icon-forward.theme-orange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZmY5ODAwJy8+PC9zdmc+)
}

i.icon-bars.color-orange,
i.icon-bars.theme-orange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZmY5ODAwJy8+PC9zdmc+)
}

.theme-orange .card a,
.theme-orange a {
  color: #ff9800
}

.navbar.theme-orange,
.searchbar.theme-orange,
.subnavbar.theme-orange,
.theme-orange .navbar,
.theme-orange .searchbar,
.theme-orange .subnavbar,
.theme-orange .toolbar,
.toolbar.theme-orange {
  background-color: #ff9800
}

.label-switch.theme-orange input[type=checkbox]:checked+.checkbox,
.theme-orange .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(255, 152, 0, .5)
}

.label-switch.theme-orange input[type=checkbox]:checked+.checkbox:after,
.theme-orange .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #ff9800
}

.theme-orange label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-orange i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-orange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-orange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-orange input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #ff9800;
  background-color: #ff9800
}

.theme-orange label.label-radio i.icon-form-radio:after,
label.label-radio.theme-orange i.icon-form-radio:after {
  background-color: #ff9800
}

.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #ff9800
}

.theme-orange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-orange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-orange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-orange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-orange input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #ff9800
}

.form-checkbox.theme-orange input[type=checkbox]:checked~i,
.theme-orange .form-checkbox input[type=checkbox]:checked~i {
  border-color: #ff9800;
  background-color: #ff9800
}

.form-radio.theme-orange input[type=radio]:checked~i,
.theme-orange .form-radio input[type=radio]:checked~i {
  border-color: #ff9800
}

.form-radio.theme-orange input[type=radio]:checked~i:after,
.theme-orange .form-radio input[type=radio]:checked~i:after {
  background-color: #ff9800
}

.theme-orange .form-checkbox .ripple-wave,
.theme-orange .form-radio .ripple-wave {
  background: rgba(255, 152, 0, .5)
}

.theme-orange .focus-state .floating-label,
.theme-orange .focus-state .label {
  color: #ff9800
}

.theme-orange .input-field.focus-state:after,
.theme-orange .input-field.not-empty-state:after,
.theme-orange .item-input-field.focus-state:after,
.theme-orange .item-input-field.not-empty-state:after {
  background: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-today span {
  color: #ff9800
}

.theme-orange .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ff9800;
  color: #fff
}

.theme-orange .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-orange .picker-header {
  background-color: #ff9800
}

.theme-orange .modal-button {
  color: #ff9800
}

.theme-orange .timeline-horizontal .timeline-item-date,
.theme-orange .timeline-month-title,
.theme-orange .timeline-year-title,
.timeline-horizontal.theme-orange .timeline-item-date {
  background-color: #ff9800
}

.theme-orange .statusbar-overlay {
  background-color: #e65100
}

.data-table.theme-orange .data-table-header-selected,
.theme-orange .data-table .data-table-header-selected {
  background: rgba(255, 152, 0, .1)
}

.data-table.theme-orange .data-table-title-selected,
.theme-orange .data-table .data-table-title-selected {
  color: #ff9800
}

.swiper-pagination.color-orange .swiper-pagination-bullet-active,
.swiper-pagination.color-orange .swiper-pagination-progressbar,
.theme-orange .swiper-pagination .swiper-pagination-bullet-active,
.theme-orange .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ff9800
}

.swiper-pagination.swiper-pagination-progress.bg-orange {
  background-color: rgba(255, 152, 0, .25)
}

.swiper-button-next.color-orange,
.swiper-container-rtl .swiper-button-prev.color-orange,
.theme-orange .swiper-button-next,
.theme-orange .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmZjk4MDAnLz48L3N2Zz4=)
}

.swiper-button-prev.color-orange,
.swiper-container-rtl .swiper-button-next.color-orange,
.theme-orange .swiper-button-prev,
.theme-orange .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmZjk4MDAnLz48L3N2Zz4=)
}

.floating-button.theme-orange,
.speed-dial-buttons a.theme-orange,
.theme-orange .floating-button,
.theme-orange .speed-dial-buttons a {
  color: #fff;
  background: #ff9800
}

.floating-button.theme-orange.active-state,
.speed-dial-buttons a.theme-orange.active-state,
.theme-orange .floating-button.active-state,
.theme-orange .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-orange:active,
html:not(.watch-active-state) .theme-orange .floating-button:active,
html:not(.watch-active-state) .theme-orange .speed-dial-buttons a:active {
  background: #f57c00
}

.floating-button.theme-orange i,
.speed-dial-buttons a.theme-orange i,
.theme-orange .floating-button i,
.theme-orange .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-orange input[type=range]::-webkit-slider-thumb,
.range-slider.theme-orange input[type=range]::-webkit-slider-thumb:before,
.theme-orange .range-slider input[type=range]::-webkit-slider-thumb,
.theme-orange .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-ms-fill-lower,
.range-slider.theme-orange input[type=range]::-ms-thumb,
.theme-orange .range-slider input[type=range]::-ms-fill-lower,
.theme-orange .range-slider input[type=range]::-ms-thumb {
  background-color: #ff9800
}

.range-slider.theme-orange input[type=range]::-moz-range-thumb,
.theme-orange .range-slider input[type=range]::-moz-range-thumb {
  background-color: #ff9800
}

.badge.theme-orange {
  background-color: #ff9800;
  color: #fff
}

.theme-deeporange .button:not(.button-fill) {
  color: #ff5722
}

.theme-deeporange.navbar .button:not(.button-fill),
.theme-deeporange .navbar .button:not(.button-fill),
.theme-deeporange.subnavbar .button:not(.button-fill),
.theme-deeporange .subnavbar .button:not(.button-fill),
.theme-deeporange.toolbar .button:not(.button-fill),
.theme-deeporange .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-deeporange .button.button-fill {
  background: #ff5722;
  color: #fff
}

.theme-deeporange .button.button-fill.active-state,
html:not(.watch-active-state) .theme-deeporange .button.button-fill:active {
  background: #e64a19
}

.progressbar.theme-deeporange,
.theme-deeporange .progressbar {
  background-color: rgba(255, 87, 34, .5)
}

.progressbar.theme-deeporange span,
.theme-deeporange .progressbar span {
  background-color: #ff5722
}

.progressbar-infinite.theme-deeporange,
.theme-deeporange .progressbar-infinite {
  background-color: rgba(255, 87, 34, .5)
}

.progressbar-infinite.theme-deeporange:after,
.progressbar-infinite.theme-deeporange:before,
.theme-deeporange .progressbar-infinite:after,
.theme-deeporange .progressbar-infinite:before {
  background-color: #ff5722
}

i.icon-next.color-deeporange,
i.icon-next.theme-deeporange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZjU3MjInIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-deeporange,
i.icon-prev.theme-deeporange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZjU3MjInIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-deeporange,
i.icon-back.theme-deeporange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZmY1NzIyJy8+PC9zdmc+)
}

i.icon-forward.color-deeporange,
i.icon-forward.theme-deeporange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZmY1NzIyJy8+PC9zdmc+)
}

i.icon-bars.color-deeporange,
i.icon-bars.theme-deeporange {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZmY1NzIyJy8+PC9zdmc+)
}

.theme-deeporange .card a,
.theme-deeporange a {
  color: #ff5722
}

.navbar.theme-deeporange,
.searchbar.theme-deeporange,
.subnavbar.theme-deeporange,
.theme-deeporange .navbar,
.theme-deeporange .searchbar,
.theme-deeporange .subnavbar,
.theme-deeporange .toolbar,
.toolbar.theme-deeporange {
  background-color: #ff5722
}

.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox,
.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(255, 87, 34, .5)
}

.label-switch.theme-deeporange input[type=checkbox]:checked+.checkbox:after,
.theme-deeporange .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #ff5722
}

.theme-deeporange label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-deeporange i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-deeporange label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-deeporange label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #ff5722;
  background-color: #ff5722
}

.theme-deeporange label.label-radio i.icon-form-radio:after,
label.label-radio.theme-deeporange i.icon-form-radio:after {
  background-color: #ff5722
}

.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #ff5722
}

.theme-deeporange label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-deeporange label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-deeporange input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #ff5722
}

.form-checkbox.theme-deeporange input[type=checkbox]:checked~i,
.theme-deeporange .form-checkbox input[type=checkbox]:checked~i {
  border-color: #ff5722;
  background-color: #ff5722
}

.form-radio.theme-deeporange input[type=radio]:checked~i,
.theme-deeporange .form-radio input[type=radio]:checked~i {
  border-color: #ff5722
}

.form-radio.theme-deeporange input[type=radio]:checked~i:after,
.theme-deeporange .form-radio input[type=radio]:checked~i:after {
  background-color: #ff5722
}

.theme-deeporange .form-checkbox .ripple-wave,
.theme-deeporange .form-radio .ripple-wave {
  background: rgba(255, 87, 34, .5)
}

.theme-deeporange .focus-state .floating-label,
.theme-deeporange .focus-state .label {
  color: #ff5722
}

.theme-deeporange .input-field.focus-state:after,
.theme-deeporange .input-field.not-empty-state:after,
.theme-deeporange .item-input-field.focus-state:after,
.theme-deeporange .item-input-field.not-empty-state:after {
  background: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-today span {
  color: #ff5722
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #ff5722;
  color: #fff
}

.theme-deeporange .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-deeporange .picker-header {
  background-color: #ff5722
}

.theme-deeporange .modal-button {
  color: #ff5722
}

.theme-deeporange .timeline-horizontal .timeline-item-date,
.theme-deeporange .timeline-month-title,
.theme-deeporange .timeline-year-title,
.timeline-horizontal.theme-deeporange .timeline-item-date {
  background-color: #ff5722
}

.theme-deeporange .statusbar-overlay {
  background-color: #bf360c
}

.data-table.theme-deeporange .data-table-header-selected,
.theme-deeporange .data-table .data-table-header-selected {
  background: rgba(255, 87, 34, .1)
}

.data-table.theme-deeporange .data-table-title-selected,
.theme-deeporange .data-table .data-table-title-selected {
  color: #ff5722
}

.swiper-pagination.color-deeporange .swiper-pagination-bullet-active,
.swiper-pagination.color-deeporange .swiper-pagination-progressbar,
.theme-deeporange .swiper-pagination .swiper-pagination-bullet-active,
.theme-deeporange .swiper-pagination .swiper-pagination-progressbar {
  background-color: #ff5722
}

.swiper-pagination.swiper-pagination-progress.bg-deeporange {
  background-color: rgba(255, 87, 34, .25)
}

.swiper-button-next.color-deeporange,
.swiper-container-rtl .swiper-button-prev.color-deeporange,
.theme-deeporange .swiper-button-next,
.theme-deeporange .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmZjU3MjInLz48L3N2Zz4=)
}

.swiper-button-prev.color-deeporange,
.swiper-container-rtl .swiper-button-next.color-deeporange,
.theme-deeporange .swiper-button-prev,
.theme-deeporange .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmZjU3MjInLz48L3N2Zz4=)
}

.floating-button.theme-deeporange,
.speed-dial-buttons a.theme-deeporange,
.theme-deeporange .floating-button,
.theme-deeporange .speed-dial-buttons a {
  color: #fff;
  background: #ff5722
}

.floating-button.theme-deeporange.active-state,
.speed-dial-buttons a.theme-deeporange.active-state,
.theme-deeporange .floating-button.active-state,
.theme-deeporange .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-deeporange:active,
html:not(.watch-active-state) .theme-deeporange .floating-button:active,
html:not(.watch-active-state) .theme-deeporange .speed-dial-buttons a:active {
  background: #e64a19
}

.floating-button.theme-deeporange i,
.speed-dial-buttons a.theme-deeporange i,
.theme-deeporange .floating-button i,
.theme-deeporange .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb,
.range-slider.theme-deeporange input[type=range]::-webkit-slider-thumb:before,
.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb,
.theme-deeporange .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-ms-fill-lower,
.range-slider.theme-deeporange input[type=range]::-ms-thumb,
.theme-deeporange .range-slider input[type=range]::-ms-fill-lower,
.theme-deeporange .range-slider input[type=range]::-ms-thumb {
  background-color: #ff5722
}

.range-slider.theme-deeporange input[type=range]::-moz-range-thumb,
.theme-deeporange .range-slider input[type=range]::-moz-range-thumb {
  background-color: #ff5722
}

.badge.theme-deeporange {
  background-color: #ff5722;
  color: #fff
}

.theme-brown .button:not(.button-fill) {
  color: #795548
}

.theme-brown.navbar .button:not(.button-fill),
.theme-brown .navbar .button:not(.button-fill),
.theme-brown.subnavbar .button:not(.button-fill),
.theme-brown .subnavbar .button:not(.button-fill),
.theme-brown.toolbar .button:not(.button-fill),
.theme-brown .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-brown .button.button-fill {
  background: #795548;
  color: #fff
}

.theme-brown .button.button-fill.active-state,
html:not(.watch-active-state) .theme-brown .button.button-fill:active {
  background: #5d4037
}

.progressbar.theme-brown,
.theme-brown .progressbar {
  background-color: rgba(121, 85, 72, .5)
}

.progressbar.theme-brown span,
.theme-brown .progressbar span {
  background-color: #795548
}

.progressbar-infinite.theme-brown,
.theme-brown .progressbar-infinite {
  background-color: rgba(121, 85, 72, .5)
}

.progressbar-infinite.theme-brown:after,
.progressbar-infinite.theme-brown:before,
.theme-brown .progressbar-infinite:after,
.theme-brown .progressbar-infinite:before {
  background-color: #795548
}

i.icon-next.color-brown,
i.icon-next.theme-brown {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM3OTU1NDgnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-brown,
i.icon-prev.theme-brown {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM3OTU1NDgnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-brown,
i.icon-back.theme-brown {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjNzk1NTQ4Jy8+PC9zdmc+)
}

i.icon-forward.color-brown,
i.icon-forward.theme-brown {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjNzk1NTQ4Jy8+PC9zdmc+)
}

i.icon-bars.color-brown,
i.icon-bars.theme-brown {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjNzk1NTQ4Jy8+PC9zdmc+)
}

.theme-brown .card a,
.theme-brown a {
  color: #795548
}

.navbar.theme-brown,
.searchbar.theme-brown,
.subnavbar.theme-brown,
.theme-brown .navbar,
.theme-brown .searchbar,
.theme-brown .subnavbar,
.theme-brown .toolbar,
.toolbar.theme-brown {
  background-color: #795548
}

.label-switch.theme-brown input[type=checkbox]:checked+.checkbox,
.theme-brown .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(121, 85, 72, .5)
}

.label-switch.theme-brown input[type=checkbox]:checked+.checkbox:after,
.theme-brown .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #795548
}

.theme-brown label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-brown i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-brown label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-brown label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-brown input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #795548;
  background-color: #795548
}

.theme-brown label.label-radio i.icon-form-radio:after,
label.label-radio.theme-brown i.icon-form-radio:after {
  background-color: #795548
}

.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #795548
}

.theme-brown label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-brown label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-brown label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-brown input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-brown input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #795548
}

.form-checkbox.theme-brown input[type=checkbox]:checked~i,
.theme-brown .form-checkbox input[type=checkbox]:checked~i {
  border-color: #795548;
  background-color: #795548
}

.form-radio.theme-brown input[type=radio]:checked~i,
.theme-brown .form-radio input[type=radio]:checked~i {
  border-color: #795548
}

.form-radio.theme-brown input[type=radio]:checked~i:after,
.theme-brown .form-radio input[type=radio]:checked~i:after {
  background-color: #795548
}

.theme-brown .form-checkbox .ripple-wave,
.theme-brown .form-radio .ripple-wave {
  background: rgba(121, 85, 72, .5)
}

.theme-brown .focus-state .floating-label,
.theme-brown .focus-state .label {
  color: #795548
}

.theme-brown .input-field.focus-state:after,
.theme-brown .input-field.not-empty-state:after,
.theme-brown .item-input-field.focus-state:after,
.theme-brown .item-input-field.not-empty-state:after {
  background: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-today span {
  color: #795548
}

.theme-brown .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #795548;
  color: #fff
}

.theme-brown .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-brown .picker-header {
  background-color: #795548
}

.theme-brown .modal-button {
  color: #795548
}

.theme-brown .timeline-horizontal .timeline-item-date,
.theme-brown .timeline-month-title,
.theme-brown .timeline-year-title,
.timeline-horizontal.theme-brown .timeline-item-date {
  background-color: #795548
}

.theme-brown .statusbar-overlay {
  background-color: #3e2723
}

.data-table.theme-brown .data-table-header-selected,
.theme-brown .data-table .data-table-header-selected {
  background: rgba(121, 85, 72, .1)
}

.data-table.theme-brown .data-table-title-selected,
.theme-brown .data-table .data-table-title-selected {
  color: #795548
}

.swiper-pagination.color-brown .swiper-pagination-bullet-active,
.swiper-pagination.color-brown .swiper-pagination-progressbar,
.theme-brown .swiper-pagination .swiper-pagination-bullet-active,
.theme-brown .swiper-pagination .swiper-pagination-progressbar {
  background-color: #795548
}

.swiper-pagination.swiper-pagination-progress.bg-brown {
  background-color: rgba(121, 85, 72, .25)
}

.swiper-button-next.color-brown,
.swiper-container-rtl .swiper-button-prev.color-brown,
.theme-brown .swiper-button-next,
.theme-brown .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM3OTU1NDgnLz48L3N2Zz4=)
}

.swiper-button-prev.color-brown,
.swiper-container-rtl .swiper-button-next.color-brown,
.theme-brown .swiper-button-prev,
.theme-brown .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM3OTU1NDgnLz48L3N2Zz4=)
}

.floating-button.theme-brown,
.speed-dial-buttons a.theme-brown,
.theme-brown .floating-button,
.theme-brown .speed-dial-buttons a {
  color: #fff;
  background: #795548
}

.floating-button.theme-brown.active-state,
.speed-dial-buttons a.theme-brown.active-state,
.theme-brown .floating-button.active-state,
.theme-brown .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-brown:active,
html:not(.watch-active-state) .theme-brown .floating-button:active,
html:not(.watch-active-state) .theme-brown .speed-dial-buttons a:active {
  background: #5d4037
}

.floating-button.theme-brown i,
.speed-dial-buttons a.theme-brown i,
.theme-brown .floating-button i,
.theme-brown .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-brown input[type=range]::-webkit-slider-thumb,
.range-slider.theme-brown input[type=range]::-webkit-slider-thumb:before,
.theme-brown .range-slider input[type=range]::-webkit-slider-thumb,
.theme-brown .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #795548
}

.range-slider.theme-brown input[type=range]::-ms-fill-lower,
.range-slider.theme-brown input[type=range]::-ms-thumb,
.theme-brown .range-slider input[type=range]::-ms-fill-lower,
.theme-brown .range-slider input[type=range]::-ms-thumb {
  background-color: #795548
}

.range-slider.theme-brown input[type=range]::-moz-range-thumb,
.theme-brown .range-slider input[type=range]::-moz-range-thumb {
  background-color: #795548
}

.badge.theme-brown {
  background-color: #795548;
  color: #fff
}

.theme-gray .button:not(.button-fill) {
  color: #9e9e9e
}

.theme-gray.navbar .button:not(.button-fill),
.theme-gray .navbar .button:not(.button-fill),
.theme-gray.subnavbar .button:not(.button-fill),
.theme-gray .subnavbar .button:not(.button-fill),
.theme-gray.toolbar .button:not(.button-fill),
.theme-gray .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-gray .button.button-fill {
  background: #9e9e9e;
  color: #fff
}

.theme-gray .button.button-fill.active-state,
html:not(.watch-active-state) .theme-gray .button.button-fill:active {
  background: #616161
}

.progressbar.theme-gray,
.theme-gray .progressbar {
  background-color: hsla(0, 0%, 62%, .5)
}

.progressbar.theme-gray span,
.theme-gray .progressbar span {
  background-color: #9e9e9e
}

.progressbar-infinite.theme-gray,
.theme-gray .progressbar-infinite {
  background-color: hsla(0, 0%, 62%, .5)
}

.progressbar-infinite.theme-gray:after,
.progressbar-infinite.theme-gray:before,
.theme-gray .progressbar-infinite:after,
.theme-gray .progressbar-infinite:before {
  background-color: #9e9e9e
}

i.icon-next.color-gray,
i.icon-next.theme-gray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM5ZTllOWUnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-gray,
i.icon-prev.theme-gray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM5ZTllOWUnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-gray,
i.icon-back.theme-gray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjOWU5ZTllJy8+PC9zdmc+)
}

i.icon-forward.color-gray,
i.icon-forward.theme-gray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjOWU5ZTllJy8+PC9zdmc+)
}

i.icon-bars.color-gray,
i.icon-bars.theme-gray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjOWU5ZTllJy8+PC9zdmc+)
}

.theme-gray .card a,
.theme-gray a {
  color: #9e9e9e
}

.navbar.theme-gray,
.searchbar.theme-gray,
.subnavbar.theme-gray,
.theme-gray .navbar,
.theme-gray .searchbar,
.theme-gray .subnavbar,
.theme-gray .toolbar,
.toolbar.theme-gray {
  background-color: #9e9e9e
}

.label-switch.theme-gray input[type=checkbox]:checked+.checkbox,
.theme-gray .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: hsla(0, 0%, 62%, .5)
}

.label-switch.theme-gray input[type=checkbox]:checked+.checkbox:after,
.theme-gray .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #9e9e9e
}

.theme-gray label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-gray i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-gray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-gray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-gray input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #9e9e9e;
  background-color: #9e9e9e
}

.theme-gray label.label-radio i.icon-form-radio:after,
label.label-radio.theme-gray i.icon-form-radio:after {
  background-color: #9e9e9e
}

.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #9e9e9e
}

.theme-gray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-gray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-gray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-gray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-gray input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #9e9e9e
}

.form-checkbox.theme-gray input[type=checkbox]:checked~i,
.theme-gray .form-checkbox input[type=checkbox]:checked~i {
  border-color: #9e9e9e;
  background-color: #9e9e9e
}

.form-radio.theme-gray input[type=radio]:checked~i,
.theme-gray .form-radio input[type=radio]:checked~i {
  border-color: #9e9e9e
}

.form-radio.theme-gray input[type=radio]:checked~i:after,
.theme-gray .form-radio input[type=radio]:checked~i:after {
  background-color: #9e9e9e
}

.theme-gray .form-checkbox .ripple-wave,
.theme-gray .form-radio .ripple-wave {
  background: hsla(0, 0%, 62%, .5)
}

.theme-gray .focus-state .floating-label,
.theme-gray .focus-state .label {
  color: #9e9e9e
}

.theme-gray .input-field.focus-state:after,
.theme-gray .input-field.not-empty-state:after,
.theme-gray .item-input-field.focus-state:after,
.theme-gray .item-input-field.not-empty-state:after {
  background: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-today span {
  color: #9e9e9e
}

.theme-gray .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #9e9e9e;
  color: #fff
}

.theme-gray .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-gray .picker-header {
  background-color: #9e9e9e
}

.theme-gray .modal-button {
  color: #9e9e9e
}

.theme-gray .timeline-horizontal .timeline-item-date,
.theme-gray .timeline-month-title,
.theme-gray .timeline-year-title,
.timeline-horizontal.theme-gray .timeline-item-date {
  background-color: #9e9e9e
}

.theme-gray .statusbar-overlay {
  background-color: #212121
}

.data-table.theme-gray .data-table-header-selected,
.theme-gray .data-table .data-table-header-selected {
  background: hsla(0, 0%, 62%, .1)
}

.data-table.theme-gray .data-table-title-selected,
.theme-gray .data-table .data-table-title-selected {
  color: #9e9e9e
}

.swiper-pagination.color-gray .swiper-pagination-bullet-active,
.swiper-pagination.color-gray .swiper-pagination-progressbar,
.theme-gray .swiper-pagination .swiper-pagination-bullet-active,
.theme-gray .swiper-pagination .swiper-pagination-progressbar {
  background-color: #9e9e9e
}

.swiper-pagination.swiper-pagination-progress.bg-gray {
  background-color: hsla(0, 0%, 62%, .25)
}

.swiper-button-next.color-gray,
.swiper-container-rtl .swiper-button-prev.color-gray,
.theme-gray .swiper-button-next,
.theme-gray .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM5ZTllOWUnLz48L3N2Zz4=)
}

.swiper-button-prev.color-gray,
.swiper-container-rtl .swiper-button-next.color-gray,
.theme-gray .swiper-button-prev,
.theme-gray .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM5ZTllOWUnLz48L3N2Zz4=)
}

.floating-button.theme-gray,
.speed-dial-buttons a.theme-gray,
.theme-gray .floating-button,
.theme-gray .speed-dial-buttons a {
  color: #fff;
  background: #9e9e9e
}

.floating-button.theme-gray.active-state,
.speed-dial-buttons a.theme-gray.active-state,
.theme-gray .floating-button.active-state,
.theme-gray .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-gray:active,
html:not(.watch-active-state) .theme-gray .floating-button:active,
html:not(.watch-active-state) .theme-gray .speed-dial-buttons a:active {
  background: #616161
}

.floating-button.theme-gray i,
.speed-dial-buttons a.theme-gray i,
.theme-gray .floating-button i,
.theme-gray .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-gray input[type=range]::-webkit-slider-thumb,
.range-slider.theme-gray input[type=range]::-webkit-slider-thumb:before,
.theme-gray .range-slider input[type=range]::-webkit-slider-thumb,
.theme-gray .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-ms-fill-lower,
.range-slider.theme-gray input[type=range]::-ms-thumb,
.theme-gray .range-slider input[type=range]::-ms-fill-lower,
.theme-gray .range-slider input[type=range]::-ms-thumb {
  background-color: #9e9e9e
}

.range-slider.theme-gray input[type=range]::-moz-range-thumb,
.theme-gray .range-slider input[type=range]::-moz-range-thumb {
  background-color: #9e9e9e
}

.badge.theme-gray {
  background-color: #9e9e9e;
  color: #fff
}

.theme-bluegray .button:not(.button-fill) {
  color: #607d8b
}

.theme-bluegray.navbar .button:not(.button-fill),
.theme-bluegray .navbar .button:not(.button-fill),
.theme-bluegray.subnavbar .button:not(.button-fill),
.theme-bluegray .subnavbar .button:not(.button-fill),
.theme-bluegray.toolbar .button:not(.button-fill),
.theme-bluegray .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-bluegray .button.button-fill {
  background: #607d8b;
  color: #fff
}

.theme-bluegray .button.button-fill.active-state,
html:not(.watch-active-state) .theme-bluegray .button.button-fill:active {
  background: #455a64
}

.progressbar.theme-bluegray,
.theme-bluegray .progressbar {
  background-color: rgba(96, 125, 139, .5)
}

.progressbar.theme-bluegray span,
.theme-bluegray .progressbar span {
  background-color: #607d8b
}

.progressbar-infinite.theme-bluegray,
.theme-bluegray .progressbar-infinite {
  background-color: rgba(96, 125, 139, .5)
}

.progressbar-infinite.theme-bluegray:after,
.progressbar-infinite.theme-bluegray:before,
.theme-bluegray .progressbar-infinite:after,
.theme-bluegray .progressbar-infinite:before {
  background-color: #607d8b
}

i.icon-next.color-bluegray,
i.icon-next.theme-bluegray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM2MDdkOGInIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-bluegray,
i.icon-prev.theme-bluegray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyM2MDdkOGInIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-bluegray,
i.icon-back.theme-bluegray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjNjA3ZDhiJy8+PC9zdmc+)
}

i.icon-forward.color-bluegray,
i.icon-forward.theme-bluegray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjNjA3ZDhiJy8+PC9zdmc+)
}

i.icon-bars.color-bluegray,
i.icon-bars.theme-bluegray {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjNjA3ZDhiJy8+PC9zdmc+)
}

.theme-bluegray .card a,
.theme-bluegray a {
  color: #607d8b
}

.navbar.theme-bluegray,
.searchbar.theme-bluegray,
.subnavbar.theme-bluegray,
.theme-bluegray .navbar,
.theme-bluegray .searchbar,
.theme-bluegray .subnavbar,
.theme-bluegray .toolbar,
.toolbar.theme-bluegray {
  background-color: #607d8b
}

.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox,
.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(96, 125, 139, .5)
}

.label-switch.theme-bluegray input[type=checkbox]:checked+.checkbox:after,
.theme-bluegray .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #607d8b
}

.theme-bluegray label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-bluegray i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-bluegray label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-bluegray label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #607d8b;
  background-color: #607d8b
}

.theme-bluegray label.label-radio i.icon-form-radio:after,
label.label-radio.theme-bluegray i.icon-form-radio:after {
  background-color: #607d8b
}

.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #607d8b
}

.theme-bluegray label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-bluegray label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-bluegray input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #607d8b
}

.form-checkbox.theme-bluegray input[type=checkbox]:checked~i,
.theme-bluegray .form-checkbox input[type=checkbox]:checked~i {
  border-color: #607d8b;
  background-color: #607d8b
}

.form-radio.theme-bluegray input[type=radio]:checked~i,
.theme-bluegray .form-radio input[type=radio]:checked~i {
  border-color: #607d8b
}

.form-radio.theme-bluegray input[type=radio]:checked~i:after,
.theme-bluegray .form-radio input[type=radio]:checked~i:after {
  background-color: #607d8b
}

.theme-bluegray .form-checkbox .ripple-wave,
.theme-bluegray .form-radio .ripple-wave {
  background: rgba(96, 125, 139, .5)
}

.theme-bluegray .focus-state .floating-label,
.theme-bluegray .focus-state .label {
  color: #607d8b
}

.theme-bluegray .input-field.focus-state:after,
.theme-bluegray .input-field.not-empty-state:after,
.theme-bluegray .item-input-field.focus-state:after,
.theme-bluegray .item-input-field.not-empty-state:after {
  background: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-today span {
  color: #607d8b
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #607d8b;
  color: #fff
}

.theme-bluegray .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-bluegray .picker-header {
  background-color: #607d8b
}

.theme-bluegray .modal-button {
  color: #607d8b
}

.theme-bluegray .timeline-horizontal .timeline-item-date,
.theme-bluegray .timeline-month-title,
.theme-bluegray .timeline-year-title,
.timeline-horizontal.theme-bluegray .timeline-item-date {
  background-color: #607d8b
}

.theme-bluegray .statusbar-overlay {
  background-color: #263238
}

.data-table.theme-bluegray .data-table-header-selected,
.theme-bluegray .data-table .data-table-header-selected {
  background: rgba(96, 125, 139, .1)
}

.data-table.theme-bluegray .data-table-title-selected,
.theme-bluegray .data-table .data-table-title-selected {
  color: #607d8b
}

.swiper-pagination.color-bluegray .swiper-pagination-bullet-active,
.swiper-pagination.color-bluegray .swiper-pagination-progressbar,
.theme-bluegray .swiper-pagination .swiper-pagination-bullet-active,
.theme-bluegray .swiper-pagination .swiper-pagination-progressbar {
  background-color: #607d8b
}

.swiper-pagination.swiper-pagination-progress.bg-bluegray {
  background-color: rgba(96, 125, 139, .25)
}

.swiper-button-next.color-bluegray,
.swiper-container-rtl .swiper-button-prev.color-bluegray,
.theme-bluegray .swiper-button-next,
.theme-bluegray .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyM2MDdkOGInLz48L3N2Zz4=)
}

.swiper-button-prev.color-bluegray,
.swiper-container-rtl .swiper-button-next.color-bluegray,
.theme-bluegray .swiper-button-prev,
.theme-bluegray .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyM2MDdkOGInLz48L3N2Zz4=)
}

.floating-button.theme-bluegray,
.speed-dial-buttons a.theme-bluegray,
.theme-bluegray .floating-button,
.theme-bluegray .speed-dial-buttons a {
  color: #fff;
  background: #607d8b
}

.floating-button.theme-bluegray.active-state,
.speed-dial-buttons a.theme-bluegray.active-state,
.theme-bluegray .floating-button.active-state,
.theme-bluegray .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-bluegray:active,
html:not(.watch-active-state) .theme-bluegray .floating-button:active,
html:not(.watch-active-state) .theme-bluegray .speed-dial-buttons a:active {
  background: #455a64
}

.floating-button.theme-bluegray i,
.speed-dial-buttons a.theme-bluegray i,
.theme-bluegray .floating-button i,
.theme-bluegray .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb,
.range-slider.theme-bluegray input[type=range]::-webkit-slider-thumb:before,
.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb,
.theme-bluegray .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-ms-fill-lower,
.range-slider.theme-bluegray input[type=range]::-ms-thumb,
.theme-bluegray .range-slider input[type=range]::-ms-fill-lower,
.theme-bluegray .range-slider input[type=range]::-ms-thumb {
  background-color: #607d8b
}

.range-slider.theme-bluegray input[type=range]::-moz-range-thumb,
.theme-bluegray .range-slider input[type=range]::-moz-range-thumb {
  background-color: #607d8b
}

.badge.theme-bluegray {
  background-color: #607d8b;
  color: #fff
}

.theme-white .button:not(.button-fill),
.theme-white.navbar .button:not(.button-fill),
.theme-white .navbar .button:not(.button-fill),
.theme-white.subnavbar .button:not(.button-fill),
.theme-white .subnavbar .button:not(.button-fill),
.theme-white.toolbar .button:not(.button-fill),
.theme-white .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-white .button.button-fill {
  background: #fff;
  color: #fff
}

.theme-white .button.button-fill.active-state,
html:not(.watch-active-state) .theme-white .button.button-fill:active {
  background: rgba(0, 0, 0, .1)
}

.progressbar.theme-white,
.theme-white .progressbar {
  background-color: hsla(0, 0%, 100%, .5)
}

.progressbar.theme-white span,
.theme-white .progressbar span {
  background-color: #fff
}

.progressbar-infinite.theme-white,
.theme-white .progressbar-infinite {
  background-color: hsla(0, 0%, 100%, .5)
}

.progressbar-infinite.theme-white:after,
.progressbar-infinite.theme-white:before,
.theme-white .progressbar-infinite:after,
.theme-white .progressbar-infinite:before {
  background-color: #fff
}

i.icon-next.color-white,
i.icon-next.theme-white {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-white,
i.icon-prev.theme-white {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-white,
i.icon-back.theme-white {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6JyBmaWxsPScjZmZmJy8+PC9zdmc+)
}

i.icon-forward.color-white,
i.icon-forward.theme-white {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6JyBmaWxsPScjZmZmJy8+PC9zdmc+)
}

i.icon-bars.color-white,
i.icon-bars.theme-white {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6JyBmaWxsPScjZmZmJy8+PC9zdmc+)
}

.theme-white .card a,
.theme-white a {
  color: #fff
}

.navbar.theme-white,
.searchbar.theme-white,
.subnavbar.theme-white,
.theme-white .navbar,
.theme-white .searchbar,
.theme-white .subnavbar,
.theme-white .toolbar,
.toolbar.theme-white {
  background-color: #fff
}

.label-switch.theme-white input[type=checkbox]:checked+.checkbox,
.theme-white .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: hsla(0, 0%, 100%, .5)
}

.label-switch.theme-white input[type=checkbox]:checked+.checkbox:after,
.theme-white .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #fff
}

.theme-white label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-white i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-white label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-white label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-white input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #fff;
  background-color: #fff
}

.theme-white label.label-radio i.icon-form-radio:after,
label.label-radio.theme-white i.icon-form-radio:after {
  background-color: #fff
}

.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #fff
}

.theme-white label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-white label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-white label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-white label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-white input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-white input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #fff
}

.form-checkbox.theme-white input[type=checkbox]:checked~i,
.theme-white .form-checkbox input[type=checkbox]:checked~i {
  border-color: #fff;
  background-color: #fff
}

.form-radio.theme-white input[type=radio]:checked~i,
.theme-white .form-radio input[type=radio]:checked~i {
  border-color: #fff
}

.form-radio.theme-white input[type=radio]:checked~i:after,
.theme-white .form-radio input[type=radio]:checked~i:after {
  background-color: #fff
}

.theme-white .form-checkbox .ripple-wave,
.theme-white .form-radio .ripple-wave {
  background: hsla(0, 0%, 100%, .5)
}

.theme-white .focus-state .floating-label,
.theme-white .focus-state .label {
  color: #fff
}

.theme-white .input-field.focus-state:after,
.theme-white .input-field.not-empty-state:after,
.theme-white .item-input-field.focus-state:after,
.theme-white .item-input-field.not-empty-state:after {
  background: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-today span {
  color: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #fff;
  color: #fff
}

.theme-white .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-white .picker-header {
  background-color: #fff
}

.theme-white .modal-button {
  color: #fff
}

.theme-white .statusbar-overlay,
.theme-white .timeline-horizontal .timeline-item-date,
.theme-white .timeline-month-title,
.theme-white .timeline-year-title,
.timeline-horizontal.theme-white .timeline-item-date {
  background-color: #fff
}

.data-table.theme-white .data-table-header-selected,
.theme-white .data-table .data-table-header-selected {
  background: hsla(0, 0%, 100%, .1)
}

.data-table.theme-white .data-table-title-selected,
.theme-white .data-table .data-table-title-selected {
  color: #fff
}

.swiper-pagination.color-white .swiper-pagination-bullet-active,
.swiper-pagination.color-white .swiper-pagination-progressbar,
.theme-white .swiper-pagination .swiper-pagination-bullet-active,
.theme-white .swiper-pagination .swiper-pagination-progressbar {
  background-color: #fff
}

.swiper-pagination.swiper-pagination-progress.bg-white {
  background-color: hsla(0, 0%, 100%, .25)
}

.swiper-button-next.color-white,
.swiper-container-rtl .swiper-button-prev.color-white,
.theme-white .swiper-button-next,
.theme-white .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyNmZmYnLz48L3N2Zz4=)
}

.swiper-button-prev.color-white,
.swiper-container-rtl .swiper-button-next.color-white,
.theme-white .swiper-button-prev,
.theme-white .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyNmZmYnLz48L3N2Zz4=)
}

.floating-button.theme-white,
.speed-dial-buttons a.theme-white,
.theme-white .floating-button,
.theme-white .speed-dial-buttons a {
  color: #fff;
  background: #fff
}

.floating-button.theme-white.active-state,
.speed-dial-buttons a.theme-white.active-state,
.theme-white .floating-button.active-state,
.theme-white .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-white:active,
html:not(.watch-active-state) .theme-white .floating-button:active,
html:not(.watch-active-state) .theme-white .speed-dial-buttons a:active {
  background: rgba(0, 0, 0, .1)
}

.floating-button.theme-white i,
.speed-dial-buttons a.theme-white i,
.theme-white .floating-button i,
.theme-white .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-white input[type=range]::-webkit-slider-thumb,
.range-slider.theme-white input[type=range]::-webkit-slider-thumb:before,
.theme-white .range-slider input[type=range]::-webkit-slider-thumb,
.theme-white .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #fff
}

.range-slider.theme-white input[type=range]::-ms-fill-lower,
.range-slider.theme-white input[type=range]::-ms-thumb,
.theme-white .range-slider input[type=range]::-ms-fill-lower,
.theme-white .range-slider input[type=range]::-ms-thumb {
  background-color: #fff
}

.range-slider.theme-white input[type=range]::-moz-range-thumb,
.theme-white .range-slider input[type=range]::-moz-range-thumb {
  background-color: #fff
}

.badge.theme-white {
  background-color: #fff;
  color: #fff
}

.theme-black .button:not(.button-fill) {
  color: #000
}

.theme-black.navbar .button:not(.button-fill),
.theme-black .navbar .button:not(.button-fill),
.theme-black.subnavbar .button:not(.button-fill),
.theme-black .subnavbar .button:not(.button-fill),
.theme-black.toolbar .button:not(.button-fill),
.theme-black .toolbar .button:not(.button-fill) {
  color: #fff
}

.theme-black .button.button-fill {
  background: #000;
  color: #fff
}

.theme-black .button.button-fill.active-state,
html:not(.watch-active-state) .theme-black .button.button-fill:active {
  background: #333
}

.progressbar.theme-black,
.theme-black .progressbar {
  background-color: rgba(0, 0, 0, .5)
}

.progressbar.theme-black span,
.theme-black .progressbar span {
  background-color: #000
}

.progressbar-infinite.theme-black,
.theme-black .progressbar-infinite {
  background-color: rgba(0, 0, 0, .5)
}

.progressbar-infinite.theme-black:after,
.progressbar-infinite.theme-black:before,
.theme-black .progressbar-infinite:after,
.theme-black .progressbar-infinite:before {
  background-color: #000
}

i.icon-next.color-black,
i.icon-next.theme-black {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eicvPjxwYXRoIGQ9J00wIDBoMjR2MjRIMHonIGZpbGw9J25vbmUnLz48L3N2Zz4=)
}

i.icon-prev.color-black,
i.icon-prev.theme-black {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTE1LjQxIDcuNDFMMTQgNmwtNiA2IDYgNiAxLjQxLTEuNDFMMTAuODMgMTJ6Jy8+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjwvc3ZnPg==)
}

i.icon-back.color-black,
i.icon-back.theme-black {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTIwIDExSDcuODNsNS41OS01LjU5TDEyIDRsLTggOCA4IDggMS40MS0xLjQxTDcuODMgMTNIMjB2LTJ6Jy8+PC9zdmc+)
}

i.icon-forward.color-black,
i.icon-forward.theme-black {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTEyIDRsLTEuNDEgMS40MUwxNi4xNyAxMUg0djJoMTIuMTdsLTUuNTggNS41OUwxMiAyMGw4LTh6Jy8+PC9zdmc+)
}

i.icon-bars.color-black,
i.icon-bars.theme-black {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTMgMThoMTh2LTJIM3Yyem0wLTVoMTh2LTJIM3Yyem0wLTd2MmgxOFY2SDN6Jy8+PC9zdmc+)
}

.theme-black .card a,
.theme-black a {
  color: #000
}

.navbar.theme-black,
.searchbar.theme-black,
.subnavbar.theme-black,
.theme-black .navbar,
.theme-black .searchbar,
.theme-black .subnavbar,
.theme-black .toolbar,
.toolbar.theme-black {
  background-color: #000
}

.label-switch.theme-black input[type=checkbox]:checked+.checkbox,
.theme-black .label-switch input[type=checkbox]:checked+.checkbox {
  background-color: rgba(0, 0, 0, .5)
}

.label-switch.theme-black input[type=checkbox]:checked+.checkbox:after,
.theme-black .label-switch input[type=checkbox]:checked+.checkbox:after {
  background-color: #000
}

.theme-black label.label-checkbox i.icon-form-checkbox:after,
label.label-checkbox.theme-black i.icon-form-checkbox:after {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyNmZmYnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCc+PHBhdGggZD0nTTkgMTYuMTdMNC44MyAxMmwtMS40MiAxLjQxTDkgMTkgMjEgN2wtMS40MS0xLjQxeicvPjwvc3ZnPg==)
}

.theme-black label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked~.item-after i.icon-form-checkbox,
.theme-black label.label-checkbox input[type=radio]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked+.item-media i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked~.item-after i.icon-form-checkbox,
label.label-checkbox.theme-black input[type=radio]:checked~.item-inner i.icon-form-checkbox {
  border-color: #000;
  background-color: #000
}

.theme-black label.label-radio i.icon-form-radio:after,
label.label-radio.theme-black i.icon-form-radio:after {
  background-color: #000
}

.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio,
.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio,
.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio,
.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio,
label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio {
  border-color: #000
}

.theme-black label.label-radio input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
.theme-black label.label-radio input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
.theme-black label.label-radio input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked+.item-media i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked~.item-after i.icon-form-radio:after,
.theme-black label.label-radio input[type=radio]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-black input[type=checkbox]:checked~.item-inner i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked+.item-media i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked~.item-after i.icon-form-radio:after,
label.label-radio.theme-black input[type=radio]:checked~.item-inner i.icon-form-radio:after {
  background-color: #000
}

.form-checkbox.theme-black input[type=checkbox]:checked~i,
.theme-black .form-checkbox input[type=checkbox]:checked~i {
  border-color: #000;
  background-color: #000
}

.form-radio.theme-black input[type=radio]:checked~i,
.theme-black .form-radio input[type=radio]:checked~i {
  border-color: #000
}

.form-radio.theme-black input[type=radio]:checked~i:after,
.theme-black .form-radio input[type=radio]:checked~i:after {
  background-color: #000
}

.theme-black .form-checkbox .ripple-wave,
.theme-black .form-radio .ripple-wave {
  background: rgba(0, 0, 0, .5)
}

.theme-black .focus-state .floating-label,
.theme-black .focus-state .label {
  color: #000
}

.theme-black .input-field.focus-state:after,
.theme-black .input-field.not-empty-state:after,
.theme-black .item-input-field.focus-state:after,
.theme-black .item-input-field.not-empty-state:after {
  background: #000
}

.theme-black .picker-calendar-day.picker-calendar-day-today span {
  color: #000
}

.theme-black .picker-calendar-day.picker-calendar-day-selected span {
  background-color: #000;
  color: #fff
}

.theme-black .picker-calendar-day.picker-calendar-day-has-events span:after,
.theme-black .picker-header {
  background-color: #000
}

.theme-black .modal-button {
  color: #000
}

.theme-black .statusbar-overlay,
.theme-black .timeline-horizontal .timeline-item-date,
.theme-black .timeline-month-title,
.theme-black .timeline-year-title,
.timeline-horizontal.theme-black .timeline-item-date {
  background-color: #000
}

.data-table.theme-black .data-table-header-selected,
.theme-black .data-table .data-table-header-selected {
  background: rgba(0, 0, 0, .1)
}

.data-table.theme-black .data-table-title-selected,
.theme-black .data-table .data-table-title-selected {
  color: #000
}

.swiper-pagination.color-black .swiper-pagination-bullet-active,
.swiper-pagination.color-black .swiper-pagination-progressbar,
.theme-black .swiper-pagination .swiper-pagination-bullet-active,
.theme-black .swiper-pagination .swiper-pagination-progressbar {
  background-color: #000
}

.swiper-pagination.swiper-pagination-progress.bg-black {
  background-color: rgba(0, 0, 0, .25)
}

.swiper-button-next.color-black,
.swiper-container-rtl .swiper-button-prev.color-black,
.theme-black .swiper-button-next,
.theme-black .swiper-container-rtl .swiper-button-prev {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyTDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonLz48L3N2Zz4=)
}

.swiper-button-prev.color-black,
.swiper-container-rtl .swiper-button-next.color-black,
.theme-black .swiper-button-prev,
.theme-black .swiper-container-rtl .swiper-button-next {
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjJMMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonLz48L3N2Zz4=)
}

.floating-button.theme-black,
.speed-dial-buttons a.theme-black,
.theme-black .floating-button,
.theme-black .speed-dial-buttons a {
  color: #fff;
  background: #000
}

.floating-button.theme-black.active-state,
.speed-dial-buttons a.theme-black.active-state,
.theme-black .floating-button.active-state,
.theme-black .speed-dial-buttons a.active-state,
html:not(.watch-active-state) .floating-button.theme-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.theme-black:active,
html:not(.watch-active-state) .theme-black .floating-button:active,
html:not(.watch-active-state) .theme-black .speed-dial-buttons a:active {
  background: #333
}

.floating-button.theme-black i,
.speed-dial-buttons a.theme-black i,
.theme-black .floating-button i,
.theme-black .speed-dial-buttons a i {
  color: inherit
}

.range-slider.theme-black input[type=range]::-webkit-slider-thumb,
.range-slider.theme-black input[type=range]::-webkit-slider-thumb:before,
.theme-black .range-slider input[type=range]::-webkit-slider-thumb,
.theme-black .range-slider input[type=range]::-webkit-slider-thumb:before {
  background-color: #000
}

.range-slider.theme-black input[type=range]::-ms-fill-lower,
.range-slider.theme-black input[type=range]::-ms-thumb,
.theme-black .range-slider input[type=range]::-ms-fill-lower,
.theme-black .range-slider input[type=range]::-ms-thumb {
  background-color: #000
}

.range-slider.theme-black input[type=range]::-moz-range-thumb,
.theme-black .range-slider input[type=range]::-moz-range-thumb {
  background-color: #000
}

.badge.theme-black {
  background-color: #000;
  color: #fff
}

.color-red,
.list-block .item-link.color-red,
.list-block .item-link.list-button.color-red,
.list-button.color-red,
.tabbar a.active.color-red,
a.color-red {
  color: #f44336
}

.label-switch.color-red input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-red {
  background-color: #f44336
}

.button.color-red:not(.button-fill),
.color-red.buttons-row .button:not(.button-fill) {
  color: #f44336 !important
}

.button.button-fill.bg-red,
.button.button-fill.color-red {
  background: #f44336 !important;
  color: #fff
}

.button.button-fill.bg-red.active-state,
.button.button-fill.color-red.active-state,
html:not(.watch-active-state) .button.button-fill.bg-red:active,
html:not(.watch-active-state) .button.button-fill.color-red:active {
  background: #d32f2f !important
}

.progressbar.bg-red,
.progressbar.color-red {
  background-color: rgba(244, 67, 54, .5)
}

.progressbar.bg-red span,
.progressbar.color-red span {
  background-color: #f44336
}

.progressbar-infinite.bg-red,
.progressbar-infinite.color-red {
  background-color: rgba(244, 67, 54, .5)
}

.progressbar-infinite.bg-red:after,
.progressbar-infinite.bg-red:before,
.progressbar-infinite.color-red:after,
.progressbar-infinite.color-red:before {
  background-color: #f44336
}

.color-red i.icon,
i.icon.color-red {
  color: #f44336
}

.preloader.color-red svg circle,
.preloader.preloader-red svg circle {
  stroke: #f44336
}

.preloader.color-red .preloader-inner-gap,
.preloader.color-red .preloader-inner-half-circle,
.preloader.preloader-red .preloader-inner-gap,
.preloader.preloader-red .preloader-inner-half-circle {
  border-color: #f44336
}

.bg-red,
.list-block .swipeout-actions-left a.bg-red,
.list-block .swipeout-actions-right a.bg-red,
a.bg-red {
  background-color: #f44336;
  background: var(--theme-color) !important
}

.list-block.bg-red .item-link.active-state,
.list-block .bg-red .item-link.active-state,
.list-block .item-link.bg-red.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-red.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-red.active-state,
.list-block .item-linka.bg-red.active-state,
.list-block.list-block .swipeout-actions-left a.bg-red .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-red .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-red .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-red .item-link.active-state,
.list-blocka.bg-red .item-link.active-state,
.list-block a.bg-red .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-red .item-link:active,
html:not(.watch-active-state) .list-block .bg-red .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-red:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-red:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-red:active,
html:not(.watch-active-state) .list-block .item-linka.bg-red:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-red .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-red .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-red .item-link:active,
html:not(.watch-active-state) .list-block a.bg-red .item-link:active {
  background: #d32f2f
}

.border-red {
  border-color: #f44336
}

.border-red:after,
.border-red:before,
.list-block .border-red.item-inner:after,
.list-block .border-red.item-inner:before,
.list-block ul.border-red:after,
.list-block ul.border-red:before {
  background-color: #f44336
}

.floating-button.bg-red,
.floating-button.color-red,
.speed-dial-buttons a.bg-red,
.speed-dial-buttons a.color-red {
  color: #fff;
  background: #f44336
}

.floating-button.bg-red.active-state,
.floating-button.color-red.active-state,
.speed-dial-buttons a.bg-red.active-state,
.speed-dial-buttons a.color-red.active-state,
html:not(.watch-active-state) .floating-button.bg-red:active,
html:not(.watch-active-state) .floating-button.color-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-red:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-red:active {
  background: #d32f2f
}

.floating-button.bg-red i,
.floating-button.color-red i,
.speed-dial-buttons a.bg-red i,
.speed-dial-buttons a.color-red i {
  color: inherit
}

.ripple-red .ripple-wave {
  background-color: rgba(244, 67, 54, .3)
}

.range-slider.color-red input[type=range]::-webkit-slider-thumb,
.range-slider.color-red input[type=range]::-webkit-slider-thumb:before {
  background-color: #f44336
}

.range-slider.color-red input[type=range]::-ms-fill-lower,
.range-slider.color-red input[type=range]::-ms-thumb {
  background-color: #f44336
}

.range-slider.color-red input[type=range]::-moz-range-thumb {
  background-color: #f44336
}

.badge.color-red {
  background-color: #f44336;
  color: #fff
}

.color-pink,
.list-block .item-link.color-pink,
.list-block .item-link.list-button.color-pink,
.list-button.color-pink,
.tabbar a.active.color-pink,
a.color-pink {
  color: #e91e63
}

.label-switch.color-pink input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-pink {
  background-color: #e91e63
}

.button.color-pink:not(.button-fill),
.color-pink.buttons-row .button:not(.button-fill) {
  color: #e91e63 !important
}

.button.button-fill.bg-pink,
.button.button-fill.color-pink {
  background: #e91e63 !important;
  color: #fff
}

.button.button-fill.bg-pink.active-state,
.button.button-fill.color-pink.active-state,
html:not(.watch-active-state) .button.button-fill.bg-pink:active,
html:not(.watch-active-state) .button.button-fill.color-pink:active {
  background: #c2185b !important
}

.progressbar.bg-pink,
.progressbar.color-pink {
  background-color: rgba(233, 30, 99, .5)
}

.progressbar.bg-pink span,
.progressbar.color-pink span {
  background-color: #e91e63
}

.progressbar-infinite.bg-pink,
.progressbar-infinite.color-pink {
  background-color: rgba(233, 30, 99, .5)
}

.progressbar-infinite.bg-pink:after,
.progressbar-infinite.bg-pink:before,
.progressbar-infinite.color-pink:after,
.progressbar-infinite.color-pink:before {
  background-color: #e91e63
}

.color-pink i.icon,
i.icon.color-pink {
  color: #e91e63
}

.preloader.color-pink svg circle,
.preloader.preloader-pink svg circle {
  stroke: #e91e63
}

.preloader.color-pink .preloader-inner-gap,
.preloader.color-pink .preloader-inner-half-circle,
.preloader.preloader-pink .preloader-inner-gap,
.preloader.preloader-pink .preloader-inner-half-circle {
  border-color: #e91e63
}

.bg-pink,
.list-block .swipeout-actions-left a.bg-pink,
.list-block .swipeout-actions-right a.bg-pink,
a.bg-pink {
  background-color: #e91e63;
  background: #e91e63 !important
}

.list-block.bg-pink .item-link.active-state,
.list-block .bg-pink .item-link.active-state,
.list-block .item-link.bg-pink.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-pink.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-pink.active-state,
.list-block .item-linka.bg-pink.active-state,
.list-block.list-block .swipeout-actions-left a.bg-pink .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-pink .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-pink .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-pink .item-link.active-state,
.list-blocka.bg-pink .item-link.active-state,
.list-block a.bg-pink .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-pink:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-pink:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-pink:active,
html:not(.watch-active-state) .list-block .item-linka.bg-pink:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-pink .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-pink .item-link:active,
html:not(.watch-active-state) .list-block a.bg-pink .item-link:active {
  background: #c2185b
}

.border-pink {
  border-color: #e91e63
}

.border-pink:after,
.border-pink:before,
.list-block .border-pink.item-inner:after,
.list-block .border-pink.item-inner:before,
.list-block ul.border-pink:after,
.list-block ul.border-pink:before {
  background-color: #e91e63
}

.floating-button.bg-pink,
.floating-button.color-pink,
.speed-dial-buttons a.bg-pink,
.speed-dial-buttons a.color-pink {
  color: #fff;
  background: #e91e63
}

.floating-button.bg-pink.active-state,
.floating-button.color-pink.active-state,
.speed-dial-buttons a.bg-pink.active-state,
.speed-dial-buttons a.color-pink.active-state,
html:not(.watch-active-state) .floating-button.bg-pink:active,
html:not(.watch-active-state) .floating-button.color-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-pink:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-pink:active {
  background: #c2185b
}

.floating-button.bg-pink i,
.floating-button.color-pink i,
.speed-dial-buttons a.bg-pink i,
.speed-dial-buttons a.color-pink i {
  color: inherit
}

.ripple-pink .ripple-wave {
  background-color: rgba(233, 30, 99, .3)
}

.range-slider.color-pink input[type=range]::-webkit-slider-thumb,
.range-slider.color-pink input[type=range]::-webkit-slider-thumb:before {
  background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-ms-fill-lower,
.range-slider.color-pink input[type=range]::-ms-thumb {
  background-color: #e91e63
}

.range-slider.color-pink input[type=range]::-moz-range-thumb {
  background-color: #e91e63
}

.badge.color-pink {
  background-color: #e91e63;
  color: #fff
}

.color-purple,
.list-block .item-link.color-purple,
.list-block .item-link.list-button.color-purple,
.list-button.color-purple,
.tabbar a.active.color-purple,
a.color-purple {
  color: #9c27b0
}

.label-switch.color-purple input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-purple {
  background-color: #9c27b0
}

.button.color-purple:not(.button-fill),
.color-purple.buttons-row .button:not(.button-fill) {
  color: #9c27b0 !important
}

.button.button-fill.bg-purple,
.button.button-fill.color-purple {
  background: #9c27b0 !important;
  color: #fff
}

.button.button-fill.bg-purple.active-state,
.button.button-fill.color-purple.active-state,
html:not(.watch-active-state) .button.button-fill.bg-purple:active,
html:not(.watch-active-state) .button.button-fill.color-purple:active {
  background: #7b1fa2 !important
}

.progressbar.bg-purple,
.progressbar.color-purple {
  background-color: rgba(156, 39, 176, .5)
}

.progressbar.bg-purple span,
.progressbar.color-purple span {
  background-color: #9c27b0
}

.progressbar-infinite.bg-purple,
.progressbar-infinite.color-purple {
  background-color: rgba(156, 39, 176, .5)
}

.progressbar-infinite.bg-purple:after,
.progressbar-infinite.bg-purple:before,
.progressbar-infinite.color-purple:after,
.progressbar-infinite.color-purple:before {
  background-color: #9c27b0
}

.color-purple i.icon,
i.icon.color-purple {
  color: #9c27b0
}

.preloader.color-purple svg circle,
.preloader.preloader-purple svg circle {
  stroke: #9c27b0
}

.preloader.color-purple .preloader-inner-gap,
.preloader.color-purple .preloader-inner-half-circle,
.preloader.preloader-purple .preloader-inner-gap,
.preloader.preloader-purple .preloader-inner-half-circle {
  border-color: #9c27b0
}

.bg-purple,
.list-block .swipeout-actions-left a.bg-purple,
.list-block .swipeout-actions-right a.bg-purple,
a.bg-purple {
  background-color: #9c27b0;
  background: #9c27b0 !important
}

.list-block.bg-purple .item-link.active-state,
.list-block .bg-purple .item-link.active-state,
.list-block .item-link.bg-purple.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-purple.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-purple.active-state,
.list-block .item-linka.bg-purple.active-state,
.list-block.list-block .swipeout-actions-left a.bg-purple .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-purple .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-purple .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-purple .item-link.active-state,
.list-blocka.bg-purple .item-link.active-state,
.list-block a.bg-purple .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-purple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-purple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-purple:active,
html:not(.watch-active-state) .list-block .item-linka.bg-purple:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-purple .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-purple .item-link:active,
html:not(.watch-active-state) .list-block a.bg-purple .item-link:active {
  background: #7b1fa2
}

.border-purple {
  border-color: #9c27b0
}

.border-purple:after,
.border-purple:before,
.list-block .border-purple.item-inner:after,
.list-block .border-purple.item-inner:before,
.list-block ul.border-purple:after,
.list-block ul.border-purple:before {
  background-color: #9c27b0
}

.floating-button.bg-purple,
.floating-button.color-purple,
.speed-dial-buttons a.bg-purple,
.speed-dial-buttons a.color-purple {
  color: #fff;
  background: #9c27b0
}

.floating-button.bg-purple.active-state,
.floating-button.color-purple.active-state,
.speed-dial-buttons a.bg-purple.active-state,
.speed-dial-buttons a.color-purple.active-state,
html:not(.watch-active-state) .floating-button.bg-purple:active,
html:not(.watch-active-state) .floating-button.color-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-purple:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-purple:active {
  background: #7b1fa2
}

.floating-button.bg-purple i,
.floating-button.color-purple i,
.speed-dial-buttons a.bg-purple i,
.speed-dial-buttons a.color-purple i {
  color: inherit
}

.ripple-purple .ripple-wave {
  background-color: rgba(156, 39, 176, .3)
}

.range-slider.color-purple input[type=range]::-webkit-slider-thumb,
.range-slider.color-purple input[type=range]::-webkit-slider-thumb:before {
  background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-ms-fill-lower,
.range-slider.color-purple input[type=range]::-ms-thumb {
  background-color: #9c27b0
}

.range-slider.color-purple input[type=range]::-moz-range-thumb {
  background-color: #9c27b0
}

.badge.color-purple {
  background-color: #9c27b0;
  color: #fff
}

.color-deeppurple,
.list-block .item-link.color-deeppurple,
.list-block .item-link.list-button.color-deeppurple,
.list-button.color-deeppurple,
.tabbar a.active.color-deeppurple,
a.color-deeppurple {
  color: #673ab7
}

.label-switch.color-deeppurple input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-deeppurple {
  background-color: #673ab7
}

.button.color-deeppurple:not(.button-fill),
.color-deeppurple.buttons-row .button:not(.button-fill) {
  color: #673ab7 !important
}

.button.button-fill.bg-deeppurple,
.button.button-fill.color-deeppurple {
  background: #673ab7 !important;
  color: #fff
}

.button.button-fill.bg-deeppurple.active-state,
.button.button-fill.color-deeppurple.active-state,
html:not(.watch-active-state) .button.button-fill.bg-deeppurple:active,
html:not(.watch-active-state) .button.button-fill.color-deeppurple:active {
  background: #512da8 !important
}

.progressbar.bg-deeppurple,
.progressbar.color-deeppurple {
  background-color: rgba(103, 58, 183, .5)
}

.progressbar.bg-deeppurple span,
.progressbar.color-deeppurple span {
  background-color: #673ab7
}

.progressbar-infinite.bg-deeppurple,
.progressbar-infinite.color-deeppurple {
  background-color: rgba(103, 58, 183, .5)
}

.progressbar-infinite.bg-deeppurple:after,
.progressbar-infinite.bg-deeppurple:before,
.progressbar-infinite.color-deeppurple:after,
.progressbar-infinite.color-deeppurple:before {
  background-color: #673ab7
}

.color-deeppurple i.icon,
i.icon.color-deeppurple {
  color: #673ab7
}

.preloader.color-deeppurple svg circle,
.preloader.preloader-deeppurple svg circle {
  stroke: #673ab7
}

.preloader.color-deeppurple .preloader-inner-gap,
.preloader.color-deeppurple .preloader-inner-half-circle,
.preloader.preloader-deeppurple .preloader-inner-gap,
.preloader.preloader-deeppurple .preloader-inner-half-circle {
  border-color: #673ab7
}

.bg-deeppurple,
.list-block .swipeout-actions-left a.bg-deeppurple,
.list-block .swipeout-actions-right a.bg-deeppurple,
a.bg-deeppurple {
  background-color: #673ab7;
  background: #673ab7 !important
}

.list-block.bg-deeppurple .item-link.active-state,
.list-block .bg-deeppurple .item-link.active-state,
.list-block .item-link.bg-deeppurple.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple.active-state,
.list-block .item-linka.bg-deeppurple.active-state,
.list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link.active-state,
.list-blocka.bg-deeppurple .item-link.active-state,
.list-block a.bg-deeppurple .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeppurple:active,
html:not(.watch-active-state) .list-block .item-linka.bg-deeppurple:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-deeppurple .item-link:active,
html:not(.watch-active-state) .list-block a.bg-deeppurple .item-link:active {
  background: #512da8
}

.border-deeppurple {
  border-color: #673ab7
}

.border-deeppurple:after,
.border-deeppurple:before,
.list-block .border-deeppurple.item-inner:after,
.list-block .border-deeppurple.item-inner:before,
.list-block ul.border-deeppurple:after,
.list-block ul.border-deeppurple:before {
  background-color: #673ab7
}

.floating-button.bg-deeppurple,
.floating-button.color-deeppurple,
.speed-dial-buttons a.bg-deeppurple,
.speed-dial-buttons a.color-deeppurple {
  color: #fff;
  background: #673ab7
}

.floating-button.bg-deeppurple.active-state,
.floating-button.color-deeppurple.active-state,
.speed-dial-buttons a.bg-deeppurple.active-state,
.speed-dial-buttons a.color-deeppurple.active-state,
html:not(.watch-active-state) .floating-button.bg-deeppurple:active,
html:not(.watch-active-state) .floating-button.color-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-deeppurple:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-deeppurple:active {
  background: #512da8
}

.floating-button.bg-deeppurple i,
.floating-button.color-deeppurple i,
.speed-dial-buttons a.bg-deeppurple i,
.speed-dial-buttons a.color-deeppurple i {
  color: inherit
}

.ripple-deeppurple .ripple-wave {
  background-color: rgba(103, 58, 183, .3)
}

.range-slider.color-deeppurple input[type=range]::-webkit-slider-thumb,
.range-slider.color-deeppurple input[type=range]::-webkit-slider-thumb:before {
  background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-ms-fill-lower,
.range-slider.color-deeppurple input[type=range]::-ms-thumb {
  background-color: #673ab7
}

.range-slider.color-deeppurple input[type=range]::-moz-range-thumb {
  background-color: #673ab7
}

.badge.color-deeppurple {
  background-color: #673ab7;
  color: #fff
}

.color-indigo,
.list-block .item-link.color-indigo,
.list-block .item-link.list-button.color-indigo,
.list-button.color-indigo,
.tabbar a.active.color-indigo,
a.color-indigo {
  color: #3f51b5
}

.label-switch.color-indigo input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-indigo {
  background-color: #3f51b5
}

.button.color-indigo:not(.button-fill),
.color-indigo.buttons-row .button:not(.button-fill) {
  color: #3f51b5 !important
}

.button.button-fill.bg-indigo,
.button.button-fill.color-indigo {
  background: #3f51b5 !important;
  color: #fff
}

.button.button-fill.bg-indigo.active-state,
.button.button-fill.color-indigo.active-state,
html:not(.watch-active-state) .button.button-fill.bg-indigo:active,
html:not(.watch-active-state) .button.button-fill.color-indigo:active {
  background: #303f9f !important
}

.progressbar.bg-indigo,
.progressbar.color-indigo {
  background-color: rgba(63, 81, 181, .5)
}

.progressbar.bg-indigo span,
.progressbar.color-indigo span {
  background-color: #3f51b5
}

.progressbar-infinite.bg-indigo,
.progressbar-infinite.color-indigo {
  background-color: rgba(63, 81, 181, .5)
}

.progressbar-infinite.bg-indigo:after,
.progressbar-infinite.bg-indigo:before,
.progressbar-infinite.color-indigo:after,
.progressbar-infinite.color-indigo:before {
  background-color: #3f51b5
}

.color-indigo i.icon,
i.icon.color-indigo {
  color: #3f51b5
}

.preloader.color-indigo svg circle,
.preloader.preloader-indigo svg circle {
  stroke: #3f51b5
}

.preloader.color-indigo .preloader-inner-gap,
.preloader.color-indigo .preloader-inner-half-circle,
.preloader.preloader-indigo .preloader-inner-gap,
.preloader.preloader-indigo .preloader-inner-half-circle {
  border-color: #3f51b5
}

.bg-indigo,
.list-block .swipeout-actions-left a.bg-indigo,
.list-block .swipeout-actions-right a.bg-indigo,
a.bg-indigo {
  background-color: #3f51b5;
  background: #3f51b5 !important
}

.list-block.bg-indigo .item-link.active-state,
.list-block .bg-indigo .item-link.active-state,
.list-block .item-link.bg-indigo.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-indigo.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-indigo.active-state,
.list-block .item-linka.bg-indigo.active-state,
.list-block.list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-indigo .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-indigo .item-link.active-state,
.list-blocka.bg-indigo .item-link.active-state,
.list-block a.bg-indigo .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-indigo:active,
html:not(.watch-active-state) .list-block .item-linka.bg-indigo:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-indigo .item-link:active,
html:not(.watch-active-state) .list-block a.bg-indigo .item-link:active {
  background: #303f9f
}

.border-indigo {
  border-color: #3f51b5
}

.border-indigo:after,
.border-indigo:before,
.list-block .border-indigo.item-inner:after,
.list-block .border-indigo.item-inner:before,
.list-block ul.border-indigo:after,
.list-block ul.border-indigo:before {
  background-color: #3f51b5
}

.floating-button.bg-indigo,
.floating-button.color-indigo,
.speed-dial-buttons a.bg-indigo,
.speed-dial-buttons a.color-indigo {
  color: #fff;
  background: #3f51b5
}

.floating-button.bg-indigo.active-state,
.floating-button.color-indigo.active-state,
.speed-dial-buttons a.bg-indigo.active-state,
.speed-dial-buttons a.color-indigo.active-state,
html:not(.watch-active-state) .floating-button.bg-indigo:active,
html:not(.watch-active-state) .floating-button.color-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-indigo:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-indigo:active {
  background: #303f9f
}

.floating-button.bg-indigo i,
.floating-button.color-indigo i,
.speed-dial-buttons a.bg-indigo i,
.speed-dial-buttons a.color-indigo i {
  color: inherit
}

.ripple-indigo .ripple-wave {
  background-color: rgba(63, 81, 181, .3)
}

.range-slider.color-indigo input[type=range]::-webkit-slider-thumb,
.range-slider.color-indigo input[type=range]::-webkit-slider-thumb:before {
  background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-ms-fill-lower,
.range-slider.color-indigo input[type=range]::-ms-thumb {
  background-color: #3f51b5
}

.range-slider.color-indigo input[type=range]::-moz-range-thumb {
  background-color: #3f51b5
}

.badge.color-indigo {
  background-color: #3f51b5;
  color: #fff
}

.color-blue,
.list-block .item-link.color-blue,
.list-block .item-link.list-button.color-blue,
.list-button.color-blue,
.tabbar a.active.color-blue,
a.color-blue {
  color: #b11c00
}

.label-switch.color-blue input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-blue {
  background-color: #b11c00
}

.button.color-blue:not(.button-fill),
.color-blue.buttons-row .button:not(.button-fill) {
  color: #b11c00 !important
}

.button.button-fill.bg-blue,
.button.button-fill.color-blue {
  background: #b11c00 !important;
  color: #fff
}

.button.button-fill.bg-blue.active-state,
.button.button-fill.color-blue.active-state,
html:not(.watch-active-state) .button.button-fill.bg-blue:active,
html:not(.watch-active-state) .button.button-fill.color-blue:active {
  background: #1976d2 !important
}

.progressbar.bg-blue,
.progressbar.color-blue {
  background-color: rgba(33, 150, 243, .5)
}

.progressbar.bg-blue span,
.progressbar.color-blue span {
  background-color: #b11c00
}

.progressbar-infinite.bg-blue,
.progressbar-infinite.color-blue {
  background-color: rgba(33, 150, 243, .5)
}

.progressbar-infinite.bg-blue:after,
.progressbar-infinite.bg-blue:before,
.progressbar-infinite.color-blue:after,
.progressbar-infinite.color-blue:before {
  background-color: #b11c00
}

.color-blue i.icon,
i.icon.color-blue {
  color: #b11c00
}

.preloader.color-blue svg circle,
.preloader.preloader-blue svg circle {
  stroke: #b11c00
}

.preloader.color-blue .preloader-inner-gap,
.preloader.color-blue .preloader-inner-half-circle,
.preloader.preloader-blue .preloader-inner-gap,
.preloader.preloader-blue .preloader-inner-half-circle {
  border-color: #b11c00
}

.bg-blue,
.list-block .swipeout-actions-left a.bg-blue,
.list-block .swipeout-actions-right a.bg-blue,
a.bg-blue {
  background-color: #b11c00;
  background: #b11c00 !important
}

.list-block.bg-blue .item-link.active-state,
.list-block .bg-blue .item-link.active-state,
.list-block .item-link.bg-blue.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-blue.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-blue.active-state,
.list-block .item-linka.bg-blue.active-state,
.list-block.list-block .swipeout-actions-left a.bg-blue .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-blue .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-blue .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-blue .item-link.active-state,
.list-blocka.bg-blue .item-link.active-state,
.list-block a.bg-blue .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-blue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-blue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-blue:active,
html:not(.watch-active-state) .list-block .item-linka.bg-blue:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-blue .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-blue .item-link:active,
html:not(.watch-active-state) .list-block a.bg-blue .item-link:active {
  background: #1976d2
}

.border-blue {
  border-color: #b11c00
}

.border-blue:after,
.border-blue:before,
.list-block .border-blue.item-inner:after,
.list-block .border-blue.item-inner:before,
.list-block ul.border-blue:after,
.list-block ul.border-blue:before {
  background-color: #b11c00
}

.floating-button.bg-blue,
.floating-button.color-blue,
.speed-dial-buttons a.bg-blue,
.speed-dial-buttons a.color-blue {
  color: #fff;
  background: #b11c00
}

.floating-button.bg-blue.active-state,
.floating-button.color-blue.active-state,
.speed-dial-buttons a.bg-blue.active-state,
.speed-dial-buttons a.color-blue.active-state,
html:not(.watch-active-state) .floating-button.bg-blue:active,
html:not(.watch-active-state) .floating-button.color-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-blue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-blue:active {
  background: #1976d2
}

.floating-button.bg-blue i,
.floating-button.color-blue i,
.speed-dial-buttons a.bg-blue i,
.speed-dial-buttons a.color-blue i {
  color: inherit
}

.ripple-blue .ripple-wave {
  background-color: rgba(33, 150, 243, .3)
}

.range-slider.color-blue input[type=range]::-webkit-slider-thumb,
.range-slider.color-blue input[type=range]::-webkit-slider-thumb:before {
  background-color: #b11c00
}

.range-slider.color-blue input[type=range]::-ms-fill-lower,
.range-slider.color-blue input[type=range]::-ms-thumb {
  background-color: #b11c00
}

.range-slider.color-blue input[type=range]::-moz-range-thumb {
  background-color: #b11c00
}

.badge.color-blue {
  background-color: #b11c00;
  color: #fff
}

.color-lightblue,
.list-block .item-link.color-lightblue,
.list-block .item-link.list-button.color-lightblue,
.list-button.color-lightblue,
.tabbar a.active.color-lightblue,
a.color-lightblue {
  color: #03a9f4
}

.label-switch.color-lightblue input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-lightblue {
  background-color: #03a9f4
}

.button.color-lightblue:not(.button-fill),
.color-lightblue.buttons-row .button:not(.button-fill) {
  color: #03a9f4 !important
}

.button.button-fill.bg-lightblue,
.button.button-fill.color-lightblue {
  background: #03a9f4 !important;
  color: #fff
}

.button.button-fill.bg-lightblue.active-state,
.button.button-fill.color-lightblue.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lightblue:active,
html:not(.watch-active-state) .button.button-fill.color-lightblue:active {
  background: #0288d1 !important
}

.progressbar.bg-lightblue,
.progressbar.color-lightblue {
  background-color: rgba(3, 169, 244, .5)
}

.progressbar.bg-lightblue span,
.progressbar.color-lightblue span {
  background-color: #03a9f4
}

.progressbar-infinite.bg-lightblue,
.progressbar-infinite.color-lightblue {
  background-color: rgba(3, 169, 244, .5)
}

.progressbar-infinite.bg-lightblue:after,
.progressbar-infinite.bg-lightblue:before,
.progressbar-infinite.color-lightblue:after,
.progressbar-infinite.color-lightblue:before {
  background-color: #03a9f4
}

.color-lightblue i.icon,
i.icon.color-lightblue {
  color: #03a9f4
}

.preloader.color-lightblue svg circle,
.preloader.preloader-lightblue svg circle {
  stroke: #03a9f4
}

.preloader.color-lightblue .preloader-inner-gap,
.preloader.color-lightblue .preloader-inner-half-circle,
.preloader.preloader-lightblue .preloader-inner-gap,
.preloader.preloader-lightblue .preloader-inner-half-circle {
  border-color: #03a9f4
}

.bg-lightblue,
.list-block .swipeout-actions-left a.bg-lightblue,
.list-block .swipeout-actions-right a.bg-lightblue,
a.bg-lightblue {
  background-color: #03a9f4;
  background: #03a9f4 !important
}

.list-block.bg-lightblue .item-link.active-state,
.list-block .bg-lightblue .item-link.active-state,
.list-block .item-link.bg-lightblue.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue.active-state,
.list-block .item-linka.bg-lightblue.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link.active-state,
.list-blocka.bg-lightblue .item-link.active-state,
.list-block a.bg-lightblue .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightblue:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lightblue:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lightblue .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lightblue .item-link:active {
  background: #0288d1
}

.border-lightblue {
  border-color: #03a9f4
}

.border-lightblue:after,
.border-lightblue:before,
.list-block .border-lightblue.item-inner:after,
.list-block .border-lightblue.item-inner:before,
.list-block ul.border-lightblue:after,
.list-block ul.border-lightblue:before {
  background-color: #03a9f4
}

.floating-button.bg-lightblue,
.floating-button.color-lightblue,
.speed-dial-buttons a.bg-lightblue,
.speed-dial-buttons a.color-lightblue {
  color: #fff;
  background: #03a9f4
}

.floating-button.bg-lightblue.active-state,
.floating-button.color-lightblue.active-state,
.speed-dial-buttons a.bg-lightblue.active-state,
.speed-dial-buttons a.color-lightblue.active-state,
html:not(.watch-active-state) .floating-button.bg-lightblue:active,
html:not(.watch-active-state) .floating-button.color-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lightblue:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lightblue:active {
  background: #0288d1
}

.floating-button.bg-lightblue i,
.floating-button.color-lightblue i,
.speed-dial-buttons a.bg-lightblue i,
.speed-dial-buttons a.color-lightblue i {
  color: inherit
}

.ripple-lightblue .ripple-wave {
  background-color: rgba(3, 169, 244, .3)
}

.range-slider.color-lightblue input[type=range]::-webkit-slider-thumb,
.range-slider.color-lightblue input[type=range]::-webkit-slider-thumb:before {
  background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-ms-fill-lower,
.range-slider.color-lightblue input[type=range]::-ms-thumb {
  background-color: #03a9f4
}

.range-slider.color-lightblue input[type=range]::-moz-range-thumb {
  background-color: #03a9f4
}

.badge.color-lightblue {
  background-color: #03a9f4;
  color: #fff
}

.color-cyan,
.list-block .item-link.color-cyan,
.list-block .item-link.list-button.color-cyan,
.list-button.color-cyan,
.tabbar a.active.color-cyan,
a.color-cyan {
  color: #00bcd4
}

.label-switch.color-cyan input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-cyan {
  background-color: #00bcd4
}

.button.color-cyan:not(.button-fill),
.color-cyan.buttons-row .button:not(.button-fill) {
  color: #00bcd4 !important
}

.button.button-fill.bg-cyan,
.button.button-fill.color-cyan {
  background: #00bcd4 !important;
  color: #fff
}

.button.button-fill.bg-cyan.active-state,
.button.button-fill.color-cyan.active-state,
html:not(.watch-active-state) .button.button-fill.bg-cyan:active,
html:not(.watch-active-state) .button.button-fill.color-cyan:active {
  background: #0097a7 !important
}

.progressbar.bg-cyan,
.progressbar.color-cyan {
  background-color: rgba(0, 188, 212, .5)
}

.progressbar.bg-cyan span,
.progressbar.color-cyan span {
  background-color: #00bcd4
}

.progressbar-infinite.bg-cyan,
.progressbar-infinite.color-cyan {
  background-color: rgba(0, 188, 212, .5)
}

.progressbar-infinite.bg-cyan:after,
.progressbar-infinite.bg-cyan:before,
.progressbar-infinite.color-cyan:after,
.progressbar-infinite.color-cyan:before {
  background-color: #00bcd4
}

.color-cyan i.icon,
i.icon.color-cyan {
  color: #00bcd4
}

.preloader.color-cyan svg circle,
.preloader.preloader-cyan svg circle {
  stroke: #00bcd4
}

.preloader.color-cyan .preloader-inner-gap,
.preloader.color-cyan .preloader-inner-half-circle,
.preloader.preloader-cyan .preloader-inner-gap,
.preloader.preloader-cyan .preloader-inner-half-circle {
  border-color: #00bcd4
}

.bg-cyan,
.list-block .swipeout-actions-left a.bg-cyan,
.list-block .swipeout-actions-right a.bg-cyan,
a.bg-cyan {
  background-color: #00bcd4;
  background: #00bcd4 !important
}

.list-block.bg-cyan .item-link.active-state,
.list-block .bg-cyan .item-link.active-state,
.list-block .item-link.bg-cyan.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-cyan.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-cyan.active-state,
.list-block .item-linka.bg-cyan.active-state,
.list-block.list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-cyan .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-cyan .item-link.active-state,
.list-blocka.bg-cyan .item-link.active-state,
.list-block a.bg-cyan .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-cyan:active,
html:not(.watch-active-state) .list-block .item-linka.bg-cyan:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-cyan .item-link:active,
html:not(.watch-active-state) .list-block a.bg-cyan .item-link:active {
  background: #0097a7
}

.border-cyan {
  border-color: #00bcd4
}

.border-cyan:after,
.border-cyan:before,
.list-block .border-cyan.item-inner:after,
.list-block .border-cyan.item-inner:before,
.list-block ul.border-cyan:after,
.list-block ul.border-cyan:before {
  background-color: #00bcd4
}

.floating-button.bg-cyan,
.floating-button.color-cyan,
.speed-dial-buttons a.bg-cyan,
.speed-dial-buttons a.color-cyan {
  color: #fff;
  background: #00bcd4
}

.floating-button.bg-cyan.active-state,
.floating-button.color-cyan.active-state,
.speed-dial-buttons a.bg-cyan.active-state,
.speed-dial-buttons a.color-cyan.active-state,
html:not(.watch-active-state) .floating-button.bg-cyan:active,
html:not(.watch-active-state) .floating-button.color-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-cyan:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-cyan:active {
  background: #0097a7
}

.floating-button.bg-cyan i,
.floating-button.color-cyan i,
.speed-dial-buttons a.bg-cyan i,
.speed-dial-buttons a.color-cyan i {
  color: inherit
}

.ripple-cyan .ripple-wave {
  background-color: rgba(0, 188, 212, .3)
}

.range-slider.color-cyan input[type=range]::-webkit-slider-thumb,
.range-slider.color-cyan input[type=range]::-webkit-slider-thumb:before {
  background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-ms-fill-lower,
.range-slider.color-cyan input[type=range]::-ms-thumb {
  background-color: #00bcd4
}

.range-slider.color-cyan input[type=range]::-moz-range-thumb {
  background-color: #00bcd4
}

.badge.color-cyan {
  background-color: #00bcd4;
  color: #fff
}

.color-teal,
.list-block .item-link.color-teal,
.list-block .item-link.list-button.color-teal,
.list-button.color-teal,
.tabbar a.active.color-teal,
a.color-teal {
  color: #009688
}

.label-switch.color-teal input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-teal {
  background-color: #009688
}

.button.color-teal:not(.button-fill),
.color-teal.buttons-row .button:not(.button-fill) {
  color: #009688 !important
}

.button.button-fill.bg-teal,
.button.button-fill.color-teal {
  background: #009688 !important;
  color: #fff
}

.button.button-fill.bg-teal.active-state,
.button.button-fill.color-teal.active-state,
html:not(.watch-active-state) .button.button-fill.bg-teal:active,
html:not(.watch-active-state) .button.button-fill.color-teal:active {
  background: #00897b !important
}

.progressbar.bg-teal,
.progressbar.color-teal {
  background-color: rgba(0, 150, 136, .5)
}

.progressbar.bg-teal span,
.progressbar.color-teal span {
  background-color: #009688
}

.progressbar-infinite.bg-teal,
.progressbar-infinite.color-teal {
  background-color: rgba(0, 150, 136, .5)
}

.progressbar-infinite.bg-teal:after,
.progressbar-infinite.bg-teal:before,
.progressbar-infinite.color-teal:after,
.progressbar-infinite.color-teal:before {
  background-color: #009688
}

.color-teal i.icon,
i.icon.color-teal {
  color: #009688
}

.preloader.color-teal svg circle,
.preloader.preloader-teal svg circle {
  stroke: #009688
}

.preloader.color-teal .preloader-inner-gap,
.preloader.color-teal .preloader-inner-half-circle,
.preloader.preloader-teal .preloader-inner-gap,
.preloader.preloader-teal .preloader-inner-half-circle {
  border-color: #009688
}

.bg-teal,
.list-block .swipeout-actions-left a.bg-teal,
.list-block .swipeout-actions-right a.bg-teal,
a.bg-teal {
  background-color: #009688;
  background: #009688 !important
}

.list-block.bg-teal .item-link.active-state,
.list-block .bg-teal .item-link.active-state,
.list-block .item-link.bg-teal.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-teal.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-teal.active-state,
.list-block .item-linka.bg-teal.active-state,
.list-block.list-block .swipeout-actions-left a.bg-teal .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-teal .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-teal .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-teal .item-link.active-state,
.list-blocka.bg-teal .item-link.active-state,
.list-block a.bg-teal .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-teal:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-teal:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-teal:active,
html:not(.watch-active-state) .list-block .item-linka.bg-teal:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-teal .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-teal .item-link:active,
html:not(.watch-active-state) .list-block a.bg-teal .item-link:active {
  background: #00897b
}

.border-teal {
  border-color: #009688
}

.border-teal:after,
.border-teal:before,
.list-block .border-teal.item-inner:after,
.list-block .border-teal.item-inner:before,
.list-block ul.border-teal:after,
.list-block ul.border-teal:before {
  background-color: #009688
}

.floating-button.bg-teal,
.floating-button.color-teal,
.speed-dial-buttons a.bg-teal,
.speed-dial-buttons a.color-teal {
  color: #fff;
  background: #009688
}

.floating-button.bg-teal.active-state,
.floating-button.color-teal.active-state,
.speed-dial-buttons a.bg-teal.active-state,
.speed-dial-buttons a.color-teal.active-state,
html:not(.watch-active-state) .floating-button.bg-teal:active,
html:not(.watch-active-state) .floating-button.color-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-teal:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-teal:active {
  background: #00897b
}

.floating-button.bg-teal i,
.floating-button.color-teal i,
.speed-dial-buttons a.bg-teal i,
.speed-dial-buttons a.color-teal i {
  color: inherit
}

.ripple-teal .ripple-wave {
  background-color: rgba(0, 150, 136, .3)
}

.range-slider.color-teal input[type=range]::-webkit-slider-thumb,
.range-slider.color-teal input[type=range]::-webkit-slider-thumb:before {
  background-color: #009688
}

.range-slider.color-teal input[type=range]::-ms-fill-lower,
.range-slider.color-teal input[type=range]::-ms-thumb {
  background-color: #009688
}

.range-slider.color-teal input[type=range]::-moz-range-thumb {
  background-color: #009688
}

.badge.color-teal {
  background-color: #009688;
  color: #fff
}

.color-green,
.list-block .item-link.color-green,
.list-block .item-link.list-button.color-green,
.list-button.color-green,
.tabbar a.active.color-green,
a.color-green {
  color: #4caf50
}

.label-switch.color-green input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-green {
  background-color: #4caf50
}

.button.color-green:not(.button-fill),
.color-green.buttons-row .button:not(.button-fill) {
  color: #4caf50 !important
}

.button.button-fill.bg-green,
.button.button-fill.color-green {
  background: #4caf50 !important;
  color: #fff
}

.button.button-fill.bg-green.active-state,
.button.button-fill.color-green.active-state,
html:not(.watch-active-state) .button.button-fill.bg-green:active,
html:not(.watch-active-state) .button.button-fill.color-green:active {
  background: #388e3c !important
}

.progressbar.bg-green,
.progressbar.color-green {
  background-color: rgba(76, 175, 80, .5)
}

.progressbar.bg-green span,
.progressbar.color-green span {
  background-color: #4caf50
}

.progressbar-infinite.bg-green,
.progressbar-infinite.color-green {
  background-color: rgba(76, 175, 80, .5)
}

.progressbar-infinite.bg-green:after,
.progressbar-infinite.bg-green:before,
.progressbar-infinite.color-green:after,
.progressbar-infinite.color-green:before {
  background-color: #4caf50
}

.color-green i.icon,
i.icon.color-green {
  color: #4caf50
}

.preloader.color-green svg circle,
.preloader.preloader-green svg circle {
  stroke: #4caf50
}

.preloader.color-green .preloader-inner-gap,
.preloader.color-green .preloader-inner-half-circle,
.preloader.preloader-green .preloader-inner-gap,
.preloader.preloader-green .preloader-inner-half-circle {
  border-color: #4caf50
}

.bg-green,
.list-block .swipeout-actions-left a.bg-green,
.list-block .swipeout-actions-right a.bg-green,
a.bg-green {
  background-color: #4caf50;
  background: #4caf50 !important
}

.list-block.bg-green .item-link.active-state,
.list-block .bg-green .item-link.active-state,
.list-block .item-link.bg-green.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-green.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-green.active-state,
.list-block .item-linka.bg-green.active-state,
.list-block.list-block .swipeout-actions-left a.bg-green .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-green .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-green .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-green .item-link.active-state,
.list-blocka.bg-green .item-link.active-state,
.list-block a.bg-green .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-green .item-link:active,
html:not(.watch-active-state) .list-block .bg-green .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-green:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-green:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-green:active,
html:not(.watch-active-state) .list-block .item-linka.bg-green:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-green .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-green .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-green .item-link:active,
html:not(.watch-active-state) .list-block a.bg-green .item-link:active {
  background: #388e3c
}

.border-green {
  border-color: #4caf50
}

.border-green:after,
.border-green:before,
.list-block .border-green.item-inner:after,
.list-block .border-green.item-inner:before,
.list-block ul.border-green:after,
.list-block ul.border-green:before {
  background-color: #4caf50
}

.floating-button.bg-green,
.floating-button.color-green,
.speed-dial-buttons a.bg-green,
.speed-dial-buttons a.color-green {
  color: #fff;
  background: #4caf50
}

.floating-button.bg-green.active-state,
.floating-button.color-green.active-state,
.speed-dial-buttons a.bg-green.active-state,
.speed-dial-buttons a.color-green.active-state,
html:not(.watch-active-state) .floating-button.bg-green:active,
html:not(.watch-active-state) .floating-button.color-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-green:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-green:active {
  background: #388e3c
}

.floating-button.bg-green i,
.floating-button.color-green i,
.speed-dial-buttons a.bg-green i,
.speed-dial-buttons a.color-green i {
  color: inherit
}

.ripple-green .ripple-wave {
  background-color: rgba(76, 175, 80, .3)
}

.range-slider.color-green input[type=range]::-webkit-slider-thumb,
.range-slider.color-green input[type=range]::-webkit-slider-thumb:before {
  background-color: #4caf50
}

.range-slider.color-green input[type=range]::-ms-fill-lower,
.range-slider.color-green input[type=range]::-ms-thumb {
  background-color: #4caf50
}

.range-slider.color-green input[type=range]::-moz-range-thumb {
  background-color: #4caf50
}

.badge.color-green {
  background-color: #4caf50;
  color: #fff
}

.color-lightgreen,
.list-block .item-link.color-lightgreen,
.list-block .item-link.list-button.color-lightgreen,
.list-button.color-lightgreen,
.tabbar a.active.color-lightgreen,
a.color-lightgreen {
  color: #8bc34a
}

.label-switch.color-lightgreen input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-lightgreen {
  background-color: #8bc34a
}

.button.color-lightgreen:not(.button-fill),
.color-lightgreen.buttons-row .button:not(.button-fill) {
  color: #8bc34a !important
}

.button.button-fill.bg-lightgreen,
.button.button-fill.color-lightgreen {
  background: #8bc34a !important;
  color: #fff
}

.button.button-fill.bg-lightgreen.active-state,
.button.button-fill.color-lightgreen.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lightgreen:active,
html:not(.watch-active-state) .button.button-fill.color-lightgreen:active {
  background: #689f38 !important
}

.progressbar.bg-lightgreen,
.progressbar.color-lightgreen {
  background-color: rgba(139, 195, 74, .5)
}

.progressbar.bg-lightgreen span,
.progressbar.color-lightgreen span {
  background-color: #8bc34a
}

.progressbar-infinite.bg-lightgreen,
.progressbar-infinite.color-lightgreen {
  background-color: rgba(139, 195, 74, .5)
}

.progressbar-infinite.bg-lightgreen:after,
.progressbar-infinite.bg-lightgreen:before,
.progressbar-infinite.color-lightgreen:after,
.progressbar-infinite.color-lightgreen:before {
  background-color: #8bc34a
}

.color-lightgreen i.icon,
i.icon.color-lightgreen {
  color: #8bc34a
}

.preloader.color-lightgreen svg circle,
.preloader.preloader-lightgreen svg circle {
  stroke: #8bc34a
}

.preloader.color-lightgreen .preloader-inner-gap,
.preloader.color-lightgreen .preloader-inner-half-circle,
.preloader.preloader-lightgreen .preloader-inner-gap,
.preloader.preloader-lightgreen .preloader-inner-half-circle {
  border-color: #8bc34a
}

.bg-lightgreen,
.list-block .swipeout-actions-left a.bg-lightgreen,
.list-block .swipeout-actions-right a.bg-lightgreen,
a.bg-lightgreen {
  background-color: #8bc34a;
  background: #8bc34a !important
}

.list-block.bg-lightgreen .item-link.active-state,
.list-block .bg-lightgreen .item-link.active-state,
.list-block .item-link.bg-lightgreen.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen.active-state,
.list-block .item-linka.bg-lightgreen.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link.active-state,
.list-blocka.bg-lightgreen .item-link.active-state,
.list-block a.bg-lightgreen .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lightgreen:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lightgreen:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lightgreen .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lightgreen .item-link:active {
  background: #689f38
}

.border-lightgreen {
  border-color: #8bc34a
}

.border-lightgreen:after,
.border-lightgreen:before,
.list-block .border-lightgreen.item-inner:after,
.list-block .border-lightgreen.item-inner:before,
.list-block ul.border-lightgreen:after,
.list-block ul.border-lightgreen:before {
  background-color: #8bc34a
}

.floating-button.bg-lightgreen,
.floating-button.color-lightgreen,
.speed-dial-buttons a.bg-lightgreen,
.speed-dial-buttons a.color-lightgreen {
  color: #fff;
  background: #8bc34a
}

.floating-button.bg-lightgreen.active-state,
.floating-button.color-lightgreen.active-state,
.speed-dial-buttons a.bg-lightgreen.active-state,
.speed-dial-buttons a.color-lightgreen.active-state,
html:not(.watch-active-state) .floating-button.bg-lightgreen:active,
html:not(.watch-active-state) .floating-button.color-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lightgreen:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lightgreen:active {
  background: #689f38
}

.floating-button.bg-lightgreen i,
.floating-button.color-lightgreen i,
.speed-dial-buttons a.bg-lightgreen i,
.speed-dial-buttons a.color-lightgreen i {
  color: inherit
}

.ripple-lightgreen .ripple-wave {
  background-color: rgba(139, 195, 74, .3)
}

.range-slider.color-lightgreen input[type=range]::-webkit-slider-thumb,
.range-slider.color-lightgreen input[type=range]::-webkit-slider-thumb:before {
  background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-ms-fill-lower,
.range-slider.color-lightgreen input[type=range]::-ms-thumb {
  background-color: #8bc34a
}

.range-slider.color-lightgreen input[type=range]::-moz-range-thumb {
  background-color: #8bc34a
}

.badge.color-lightgreen {
  background-color: #8bc34a;
  color: #fff
}

.color-lime,
.list-block .item-link.color-lime,
.list-block .item-link.list-button.color-lime,
.list-button.color-lime,
.tabbar a.active.color-lime,
a.color-lime {
  color: #cddc39
}

.label-switch.color-lime input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-lime {
  background-color: #cddc39
}

.button.color-lime:not(.button-fill),
.color-lime.buttons-row .button:not(.button-fill) {
  color: #cddc39 !important
}

.button.button-fill.bg-lime,
.button.button-fill.color-lime {
  background: #cddc39 !important;
  color: #fff
}

.button.button-fill.bg-lime.active-state,
.button.button-fill.color-lime.active-state,
html:not(.watch-active-state) .button.button-fill.bg-lime:active,
html:not(.watch-active-state) .button.button-fill.color-lime:active {
  background: #afb42b !important
}

.progressbar.bg-lime,
.progressbar.color-lime {
  background-color: rgba(205, 220, 57, .5)
}

.progressbar.bg-lime span,
.progressbar.color-lime span {
  background-color: #cddc39
}

.progressbar-infinite.bg-lime,
.progressbar-infinite.color-lime {
  background-color: rgba(205, 220, 57, .5)
}

.progressbar-infinite.bg-lime:after,
.progressbar-infinite.bg-lime:before,
.progressbar-infinite.color-lime:after,
.progressbar-infinite.color-lime:before {
  background-color: #cddc39
}

.color-lime i.icon,
i.icon.color-lime {
  color: #cddc39
}

.preloader.color-lime svg circle,
.preloader.preloader-lime svg circle {
  stroke: #cddc39
}

.preloader.color-lime .preloader-inner-gap,
.preloader.color-lime .preloader-inner-half-circle,
.preloader.preloader-lime .preloader-inner-gap,
.preloader.preloader-lime .preloader-inner-half-circle {
  border-color: #cddc39
}

.bg-lime,
.list-block .swipeout-actions-left a.bg-lime,
.list-block .swipeout-actions-right a.bg-lime,
a.bg-lime {
  background-color: #cddc39;
  background: #cddc39 !important
}

.list-block.bg-lime .item-link.active-state,
.list-block .bg-lime .item-link.active-state,
.list-block .item-link.bg-lime.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-lime.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-lime.active-state,
.list-block .item-linka.bg-lime.active-state,
.list-block.list-block .swipeout-actions-left a.bg-lime .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-lime .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-lime .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-lime .item-link.active-state,
.list-blocka.bg-lime .item-link.active-state,
.list-block a.bg-lime .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-lime:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-lime:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-lime:active,
html:not(.watch-active-state) .list-block .item-linka.bg-lime:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-lime .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-lime .item-link:active,
html:not(.watch-active-state) .list-block a.bg-lime .item-link:active {
  background: #afb42b
}

.border-lime {
  border-color: #cddc39
}

.border-lime:after,
.border-lime:before,
.list-block .border-lime.item-inner:after,
.list-block .border-lime.item-inner:before,
.list-block ul.border-lime:after,
.list-block ul.border-lime:before {
  background-color: #cddc39
}

.floating-button.bg-lime,
.floating-button.color-lime,
.speed-dial-buttons a.bg-lime,
.speed-dial-buttons a.color-lime {
  color: #fff;
  background: #cddc39
}

.floating-button.bg-lime.active-state,
.floating-button.color-lime.active-state,
.speed-dial-buttons a.bg-lime.active-state,
.speed-dial-buttons a.color-lime.active-state,
html:not(.watch-active-state) .floating-button.bg-lime:active,
html:not(.watch-active-state) .floating-button.color-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-lime:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-lime:active {
  background: #afb42b
}

.floating-button.bg-lime i,
.floating-button.color-lime i,
.speed-dial-buttons a.bg-lime i,
.speed-dial-buttons a.color-lime i {
  color: inherit
}

.ripple-lime .ripple-wave {
  background-color: rgba(205, 220, 57, .3)
}

.range-slider.color-lime input[type=range]::-webkit-slider-thumb,
.range-slider.color-lime input[type=range]::-webkit-slider-thumb:before {
  background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-ms-fill-lower,
.range-slider.color-lime input[type=range]::-ms-thumb {
  background-color: #cddc39
}

.range-slider.color-lime input[type=range]::-moz-range-thumb {
  background-color: #cddc39
}

.badge.color-lime {
  background-color: #cddc39;
  color: #fff
}

.color-yellow,
.list-block .item-link.color-yellow,
.list-block .item-link.list-button.color-yellow,
.list-button.color-yellow,
.tabbar a.active.color-yellow,
a.color-yellow {
  color: #ffeb3b
}

.label-switch.color-yellow input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-yellow {
  background-color: #ffeb3b
}

.button.color-yellow:not(.button-fill),
.color-yellow.buttons-row .button:not(.button-fill) {
  color: #ffeb3b !important
}

.button.button-fill.bg-yellow,
.button.button-fill.color-yellow {
  background: #ffeb3b !important;
  color: #fff
}

.button.button-fill.bg-yellow.active-state,
.button.button-fill.color-yellow.active-state,
html:not(.watch-active-state) .button.button-fill.bg-yellow:active,
html:not(.watch-active-state) .button.button-fill.color-yellow:active {
  background: #fbc02d !important
}

.progressbar.bg-yellow,
.progressbar.color-yellow {
  background-color: rgba(255, 235, 59, .5)
}

.progressbar.bg-yellow span,
.progressbar.color-yellow span {
  background-color: #ffeb3b
}

.progressbar-infinite.bg-yellow,
.progressbar-infinite.color-yellow {
  background-color: rgba(255, 235, 59, .5)
}

.progressbar-infinite.bg-yellow:after,
.progressbar-infinite.bg-yellow:before,
.progressbar-infinite.color-yellow:after,
.progressbar-infinite.color-yellow:before {
  background-color: #ffeb3b
}

.color-yellow i.icon,
i.icon.color-yellow {
  color: #ffeb3b
}

.preloader.color-yellow svg circle,
.preloader.preloader-yellow svg circle {
  stroke: #ffeb3b
}

.preloader.color-yellow .preloader-inner-gap,
.preloader.color-yellow .preloader-inner-half-circle,
.preloader.preloader-yellow .preloader-inner-gap,
.preloader.preloader-yellow .preloader-inner-half-circle {
  border-color: #ffeb3b
}

.bg-yellow,
.list-block .swipeout-actions-left a.bg-yellow,
.list-block .swipeout-actions-right a.bg-yellow,
a.bg-yellow {
  background-color: #ffeb3b;
  background: #ffeb3b !important
}

.list-block.bg-yellow .item-link.active-state,
.list-block .bg-yellow .item-link.active-state,
.list-block .item-link.bg-yellow.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-yellow.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-yellow.active-state,
.list-block .item-linka.bg-yellow.active-state,
.list-block.list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-yellow .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-yellow .item-link.active-state,
.list-blocka.bg-yellow .item-link.active-state,
.list-block a.bg-yellow .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-yellow:active,
html:not(.watch-active-state) .list-block .item-linka.bg-yellow:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-yellow .item-link:active,
html:not(.watch-active-state) .list-block a.bg-yellow .item-link:active {
  background: #fbc02d
}

.border-yellow {
  border-color: #ffeb3b
}

.border-yellow:after,
.border-yellow:before,
.list-block .border-yellow.item-inner:after,
.list-block .border-yellow.item-inner:before,
.list-block ul.border-yellow:after,
.list-block ul.border-yellow:before {
  background-color: #ffeb3b
}

.floating-button.bg-yellow,
.floating-button.color-yellow,
.speed-dial-buttons a.bg-yellow,
.speed-dial-buttons a.color-yellow {
  color: #fff;
  background: #ffeb3b
}

.floating-button.bg-yellow.active-state,
.floating-button.color-yellow.active-state,
.speed-dial-buttons a.bg-yellow.active-state,
.speed-dial-buttons a.color-yellow.active-state,
html:not(.watch-active-state) .floating-button.bg-yellow:active,
html:not(.watch-active-state) .floating-button.color-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-yellow:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-yellow:active {
  background: #fbc02d
}

.floating-button.bg-yellow i,
.floating-button.color-yellow i,
.speed-dial-buttons a.bg-yellow i,
.speed-dial-buttons a.color-yellow i {
  color: inherit
}

.ripple-yellow .ripple-wave {
  background-color: rgba(255, 235, 59, .3)
}

.range-slider.color-yellow input[type=range]::-webkit-slider-thumb,
.range-slider.color-yellow input[type=range]::-webkit-slider-thumb:before {
  background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-ms-fill-lower,
.range-slider.color-yellow input[type=range]::-ms-thumb {
  background-color: #ffeb3b
}

.range-slider.color-yellow input[type=range]::-moz-range-thumb {
  background-color: #ffeb3b
}

.badge.color-yellow {
  background-color: #ffeb3b;
  color: #fff
}

.color-amber,
.list-block .item-link.color-amber,
.list-block .item-link.list-button.color-amber,
.list-button.color-amber,
.tabbar a.active.color-amber,
a.color-amber {
  color: #ffc107
}

.label-switch.color-amber input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-amber {
  background-color: #ffc107
}

.button.color-amber:not(.button-fill),
.color-amber.buttons-row .button:not(.button-fill) {
  color: #ffc107 !important
}

.button.button-fill.bg-amber,
.button.button-fill.color-amber {
  background: #ffc107 !important;
  color: #fff
}

.button.button-fill.bg-amber.active-state,
.button.button-fill.color-amber.active-state,
html:not(.watch-active-state) .button.button-fill.bg-amber:active,
html:not(.watch-active-state) .button.button-fill.color-amber:active {
  background: #ffa000 !important
}

.progressbar.bg-amber,
.progressbar.color-amber {
  background-color: rgba(255, 193, 7, .5)
}

.progressbar.bg-amber span,
.progressbar.color-amber span {
  background-color: #ffc107
}

.progressbar-infinite.bg-amber,
.progressbar-infinite.color-amber {
  background-color: rgba(255, 193, 7, .5)
}

.progressbar-infinite.bg-amber:after,
.progressbar-infinite.bg-amber:before,
.progressbar-infinite.color-amber:after,
.progressbar-infinite.color-amber:before {
  background-color: #ffc107
}

.color-amber i.icon,
i.icon.color-amber {
  color: #ffc107
}

.preloader.color-amber svg circle,
.preloader.preloader-amber svg circle {
  stroke: #ffc107
}

.preloader.color-amber .preloader-inner-gap,
.preloader.color-amber .preloader-inner-half-circle,
.preloader.preloader-amber .preloader-inner-gap,
.preloader.preloader-amber .preloader-inner-half-circle {
  border-color: #ffc107
}

.bg-amber,
.list-block .swipeout-actions-left a.bg-amber,
.list-block .swipeout-actions-right a.bg-amber,
a.bg-amber {
  background-color: #ffc107;
  background: #ffc107 !important
}

.list-block.bg-amber .item-link.active-state,
.list-block .bg-amber .item-link.active-state,
.list-block .item-link.bg-amber.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-amber.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-amber.active-state,
.list-block .item-linka.bg-amber.active-state,
.list-block.list-block .swipeout-actions-left a.bg-amber .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-amber .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-amber .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-amber .item-link.active-state,
.list-blocka.bg-amber .item-link.active-state,
.list-block a.bg-amber .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-amber:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-amber:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-amber:active,
html:not(.watch-active-state) .list-block .item-linka.bg-amber:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-amber .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-amber .item-link:active,
html:not(.watch-active-state) .list-block a.bg-amber .item-link:active {
  background: #ffa000
}

.border-amber {
  border-color: #ffc107
}

.border-amber:after,
.border-amber:before,
.list-block .border-amber.item-inner:after,
.list-block .border-amber.item-inner:before,
.list-block ul.border-amber:after,
.list-block ul.border-amber:before {
  background-color: #ffc107
}

.floating-button.bg-amber,
.floating-button.color-amber,
.speed-dial-buttons a.bg-amber,
.speed-dial-buttons a.color-amber {
  color: #fff;
  background: #ffc107
}

.floating-button.bg-amber.active-state,
.floating-button.color-amber.active-state,
.speed-dial-buttons a.bg-amber.active-state,
.speed-dial-buttons a.color-amber.active-state,
html:not(.watch-active-state) .floating-button.bg-amber:active,
html:not(.watch-active-state) .floating-button.color-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-amber:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-amber:active {
  background: #ffa000
}

.floating-button.bg-amber i,
.floating-button.color-amber i,
.speed-dial-buttons a.bg-amber i,
.speed-dial-buttons a.color-amber i {
  color: inherit
}

.ripple-amber .ripple-wave {
  background-color: rgba(255, 193, 7, .3)
}

.range-slider.color-amber input[type=range]::-webkit-slider-thumb,
.range-slider.color-amber input[type=range]::-webkit-slider-thumb:before {
  background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-ms-fill-lower,
.range-slider.color-amber input[type=range]::-ms-thumb {
  background-color: #ffc107
}

.range-slider.color-amber input[type=range]::-moz-range-thumb {
  background-color: #ffc107
}

.badge.color-amber {
  background-color: #ffc107;
  color: #fff
}

.color-orange,
.list-block .item-link.color-orange,
.list-block .item-link.list-button.color-orange,
.list-button.color-orange,
.tabbar a.active.color-orange,
a.color-orange {
  color: #ff9800
}

.label-switch.color-orange input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-orange {
  background-color: #ff9800
}

.button.color-orange:not(.button-fill),
.color-orange.buttons-row .button:not(.button-fill) {
  color: #ff9800 !important
}

.button.button-fill.bg-orange,
.button.button-fill.color-orange {
  background: #ff9800 !important;
  color: #fff
}

.button.button-fill.bg-orange.active-state,
.button.button-fill.color-orange.active-state,
html:not(.watch-active-state) .button.button-fill.bg-orange:active,
html:not(.watch-active-state) .button.button-fill.color-orange:active {
  background: #f57c00 !important
}

.progressbar.bg-orange,
.progressbar.color-orange {
  background-color: rgba(255, 152, 0, .5)
}

.progressbar.bg-orange span,
.progressbar.color-orange span {
  background-color: #ff9800
}

.progressbar-infinite.bg-orange,
.progressbar-infinite.color-orange {
  background-color: rgba(255, 152, 0, .5)
}

.progressbar-infinite.bg-orange:after,
.progressbar-infinite.bg-orange:before,
.progressbar-infinite.color-orange:after,
.progressbar-infinite.color-orange:before {
  background-color: #ff9800
}

.color-orange i.icon,
i.icon.color-orange {
  color: #ff9800
}

.preloader.color-orange svg circle,
.preloader.preloader-orange svg circle {
  stroke: #ff9800
}

.preloader.color-orange .preloader-inner-gap,
.preloader.color-orange .preloader-inner-half-circle,
.preloader.preloader-orange .preloader-inner-gap,
.preloader.preloader-orange .preloader-inner-half-circle {
  border-color: #ff9800
}

.bg-orange,
.list-block .swipeout-actions-left a.bg-orange,
.list-block .swipeout-actions-right a.bg-orange,
a.bg-orange {
  background-color: #ff9800;
  background: #ff9800 !important
}

.list-block.bg-orange .item-link.active-state,
.list-block .bg-orange .item-link.active-state,
.list-block .item-link.bg-orange.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-orange.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-orange.active-state,
.list-block .item-linka.bg-orange.active-state,
.list-block.list-block .swipeout-actions-left a.bg-orange .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-orange .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-orange .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-orange .item-link.active-state,
.list-blocka.bg-orange .item-link.active-state,
.list-block a.bg-orange .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-orange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-orange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-orange:active,
html:not(.watch-active-state) .list-block .item-linka.bg-orange:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-orange .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-orange .item-link:active,
html:not(.watch-active-state) .list-block a.bg-orange .item-link:active {
  background: #f57c00
}

.border-orange {
  border-color: #ff9800
}

.border-orange:after,
.border-orange:before,
.list-block .border-orange.item-inner:after,
.list-block .border-orange.item-inner:before,
.list-block ul.border-orange:after,
.list-block ul.border-orange:before {
  background-color: #ff9800
}

.floating-button.bg-orange,
.floating-button.color-orange,
.speed-dial-buttons a.bg-orange,
.speed-dial-buttons a.color-orange {
  color: #fff;
  background: #ff9800
}

.floating-button.bg-orange.active-state,
.floating-button.color-orange.active-state,
.speed-dial-buttons a.bg-orange.active-state,
.speed-dial-buttons a.color-orange.active-state,
html:not(.watch-active-state) .floating-button.bg-orange:active,
html:not(.watch-active-state) .floating-button.color-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-orange:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-orange:active {
  background: #f57c00
}

.floating-button.bg-orange i,
.floating-button.color-orange i,
.speed-dial-buttons a.bg-orange i,
.speed-dial-buttons a.color-orange i {
  color: inherit
}

.ripple-orange .ripple-wave {
  background-color: rgba(255, 152, 0, .3)
}

.range-slider.color-orange input[type=range]::-webkit-slider-thumb,
.range-slider.color-orange input[type=range]::-webkit-slider-thumb:before {
  background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-ms-fill-lower,
.range-slider.color-orange input[type=range]::-ms-thumb {
  background-color: #ff9800
}

.range-slider.color-orange input[type=range]::-moz-range-thumb {
  background-color: #ff9800
}

.badge.color-orange {
  background-color: #ff9800;
  color: #fff
}

.color-deeporange,
.list-block .item-link.color-deeporange,
.list-block .item-link.list-button.color-deeporange,
.list-button.color-deeporange,
.tabbar a.active.color-deeporange,
a.color-deeporange {
  color: #ff5722
}

.label-switch.color-deeporange input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-deeporange {
  background-color: #ff5722
}

.button.color-deeporange:not(.button-fill),
.color-deeporange.buttons-row .button:not(.button-fill) {
  color: #ff5722 !important
}

.button.button-fill.bg-deeporange,
.button.button-fill.color-deeporange {
  background: #ff5722 !important;
  color: #fff
}

.button.button-fill.bg-deeporange.active-state,
.button.button-fill.color-deeporange.active-state,
html:not(.watch-active-state) .button.button-fill.bg-deeporange:active,
html:not(.watch-active-state) .button.button-fill.color-deeporange:active {
  background: #e64a19 !important
}

.progressbar.bg-deeporange,
.progressbar.color-deeporange {
  background-color: rgba(255, 87, 34, .5)
}

.progressbar.bg-deeporange span,
.progressbar.color-deeporange span {
  background-color: #ff5722
}

.progressbar-infinite.bg-deeporange,
.progressbar-infinite.color-deeporange {
  background-color: rgba(255, 87, 34, .5)
}

.progressbar-infinite.bg-deeporange:after,
.progressbar-infinite.bg-deeporange:before,
.progressbar-infinite.color-deeporange:after,
.progressbar-infinite.color-deeporange:before {
  background-color: #ff5722
}

.color-deeporange i.icon,
i.icon.color-deeporange {
  color: #ff5722
}

.preloader.color-deeporange svg circle,
.preloader.preloader-deeporange svg circle {
  stroke: #ff5722
}

.preloader.color-deeporange .preloader-inner-gap,
.preloader.color-deeporange .preloader-inner-half-circle,
.preloader.preloader-deeporange .preloader-inner-gap,
.preloader.preloader-deeporange .preloader-inner-half-circle {
  border-color: #ff5722
}

.bg-deeporange,
.list-block .swipeout-actions-left a.bg-deeporange,
.list-block .swipeout-actions-right a.bg-deeporange,
a.bg-deeporange {
  background-color: #ff5722;
  background: #ff5722 !important
}

.list-block.bg-deeporange .item-link.active-state,
.list-block .bg-deeporange .item-link.active-state,
.list-block .item-link.bg-deeporange.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange.active-state,
.list-block .item-linka.bg-deeporange.active-state,
.list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link.active-state,
.list-blocka.bg-deeporange .item-link.active-state,
.list-block a.bg-deeporange .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-deeporange:active,
html:not(.watch-active-state) .list-block .item-linka.bg-deeporange:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-deeporange .item-link:active,
html:not(.watch-active-state) .list-block a.bg-deeporange .item-link:active {
  background: #e64a19
}

.border-deeporange {
  border-color: #ff5722
}

.border-deeporange:after,
.border-deeporange:before,
.list-block .border-deeporange.item-inner:after,
.list-block .border-deeporange.item-inner:before,
.list-block ul.border-deeporange:after,
.list-block ul.border-deeporange:before {
  background-color: #ff5722
}

.floating-button.bg-deeporange,
.floating-button.color-deeporange,
.speed-dial-buttons a.bg-deeporange,
.speed-dial-buttons a.color-deeporange {
  color: #fff;
  background: #ff5722
}

.floating-button.bg-deeporange.active-state,
.floating-button.color-deeporange.active-state,
.speed-dial-buttons a.bg-deeporange.active-state,
.speed-dial-buttons a.color-deeporange.active-state,
html:not(.watch-active-state) .floating-button.bg-deeporange:active,
html:not(.watch-active-state) .floating-button.color-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-deeporange:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-deeporange:active {
  background: #e64a19
}

.floating-button.bg-deeporange i,
.floating-button.color-deeporange i,
.speed-dial-buttons a.bg-deeporange i,
.speed-dial-buttons a.color-deeporange i {
  color: inherit
}

.ripple-deeporange .ripple-wave {
  background-color: rgba(255, 87, 34, .3)
}

.range-slider.color-deeporange input[type=range]::-webkit-slider-thumb,
.range-slider.color-deeporange input[type=range]::-webkit-slider-thumb:before {
  background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-ms-fill-lower,
.range-slider.color-deeporange input[type=range]::-ms-thumb {
  background-color: #ff5722
}

.range-slider.color-deeporange input[type=range]::-moz-range-thumb {
  background-color: #ff5722
}

.badge.color-deeporange {
  background-color: #ff5722;
  color: #fff
}

.color-brown,
.list-block .item-link.color-brown,
.list-block .item-link.list-button.color-brown,
.list-button.color-brown,
.tabbar a.active.color-brown,
a.color-brown {
  color: #795548
}

.label-switch.color-brown input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-brown {
  background-color: #795548
}

.button.color-brown:not(.button-fill),
.color-brown.buttons-row .button:not(.button-fill) {
  color: #795548 !important
}

.button.button-fill.bg-brown,
.button.button-fill.color-brown {
  background: #795548 !important;
  color: #fff
}

.button.button-fill.bg-brown.active-state,
.button.button-fill.color-brown.active-state,
html:not(.watch-active-state) .button.button-fill.bg-brown:active,
html:not(.watch-active-state) .button.button-fill.color-brown:active {
  background: #5d4037 !important
}

.progressbar.bg-brown,
.progressbar.color-brown {
  background-color: rgba(121, 85, 72, .5)
}

.progressbar.bg-brown span,
.progressbar.color-brown span {
  background-color: #795548
}

.progressbar-infinite.bg-brown,
.progressbar-infinite.color-brown {
  background-color: rgba(121, 85, 72, .5)
}

.progressbar-infinite.bg-brown:after,
.progressbar-infinite.bg-brown:before,
.progressbar-infinite.color-brown:after,
.progressbar-infinite.color-brown:before {
  background-color: #795548
}

.color-brown i.icon,
i.icon.color-brown {
  color: #795548
}

.preloader.color-brown svg circle,
.preloader.preloader-brown svg circle {
  stroke: #795548
}

.preloader.color-brown .preloader-inner-gap,
.preloader.color-brown .preloader-inner-half-circle,
.preloader.preloader-brown .preloader-inner-gap,
.preloader.preloader-brown .preloader-inner-half-circle {
  border-color: #795548
}

.bg-brown,
.list-block .swipeout-actions-left a.bg-brown,
.list-block .swipeout-actions-right a.bg-brown,
a.bg-brown {
  background-color: #795548;
  background: #795548 !important
}

.list-block.bg-brown .item-link.active-state,
.list-block .bg-brown .item-link.active-state,
.list-block .item-link.bg-brown.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-brown.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-brown.active-state,
.list-block .item-linka.bg-brown.active-state,
.list-block.list-block .swipeout-actions-left a.bg-brown .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-brown .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-brown .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-brown .item-link.active-state,
.list-blocka.bg-brown .item-link.active-state,
.list-block a.bg-brown .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-brown:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-brown:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-brown:active,
html:not(.watch-active-state) .list-block .item-linka.bg-brown:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-brown .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-brown .item-link:active,
html:not(.watch-active-state) .list-block a.bg-brown .item-link:active {
  background: #5d4037
}

.border-brown {
  border-color: #795548
}

.border-brown:after,
.border-brown:before,
.list-block .border-brown.item-inner:after,
.list-block .border-brown.item-inner:before,
.list-block ul.border-brown:after,
.list-block ul.border-brown:before {
  background-color: #795548
}

.floating-button.bg-brown,
.floating-button.color-brown,
.speed-dial-buttons a.bg-brown,
.speed-dial-buttons a.color-brown {
  color: #fff;
  background: #795548
}

.floating-button.bg-brown.active-state,
.floating-button.color-brown.active-state,
.speed-dial-buttons a.bg-brown.active-state,
.speed-dial-buttons a.color-brown.active-state,
html:not(.watch-active-state) .floating-button.bg-brown:active,
html:not(.watch-active-state) .floating-button.color-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-brown:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-brown:active {
  background: #5d4037
}

.floating-button.bg-brown i,
.floating-button.color-brown i,
.speed-dial-buttons a.bg-brown i,
.speed-dial-buttons a.color-brown i {
  color: inherit
}

.ripple-brown .ripple-wave {
  background-color: rgba(121, 85, 72, .3)
}

.range-slider.color-brown input[type=range]::-webkit-slider-thumb,
.range-slider.color-brown input[type=range]::-webkit-slider-thumb:before {
  background-color: #795548
}

.range-slider.color-brown input[type=range]::-ms-fill-lower,
.range-slider.color-brown input[type=range]::-ms-thumb {
  background-color: #795548
}

.range-slider.color-brown input[type=range]::-moz-range-thumb {
  background-color: #795548
}

.badge.color-brown {
  background-color: #795548;
  color: #fff
}

.color-gray,
.list-block .item-link.color-gray,
.list-block .item-link.list-button.color-gray,
.list-button.color-gray,
.tabbar a.active.color-gray,
a.color-gray {
  color: #9e9e9e
}

.label-switch.color-gray input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-gray {
  background-color: #9e9e9e
}

.button.color-gray:not(.button-fill),
.color-gray.buttons-row .button:not(.button-fill) {
  color: #9e9e9e !important
}

.button.button-fill.bg-gray,
.button.button-fill.color-gray {
  background: #9e9e9e !important;
  color: #fff
}

.button.button-fill.bg-gray.active-state,
.button.button-fill.color-gray.active-state,
html:not(.watch-active-state) .button.button-fill.bg-gray:active,
html:not(.watch-active-state) .button.button-fill.color-gray:active {
  background: #616161 !important
}

.progressbar.bg-gray,
.progressbar.color-gray {
  background-color: hsla(0, 0%, 62%, .5)
}

.progressbar.bg-gray span,
.progressbar.color-gray span {
  background-color: #9e9e9e
}

.progressbar-infinite.bg-gray,
.progressbar-infinite.color-gray {
  background-color: hsla(0, 0%, 62%, .5)
}

.progressbar-infinite.bg-gray:after,
.progressbar-infinite.bg-gray:before,
.progressbar-infinite.color-gray:after,
.progressbar-infinite.color-gray:before {
  background-color: #9e9e9e
}

.color-gray i.icon,
i.icon.color-gray {
  color: #9e9e9e
}

.preloader.color-gray svg circle,
.preloader.preloader-gray svg circle {
  stroke: #9e9e9e
}

.preloader.color-gray .preloader-inner-gap,
.preloader.color-gray .preloader-inner-half-circle,
.preloader.preloader-gray .preloader-inner-gap,
.preloader.preloader-gray .preloader-inner-half-circle {
  border-color: #9e9e9e
}

.bg-gray,
.list-block .swipeout-actions-left a.bg-gray,
.list-block .swipeout-actions-right a.bg-gray,
a.bg-gray {
  background-color: #9e9e9e;
  background: #9e9e9e !important
}

.list-block.bg-gray .item-link.active-state,
.list-block .bg-gray .item-link.active-state,
.list-block .item-link.bg-gray.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-gray.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-gray.active-state,
.list-block .item-linka.bg-gray.active-state,
.list-block.list-block .swipeout-actions-left a.bg-gray .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-gray .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-gray .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-gray .item-link.active-state,
.list-blocka.bg-gray .item-link.active-state,
.list-block a.bg-gray .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-gray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-gray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-gray:active,
html:not(.watch-active-state) .list-block .item-linka.bg-gray:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-gray .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-gray .item-link:active,
html:not(.watch-active-state) .list-block a.bg-gray .item-link:active {
  background: #616161
}

.border-gray {
  border-color: #9e9e9e
}

.border-gray:after,
.border-gray:before,
.list-block .border-gray.item-inner:after,
.list-block .border-gray.item-inner:before,
.list-block ul.border-gray:after,
.list-block ul.border-gray:before {
  background-color: #9e9e9e
}

.floating-button.bg-gray,
.floating-button.color-gray,
.speed-dial-buttons a.bg-gray,
.speed-dial-buttons a.color-gray {
  color: #fff;
  background: #9e9e9e
}

.floating-button.bg-gray.active-state,
.floating-button.color-gray.active-state,
.speed-dial-buttons a.bg-gray.active-state,
.speed-dial-buttons a.color-gray.active-state,
html:not(.watch-active-state) .floating-button.bg-gray:active,
html:not(.watch-active-state) .floating-button.color-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-gray:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-gray:active {
  background: #616161
}

.floating-button.bg-gray i,
.floating-button.color-gray i,
.speed-dial-buttons a.bg-gray i,
.speed-dial-buttons a.color-gray i {
  color: inherit
}

.ripple-gray .ripple-wave {
  background-color: hsla(0, 0%, 62%, .3)
}

.range-slider.color-gray input[type=range]::-webkit-slider-thumb,
.range-slider.color-gray input[type=range]::-webkit-slider-thumb:before {
  background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-ms-fill-lower,
.range-slider.color-gray input[type=range]::-ms-thumb {
  background-color: #9e9e9e
}

.range-slider.color-gray input[type=range]::-moz-range-thumb {
  background-color: #9e9e9e
}

.badge.color-gray {
  background-color: #9e9e9e;
  color: #fff
}

.color-bluegray,
.list-block .item-link.color-bluegray,
.list-block .item-link.list-button.color-bluegray,
.list-button.color-bluegray,
.tabbar a.active.color-bluegray,
a.color-bluegray {
  color: #607d8b
}

.label-switch.color-bluegray input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-bluegray {
  background-color: #607d8b
}

.button.color-bluegray:not(.button-fill),
.color-bluegray.buttons-row .button:not(.button-fill) {
  color: #607d8b !important
}

.button.button-fill.bg-bluegray,
.button.button-fill.color-bluegray {
  background: #607d8b !important;
  color: #fff
}

.button.button-fill.bg-bluegray.active-state,
.button.button-fill.color-bluegray.active-state,
html:not(.watch-active-state) .button.button-fill.bg-bluegray:active,
html:not(.watch-active-state) .button.button-fill.color-bluegray:active {
  background: #455a64 !important
}

.progressbar.bg-bluegray,
.progressbar.color-bluegray {
  background-color: rgba(96, 125, 139, .5)
}

.progressbar.bg-bluegray span,
.progressbar.color-bluegray span {
  background-color: #607d8b
}

.progressbar-infinite.bg-bluegray,
.progressbar-infinite.color-bluegray {
  background-color: rgba(96, 125, 139, .5)
}

.progressbar-infinite.bg-bluegray:after,
.progressbar-infinite.bg-bluegray:before,
.progressbar-infinite.color-bluegray:after,
.progressbar-infinite.color-bluegray:before {
  background-color: #607d8b
}

.color-bluegray i.icon,
i.icon.color-bluegray {
  color: #607d8b
}

.preloader.color-bluegray svg circle,
.preloader.preloader-bluegray svg circle {
  stroke: #607d8b
}

.preloader.color-bluegray .preloader-inner-gap,
.preloader.color-bluegray .preloader-inner-half-circle,
.preloader.preloader-bluegray .preloader-inner-gap,
.preloader.preloader-bluegray .preloader-inner-half-circle {
  border-color: #607d8b
}

.bg-bluegray,
.list-block .swipeout-actions-left a.bg-bluegray,
.list-block .swipeout-actions-right a.bg-bluegray,
a.bg-bluegray {
  background-color: #607d8b;
  background: #607d8b !important
}

.list-block.bg-bluegray .item-link.active-state,
.list-block .bg-bluegray .item-link.active-state,
.list-block .item-link.bg-bluegray.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray.active-state,
.list-block .item-linka.bg-bluegray.active-state,
.list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link.active-state,
.list-blocka.bg-bluegray .item-link.active-state,
.list-block a.bg-bluegray .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-bluegray:active,
html:not(.watch-active-state) .list-block .item-linka.bg-bluegray:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-bluegray .item-link:active,
html:not(.watch-active-state) .list-block a.bg-bluegray .item-link:active {
  background: #455a64
}

.border-bluegray {
  border-color: #607d8b
}

.border-bluegray:after,
.border-bluegray:before,
.list-block .border-bluegray.item-inner:after,
.list-block .border-bluegray.item-inner:before,
.list-block ul.border-bluegray:after,
.list-block ul.border-bluegray:before {
  background-color: #607d8b
}

.floating-button.bg-bluegray,
.floating-button.color-bluegray,
.speed-dial-buttons a.bg-bluegray,
.speed-dial-buttons a.color-bluegray {
  color: #fff;
  background: #607d8b
}

.floating-button.bg-bluegray.active-state,
.floating-button.color-bluegray.active-state,
.speed-dial-buttons a.bg-bluegray.active-state,
.speed-dial-buttons a.color-bluegray.active-state,
html:not(.watch-active-state) .floating-button.bg-bluegray:active,
html:not(.watch-active-state) .floating-button.color-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-bluegray:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-bluegray:active {
  background: #455a64
}

.floating-button.bg-bluegray i,
.floating-button.color-bluegray i,
.speed-dial-buttons a.bg-bluegray i,
.speed-dial-buttons a.color-bluegray i {
  color: inherit
}

.ripple-bluegray .ripple-wave {
  background-color: rgba(96, 125, 139, .3)
}

.range-slider.color-bluegray input[type=range]::-webkit-slider-thumb,
.range-slider.color-bluegray input[type=range]::-webkit-slider-thumb:before {
  background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-ms-fill-lower,
.range-slider.color-bluegray input[type=range]::-ms-thumb {
  background-color: #607d8b
}

.range-slider.color-bluegray input[type=range]::-moz-range-thumb {
  background-color: #607d8b
}

.badge.color-bluegray {
  background-color: #607d8b;
  color: #fff
}

.color-white,
.list-block .item-link.color-white,
.list-block .item-link.list-button.color-white,
.list-button.color-white,
.tabbar a.active.color-white,
a.color-white {
  color: #fff
}

.label-switch.color-white input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-white {
  background-color: #fff
}

.button.color-white:not(.button-fill),
.color-white.buttons-row .button:not(.button-fill) {
  color: #fff !important
}

.button.button-fill.bg-white,
.button.button-fill.color-white {
  background: #fff !important;
  color: #fff
}

.button.button-fill.bg-white.active-state,
.button.button-fill.color-white.active-state,
html:not(.watch-active-state) .button.button-fill.bg-white:active,
html:not(.watch-active-state) .button.button-fill.color-white:active {
  background: rgba(0, 0, 0, .1) !important
}

.progressbar.bg-white,
.progressbar.color-white {
  background-color: hsla(0, 0%, 100%, .5)
}

.progressbar.bg-white span,
.progressbar.color-white span {
  background-color: #fff
}

.progressbar-infinite.bg-white,
.progressbar-infinite.color-white {
  background-color: hsla(0, 0%, 100%, .5)
}

.progressbar-infinite.bg-white:after,
.progressbar-infinite.bg-white:before,
.progressbar-infinite.color-white:after,
.progressbar-infinite.color-white:before {
  background-color: #fff
}

.color-white i.icon,
i.icon.color-white {
  color: #fff
}

.preloader.color-white svg circle,
.preloader.preloader-white svg circle {
  stroke: #fff
}

.preloader.color-white .preloader-inner-gap,
.preloader.color-white .preloader-inner-half-circle,
.preloader.preloader-white .preloader-inner-gap,
.preloader.preloader-white .preloader-inner-half-circle {
  border-color: #fff
}

.bg-white,
.list-block .swipeout-actions-left a.bg-white,
.list-block .swipeout-actions-right a.bg-white,
a.bg-white {
  background-color: #fff
}

.list-block.bg-white .item-link.active-state,
.list-block .bg-white .item-link.active-state,
.list-block .item-link.bg-white.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-white.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-white.active-state,
.list-block .item-linka.bg-white.active-state,
.list-block.list-block .swipeout-actions-left a.bg-white .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-white .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-white .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-white .item-link.active-state,
.list-blocka.bg-white .item-link.active-state,
.list-block a.bg-white .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-white .item-link:active,
html:not(.watch-active-state) .list-block .bg-white .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-white:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-white:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-white:active,
html:not(.watch-active-state) .list-block .item-linka.bg-white:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-white .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-white .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-white .item-link:active,
html:not(.watch-active-state) .list-block a.bg-white .item-link:active {
  background: rgba(0, 0, 0, .1)
}

.border-white {
  border-color: #fff
}

.border-white:after,
.border-white:before,
.list-block .border-white.item-inner:after,
.list-block .border-white.item-inner:before,
.list-block ul.border-white:after,
.list-block ul.border-white:before {
  background-color: #fff
}

.floating-button.bg-white,
.floating-button.color-white,
.speed-dial-buttons a.bg-white,
.speed-dial-buttons a.color-white {
  color: #fff;
  background: #fff
}

.floating-button.bg-white.active-state,
.floating-button.color-white.active-state,
.speed-dial-buttons a.bg-white.active-state,
.speed-dial-buttons a.color-white.active-state,
html:not(.watch-active-state) .floating-button.bg-white:active,
html:not(.watch-active-state) .floating-button.color-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-white:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-white:active {
  background: rgba(0, 0, 0, .1)
}

.floating-button.bg-white i,
.floating-button.color-white i,
.speed-dial-buttons a.bg-white i,
.speed-dial-buttons a.color-white i {
  color: inherit
}

.ripple-white .ripple-wave {
  background-color: hsla(0, 0%, 100%, .3)
}

.range-slider.color-white input[type=range]::-webkit-slider-thumb,
.range-slider.color-white input[type=range]::-webkit-slider-thumb:before {
  background-color: #fff
}

.range-slider.color-white input[type=range]::-ms-fill-lower,
.range-slider.color-white input[type=range]::-ms-thumb {
  background-color: #fff
}

.range-slider.color-white input[type=range]::-moz-range-thumb {
  background-color: #fff
}

.badge.color-white {
  background-color: #fff;
  color: #fff
}

.color-black,
.list-block .item-link.color-black,
.list-block .item-link.list-button.color-black,
.list-button.color-black,
.tabbar a.active.color-black,
a.color-black {
  color: #000
}

.label-switch.color-black input[type=checkbox]:checked+.checkbox,
.label-switch input[type=checkbox]:checked+.checkbox.color-black {
  background-color: #000
}

.button.color-black:not(.button-fill),
.color-black.buttons-row .button:not(.button-fill) {
  color: #000 !important
}

.button.button-fill.bg-black,
.button.button-fill.color-black {
  background: #000 !important;
  color: #fff
}

.button.button-fill.bg-black.active-state,
.button.button-fill.color-black.active-state,
html:not(.watch-active-state) .button.button-fill.bg-black:active,
html:not(.watch-active-state) .button.button-fill.color-black:active {
  background: #333 !important
}

.progressbar.bg-black,
.progressbar.color-black {
  background-color: rgba(0, 0, 0, .5)
}

.progressbar.bg-black span,
.progressbar.color-black span {
  background-color: #000
}

.progressbar-infinite.bg-black,
.progressbar-infinite.color-black {
  background-color: rgba(0, 0, 0, .5)
}

.progressbar-infinite.bg-black:after,
.progressbar-infinite.bg-black:before,
.progressbar-infinite.color-black:after,
.progressbar-infinite.color-black:before {
  background-color: #000
}

.color-black i.icon,
i.icon.color-black {
  color: #000
}

.preloader.color-black svg circle,
.preloader.preloader-black svg circle {
  stroke: #000
}

.preloader.color-black .preloader-inner-gap,
.preloader.color-black .preloader-inner-half-circle,
.preloader.preloader-black .preloader-inner-gap,
.preloader.preloader-black .preloader-inner-half-circle {
  border-color: #000
}

.bg-black,
.list-block .swipeout-actions-left a.bg-black,
.list-block .swipeout-actions-right a.bg-black,
a.bg-black {
  background-color: #000;
  background: #000 !important
}

.list-block.bg-black .item-link.active-state,
.list-block .bg-black .item-link.active-state,
.list-block .item-link.bg-black.active-state,
.list-block .item-link.list-block .swipeout-actions-left a.bg-black.active-state,
.list-block .item-link.list-block .swipeout-actions-right a.bg-black.active-state,
.list-block .item-linka.bg-black.active-state,
.list-block.list-block .swipeout-actions-left a.bg-black .item-link.active-state,
.list-block .list-block .swipeout-actions-left a.bg-black .item-link.active-state,
.list-block.list-block .swipeout-actions-right a.bg-black .item-link.active-state,
.list-block .list-block .swipeout-actions-right a.bg-black .item-link.active-state,
.list-blocka.bg-black .item-link.active-state,
.list-block a.bg-black .item-link.active-state,
html:not(.watch-active-state) .list-block.bg-black .item-link:active,
html:not(.watch-active-state) .list-block .bg-black .item-link:active,
html:not(.watch-active-state) .list-block .item-link.bg-black:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-left a.bg-black:active,
html:not(.watch-active-state) .list-block .item-link.list-block .swipeout-actions-right a.bg-black:active,
html:not(.watch-active-state) .list-block .item-linka.bg-black:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-left a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-left a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block.list-block .swipeout-actions-right a.bg-black .item-link:active,
html:not(.watch-active-state) .list-block .list-block .swipeout-actions-right a.bg-black .item-link:active,
html:not(.watch-active-state) .list-blocka.bg-black .item-link:active,
html:not(.watch-active-state) .list-block a.bg-black .item-link:active {
  background: #333
}

.border-black {
  border-color: #000
}

.border-black:after,
.border-black:before,
.list-block .border-black.item-inner:after,
.list-block .border-black.item-inner:before,
.list-block ul.border-black:after,
.list-block ul.border-black:before {
  background-color: #000
}

.floating-button.bg-black,
.floating-button.color-black,
.speed-dial-buttons a.bg-black,
.speed-dial-buttons a.color-black {
  color: #fff;
  background: #000
}

.floating-button.bg-black.active-state,
.floating-button.color-black.active-state,
.speed-dial-buttons a.bg-black.active-state,
.speed-dial-buttons a.color-black.active-state,
html:not(.watch-active-state) .floating-button.bg-black:active,
html:not(.watch-active-state) .floating-button.color-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.bg-black:active,
html:not(.watch-active-state) .speed-dial-buttons a.color-black:active {
  background: #333
}

.floating-button.bg-black i,
.floating-button.color-black i,
.speed-dial-buttons a.bg-black i,
.speed-dial-buttons a.color-black i {
  color: inherit
}

.ripple-black .ripple-wave {
  background-color: rgba(0, 0, 0, .3)
}

.range-slider.color-black input[type=range]::-webkit-slider-thumb,
.range-slider.color-black input[type=range]::-webkit-slider-thumb:before {
  background-color: #000
}

.range-slider.color-black input[type=range]::-ms-fill-lower,
.range-slider.color-black input[type=range]::-ms-thumb {
  background-color: #000
}

.range-slider.color-black input[type=range]::-moz-range-thumb {
  background-color: #000
}

.badge.color-black {
  background-color: #000;
  color: #fff
}

.theme-color {
  color: var(--theme-color) !important
}

.theme-background-color {
  background: linear-gradient(to bottom, #b11c00, #b11c00) !important;
}

.theme-border-color {
  color: var(--theme-color) !important;
  border: 1px solid var(--theme-color) !important
}

.stm-trending-up {
  font-size: 22px;
  line-height: 1.3;
  color: #f44336
}

.stm-trending-down {
  font-size: 22px;
  line-height: 1.3;
  color: #3c763d
}

.DaluluzituBody,
.DaluluzituHeader {
  position: relative;
  padding-right: 20px
}

.DaluluzituBody {
  padding-top: 21px
}

.DaYanluluzituBody,
.DaYanluzituHeader {
  position: relative;
  padding-right: 20px
}

.DaYanluluzituBody {
  padding-top: 21px
}

.LuZhuluzituBody,
.LuZhuluzituHeader {
  position: relative;
  padding-right: 16px
}

.LuZhuluzituBody {
  padding-top: 22px
}

.WuluzituBody,
.WuluzituHeader {
  position: relative;
  padding-right: 16px;
  width: 100%;
  height: 0
}

.WuluzituBody {
  padding-top: 21px
}

.bg-new-green {
  background: #74bf44 !important
}

/*!*
* simple-keyboard v3.4.126
* https://github.com/hodgef/simple-keyboard
*
* Copyright (c) Francisco Hodge (https://github.com/hodgef) and project contributors.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
**/
.hg-theme-default {
  background-color: #ececec;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
  overflow: hidden;
  padding: 5px;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  width: 100%
}

.hg-theme-default .hg-button span {
  pointer-events: none
}

.hg-theme-default button.hg-button {
  border-width: 0;
  font-size: inherit;
  outline: 0
}

.hg-theme-default .hg-button {
  display: inline-block;
  flex-grow: 1
}

.hg-theme-default .hg-row {
  display: flex
}

.hg-theme-default .hg-row:not(:last-child) {
  margin-bottom: 5px
}

.hg-theme-default .hg-row .hg-button-container,
.hg-theme-default .hg-row .hg-button:not(:last-child) {
  margin-right: 5px
}

.hg-theme-default .hg-row>div:last-child {
  margin-right: 0
}

.hg-theme-default .hg-row .hg-button-container {
  display: flex
}

.hg-theme-default .hg-button {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 5px;
  box-shadow: 0 0 3px -1px rgba(0, 0, 0, .3);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  padding: 5px
}

.hg-theme-default .hg-button.hg-standardBtn {
  width: 20px
}

.hg-theme-default .hg-button.hg-activeButton {
  background: #efefef
}

.hg-theme-default.hg-layout-numeric .hg-button {
  align-items: center;
  display: flex;
  height: 60px;
  justify-content: center;
  width: 33.3%
}

.hg-theme-default .hg-button.hg-button-numpadadd,
.hg-theme-default .hg-button.hg-button-numpadenter {
  height: 85px
}

.hg-theme-default .hg-button.hg-button-numpad0 {
  width: 105px
}

.hg-theme-default .hg-button.hg-button-com {
  max-width: 85px
}

.hg-theme-default .hg-button.hg-standardBtn.hg-button-at {
  max-width: 45px
}

.hg-theme-default .hg-button.hg-selectedButton {
  background: rgba(5, 25, 70, .53);
  color: #fff
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn=".com"] {
  max-width: 82px
}

.hg-theme-default .hg-button.hg-standardBtn[data-skbtn="@"] {
  max-width: 60px
}

.hg-candidate-box {
  background: #ececec;
  border-bottom: 2px solid #b5b5b5;
  border-radius: 5px;
  display: inline-flex;
  margin-top: -10px;
  max-width: 272px;
  position: absolute;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-user-select: none;
  user-select: none
}

ul.hg-candidate-box-list {
  display: flex;
  flex: 1 1;
  list-style: none;
  margin: 0;
  padding: 0
}

li.hg-candidate-box-list-item {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px
}

li.hg-candidate-box-list-item:hover {
  background: rgba(0, 0, 0, .03);
  cursor: pointer
}

li.hg-candidate-box-list-item:active {
  background: rgba(0, 0, 0, .1)
}

.hg-candidate-box-prev:before {
  content: "◄"
}

.hg-candidate-box-next:before {
  content: "►"
}

.hg-candidate-box-next,
.hg-candidate-box-prev {
  align-items: center;
  background: #d0d0d0;
  color: #969696;
  cursor: pointer;
  display: flex;
  padding: 0 10px
}

.hg-candidate-box-next {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px
}

.hg-candidate-box-prev {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px
}

.hg-candidate-box-btn-active {
  color: #444
}

.mdc-tab__ripple.mdc-ripple-upgraded {
  display: none !important
}

.mdc-tab {
  outline: none !important
}

.mdc-tab__content {
  padding-bottom: 10px
}

.menu-page-bg-red .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #f44336 !important
}

.menu-page-bg-pink .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #e91e63 !important
}

.menu-page-bg-purple .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #9c27b0 !important
}

.menu-page-bg-deeppurple .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #673ab7 !important
}

.menu-page-bg-indigo .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #3f51b5 !important
}

.menu-page-bg-blue .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #b11c00 !important
}

.menu-page-bg-lightblue .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #03a9f4 !important
}

.menu-page-bg-cyan .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #00bcd4 !important
}

.menu-page-bg-teal .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #009688 !important
}

.menu-page-bg-green .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #4caf50 !important
}

.menu-page-bg-lightgreen .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #8bc34a !important
}

.menu-page-bg-lime .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #cddc39 !important
}

.menu-page-bg-yellow .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #ffeb3b !important
}

.menu-page-bg-amber .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #ffc107 !important
}

.menu-page-bg-orange .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #ff9800 !important
}

.menu-page-bg-deeporange .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #ff5722 !important
}

.menu-page-bg-brown .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #795548 !important
}

.menu-page-bg-gray .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #9e9e9e !important
}

.menu-page-bg-bluegray .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #607d8b !important
}

.menu-page-bg-black .mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #000 !important
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(0) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
  }

  to {
    -webkit-transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(0) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
  }
}

@keyframes mdc-ripple-fg-radius-in {
  0% {
    -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
    transform: translate(0) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
  }

  to {
    -webkit-transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(0) scale(1);
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0
  }

  to {
    opacity: 0;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
}

@keyframes mdc-ripple-fg-opacity-in {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0
  }

  to {
    opacity: 0;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }

  to {
    opacity: 0
  }
}

@keyframes mdc-ripple-fg-opacity-out {
  0% {
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    opacity: 0;
    opacity: var(--mdc-ripple-fg-opacity, 0)
  }

  to {
    opacity: 0
  }
}

.mdc-ripple-surface--test-edge-var-bug {
  --mdc-ripple-surface-test-edge-var: 1px solid #000;
  visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
  border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-tab {
  position: relative;
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: .875rem;
  line-height: 2.25rem;
  font-weight: 500;
  letter-spacing: .08929em;
  text-decoration: none;
  text-transform: uppercase;
  display: flex;
  flex: 1 0 auto;
  justify-content: center;
  box-sizing: border-box;
  height: 48px;
  padding: 0 24px;
  border: none;
  outline: none;
  background: 0 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  -webkit-appearance: none;
  z-index: 1
}

.mdc-tab .mdc-tab__icon,
.mdc-tab .mdc-tab__text-label {
  color: #000;
  color: var(--mdc-theme-on-surface, #000)
}

.mdc-tab .mdc-tab__icon {
  fill: currentColor
}

.mdc-tab::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mdc-tab--min-width {
  flex: 0 1 auto
}

.mdc-tab__ripple {
  --mdc-ripple-fg-size: 0;
  --mdc-ripple-left: 0;
  --mdc-ripple-top: 0;
  --mdc-ripple-fg-scale: 1;
  --mdc-ripple-fg-translate-end: 0;
  --mdc-ripple-fg-translate-start: 0;
  -webkit-tap-highlight-color: transparent;
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
  content: ""
}

.mdc-tab__ripple:before {
  transition: opacity 15ms linear, background-color 15ms linear;
  z-index: 1
}

.mdc-tab__ripple.mdc-ripple-upgraded:before {
  -webkit-transform: scale(1);
  -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  transform: scale(1);
  transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-tab__ripple.mdc-ripple-upgraded:after {
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: center center;
  transform-origin: center center
}

.mdc-tab__ripple.mdc-ripple-upgraded--unbounded:after {
  top: 0;
  top: var(--mdc-ripple-top, 0);
  left: 0;
  left: var(--mdc-ripple-left, 0)
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation:after {
  -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation:after {
  -webkit-animation: mdc-ripple-fg-opacity-out .15s;
  animation: mdc-ripple-fg-opacity-out .15s;
  -webkit-transform: translate(0) scale(1);
  -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  transform: translate(0) scale(1);
  transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%
}

.mdc-tab__ripple.mdc-ripple-upgraded:after {
  width: 100%;
  width: var(--mdc-ripple-fg-size, 100%);
  height: 100%;
  height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-tab__ripple:after,
.mdc-tab__ripple:before {
  background-color: #6200ee
}

@supports not (-ms-ime-align:auto) {

  .mdc-tab__ripple:after,
  .mdc-tab__ripple:before {
    background-color: #6200ee;
    background-color: var(--mdc-theme-primary, #6200ee)
  }
}

.mdc-tab__ripple:hover:before {
  opacity: .04
}

.mdc-tab__ripple.mdc-ripple-upgraded--background-focused:before,
.mdc-tab__ripple:not(.mdc-ripple-upgraded):focus:before {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):after {
  transition: opacity .15s linear
}

.mdc-tab__ripple:not(.mdc-ripple-upgraded):active:after {
  transition-duration: 75ms;
  opacity: .12
}

.mdc-tab__ripple.mdc-ripple-upgraded {
  --mdc-ripple-fg-opacity: 0.12
}

.mdc-tab__content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  pointer-events: none
}

.mdc-tab__icon,
.mdc-tab__text-label {
  transition: color .15s linear, opacity .15s linear;
  z-index: 2
}

.mdc-tab__text-label {
  display: inline-block;
  opacity: .6;
  line-height: 1
}

.mdc-tab__icon {
  width: 24px;
  height: 24px;
  opacity: .54;
  font-size: 24px
}

.mdc-tab--stacked {
  height: 72px
}

.mdc-tab--stacked .mdc-tab__content {
  flex-direction: column;
  align-items: center;
  justify-content: space-between
}

.mdc-tab--stacked .mdc-tab__icon {
  padding-top: 12px
}

.mdc-tab--stacked .mdc-tab__text-label {
  padding-bottom: 16px
}

.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label {
  color: #6200ee;
  color: var(--mdc-theme-primary, #6200ee)
}

.mdc-tab--active .mdc-tab__icon {
  fill: currentColor
}

.mdc-tab--active .mdc-tab__icon,
.mdc-tab--active .mdc-tab__text-label {
  transition-delay: .1s;
  opacity: 1
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
  padding-left: 8px;
  padding-right: 0
}

.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl],
[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label {
  padding-left: 0;
  padding-right: 8px
}

.mdc-tab-indicator {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1
}

.mdc-tab-indicator>.mdc-tab-indicator__content--underline {
  background-color: #6200ee;
  background-color: var(--mdc-theme-primary, #6200ee);
  height: 2px
}

.mdc-tab-indicator>.mdc-tab-indicator__content--icon {
  color: #018786;
  color: var(--mdc-theme-secondary, #018786);
  height: 34px;
  font-size: 34px
}

.mdc-tab-indicator__content {
  -webkit-transform-origin: left;
  transform-origin: left;
  opacity: 0
}

.mdc-tab-indicator__content--underline {
  align-self: flex-end;
  width: 100%
}

.mdc-tab-indicator__content--icon {
  align-self: center;
  margin: 0 auto
}

.mdc-tab-indicator--active>.mdc-tab-indicator__content {
  opacity: 1
}

.mdc-tab-indicator>.mdc-tab-indicator__content {
  transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1), -webkit-transform .25s cubic-bezier(.4, 0, .2, 1)
}

.mdc-tab-indicator--no-transition>.mdc-tab-indicator__content {
  transition: none
}

.mdc-tab-indicator--fade>.mdc-tab-indicator__content {
  transition: opacity .15s linear
}

.mdc-tab-indicator--active.mdc-tab-indicator--fade>.mdc-tab-indicator__content {
  transition-delay: .1s
}

.mdc-tab-scroller {
  overflow-y: hidden
}

.mdc-tab-scroller__test {
  position: absolute;
  top: -9999px;
  width: 100px;
  height: 100px;
  overflow-x: scroll
}

.mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: touch;
  display: flex;
  overflow-x: hidden
}

.mdc-tab-scroller__scroll-area::-webkit-scrollbar,
.mdc-tab-scroller__test::-webkit-scrollbar {
  display: none
}

.mdc-tab-scroller__scroll-area--scroll {
  overflow-x: scroll
}

.mdc-tab-scroller__scroll-content {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  -webkit-transform: none;
  transform: none;
  will-change: transform
}

.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  justify-content: flex-start
}

.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  justify-content: flex-end
}

.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  justify-content: center
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  -webkit-overflow-scrolling: auto
}

.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  transition: -webkit-transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1);
  transition: transform .25s cubic-bezier(.4, 0, .2, 1), -webkit-transform .25s cubic-bezier(.4, 0, .2, 1)
}

.mdc-tab-bar {
  width: 100%
}

.react-tabs {
  -webkit-tap-highlight-color: transparent
}

.react-tabs__tab-list {
  border-bottom: 1px solid #aaa;
  margin: 0 0 10px;
  padding: 0
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer
}

.react-tabs__tab--selected {
  background: hsla(0, 0%, 100%, 0);
  border-color: hsla(0, 0%, 100%, 0);
  color: #ffffff;
  border-radius: 5px 5px 0 0;
}

.react-tabs__tab--disabled {
  color: GrayText;
  cursor: default
}

.react-tabs__tab:focus {
  outline: none
}

.react-tabs__tab:focus:after {
  content: "";
  position: absolute;
  height: 5px;
  left: -4px;
  right: -4px;
  bottom: -5px;
  background: #fff
}

.react-tabs__tab-panel {
  display: none
}

.react-tabs__tab-panel--selected {
  display: block
}

.selected-depOptTxt a {
  color: #999 !important;
  font-weight: bold;
}

.selected-depOptTxt b {
  color: #000 !important;
}

.copy-btn {
  background: none;
  border: none;
  color: #03a9f4;
  cursor: pointer;
  font-size: 16px;
  margin-left: 10px;
  transition: color 0.3s;
}

.copy-btn:hover {
  color: #0288d1;
}

.copy-btn i {
  font-size: 18px;
}

body.loading {
  background-color: rgba(255, 255, 255, 0.4);
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

body.loading::before {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: spin 1s linear infinite;
  z-index: 9999;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

body.loading #content {
  opacity: 0;
}

body:not(.loading) {
  overflow-y: auto;
  position: static;
}

body:not(.loading) #content {
  opacity: 1;
  transition: opacity 0.5s ease;
}