/*!
 * MDB5
 *   Version: FREE 3.4.0
 *
 *
 *   Copyright: Material Design for Bootstrap
 *   https://mdbootstrap.com/
 *
 *   Read the license: https://mdbootstrap.com/general/license/
 *
 *
 *   Documentation: https://mdbootstrap.com/docs/standard/
 *
 *   Support: https://mdbootstrap.com/support/
 *
 *   Contact: office@mdbootstrap.com
 *
 */
: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-gray           : #757575;
  --bs-gray-dark      : #4f4f4f;
  --bs-primary        : #1266f1;
  --bs-secondary      : #b23cfd;
  --bs-success        : #00b74a;
  --bs-info           : #39c0ed;
  --bs-warning        : #ffa900;
  --bs-danger         : #f93154;
  --bs-light          : #fbfbfb;
  --bs-dark           : #262626;
  --bs-white          : #fff;
  --bs-black          : #000;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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))
}

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

@media(prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin                     : 0;
  font-size                  : 1rem;
  font-weight                : 400;
  background-color           : #fff;
  -webkit-text-size-adjust   : 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

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

hr {
  margin          : 1rem 0;
  color           : inherit;
  background-color: currentColor;
  border          : 0;
  opacity         : .25
}

hr:not([size]) {
  height: 1px
}

/* .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[data-mdb-original-title],
abbr[title] {
  text-decoration                 : underline;
  -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         : .2em;
  background-color: #fcf8e3
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color          : #1266f1;
  text-decoration: underline
}

a:hover {
  color: #0e52c1
}

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

code,
kbd,
pre,
samp {
  font-family : var(--bs-font-monospace);
  font-size   : 1em;
  /*!rtl      :ignore*/
  direction   : ltr;
  unicode-bidi: bidi-override
}

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;
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding         : .2rem .4rem;
  font-size       : .875em;
  color           : #fff;
  background-color: #262626;
  border-radius   : .2rem
}

kbd kbd {
  padding    : 0;
  font-size  : 1em;
  font-weight: 700
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side   : bottom;
  border-collapse: collapse
}

caption {
  padding-top   : 1rem;
  padding-bottom: 1rem;
  color         : #757575;
  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
}

[list]::-webkit-calendar-picker-indicator {
  display: none
}

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

/*!rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

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

::file-selector-button {
  font: inherit
}

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

output {
  display: inline-block
}

iframe {
  border: 0
}

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

progress {
  vertical-align: baseline
}

[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        : #757575
}

.blockquote-footer:before {
  content: "— "
}

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

.img-thumbnail {
  padding         : .25rem;
  background-color: #fff;
  border          : 1px solid #e0e0e0;
  border-radius   : .25rem
}

.figure {
  display: inline-block
}

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

.figure-caption {
  font-size: .875em;
  color    : #757575
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  width        : 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left : var(--bs-gutter-x, .75rem);
  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;
  display      : -webkit-box;
  display      : -ms-flexbox;
  display      : flex;
  -ms-flex-wrap: wrap;
  flex-wrap    : wrap;
  margin-top   : calc(var(--bs-gutter-y)*-1);
  margin-right : calc(var(--bs-gutter-x)/-2);
  margin-left  : calc(var(--bs-gutter-x)/-2)
}

.row>* {
  -ms-flex-negative: 0;
  flex-shrink      : 0;
  width            : 100%;
  max-width        : 100%;
  padding-right    : calc(var(--bs-gutter-x)/2);
  padding-left     : calc(var(--bs-gutter-x)/2);
  margin-top       : var(--bs-gutter-y)
} */

/* .col {
  -webkit-box-flex: 1;
  -ms-flex        : 1 0 0%;
  flex            : 1 0 0%
} */

.row-cols-auto>* {
  width: auto
}

.row-cols-1>*,
.row-cols-auto>* {
  flex            : 0 0 auto
}

.row-cols-1>* {
  width: 100%
}

.row-cols-2>* {
  width: 50%
}

.row-cols-2>*,
.row-cols-3>* {
  flex            : 0 0 auto
}

.row-cols-3>* {
  width: 33.3333333333%
}

.row-cols-4>* {
  width: 25%
}

.row-cols-4>*,
.row-cols-5>* {
  flex            : 0 0 auto
}

.row-cols-5>* {
  width: 20%
}

.row-cols-6>* {
  width: 16.6666666667%
}

.col-auto,
.row-cols-6>* {
  flex            : 0 0 auto
}

.col-auto {
  width: auto
}

.col-1 {
  width: 8.3333333333%
}

.col-1,
.col-2 {
  flex            : 0 0 auto
}

.col-2 {
  width: 16.6666666667%
}

.col-3 {
  width: 25%
}

.col-3,
.col-4 {
  flex            : 0 0 auto
}

.col-4 {
  width: 33.3333333333%
}

.col-5 {
  width: 41.6666666667%
}

.col-5,
.col-6 {
  flex            : 0 0 auto
}

.col-6 {
  width: 50%
}

.col-7 {
  width: 58.3333333333%
}

.col-7,
.col-8 {
  flex            : 0 0 auto
}

.col-8 {
  width: 66.6666666667%
}

.col-9 {
  width: 75%
}

.col-9,
.col-10 {
  flex            : 0 0 auto
}

.col-10 {
  width: 83.3333333333%
}

.col-11 {
  width: 91.6666666667%
}

.col-11,
.col-12 {
  flex            : 0 0 auto
}

.col-12 {
  width: 100%
}

.offset-1 {
  margin-left: 8.3333333333%
}

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

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

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

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

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

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

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

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

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

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

.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 0%
  }

  .row-cols-sm-auto>* {
    width: auto
  }

  .row-cols-sm-1>*,
  .row-cols-sm-auto>* {
    flex            : 0 0 auto
  }

  .row-cols-sm-1>* {
    width: 100%
  }

  .row-cols-sm-2>* {
    width: 50%
  }

  .row-cols-sm-2>*,
  .row-cols-sm-3>* {
    flex            : 0 0 auto
  }

  .row-cols-sm-3>* {
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    width: 25%
  }

  .row-cols-sm-4>*,
  .row-cols-sm-5>* {
    flex            : 0 0 auto
  }

  .row-cols-sm-5>* {
    width: 20%
  }

  .row-cols-sm-6>* {
    width: 16.6666666667%
  }

  .col-sm-auto,
  .row-cols-sm-6>* {
    flex            : 0 0 auto
  }

  .col-sm-auto {
    width: auto
  }

  .col-sm-1 {
    width: 8.3333333333%
  }

  .col-sm-1,
  .col-sm-2 {
    flex            : 0 0 auto
  }

  .col-sm-2 {
    width: 16.6666666667%
  }

  .col-sm-3 {
    width: 25%
  }

  .col-sm-3,
  .col-sm-4 {
    flex            : 0 0 auto
  }

  .col-sm-4 {
    width: 33.3333333333%
  }

  .col-sm-5 {
    width: 41.6666666667%
  }

  .col-sm-5,
  .col-sm-6 {
    flex            : 0 0 auto
  }

  .col-sm-6 {
    width: 50%
  }

  .col-sm-7 {
    width: 58.3333333333%
  }

  .col-sm-7,
  .col-sm-8 {
    flex            : 0 0 auto
  }

  .col-sm-8 {
    width: 66.6666666667%
  }

  .col-sm-9 {
    width: 75%
  }

  .col-sm-9,
  .col-sm-10 {
    flex            : 0 0 auto
  }

  .col-sm-10 {
    width: 83.3333333333%
  }

  .col-sm-11 {
    width: 91.6666666667%
  }

  .col-sm-11,
  .col-sm-12 {
    flex            : 0 0 auto
  }

  .col-sm-12 {
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

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

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

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

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

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

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

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

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

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

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

  .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 0%
  }

  .row-cols-md-auto>* {
    width: auto
  }

  .row-cols-md-1>*,
  .row-cols-md-auto>* {
    flex            : 0 0 auto
  }

  .row-cols-md-1>* {
    width: 100%
  }

  .row-cols-md-2>* {
    width: 50%
  }

  .row-cols-md-2>*,
  .row-cols-md-3>* {
    flex            : 0 0 auto
  }

  .row-cols-md-3>* {
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    width: 25%
  }

  .row-cols-md-4>*,
  .row-cols-md-5>* {
    flex            : 0 0 auto
  }

  .row-cols-md-5>* {
    width: 20%
  }

  .row-cols-md-6>* {
    width: 16.6666666667%
  }

  .col-md-auto,
  .row-cols-md-6>* {
    flex            : 0 0 auto
  }

  .col-md-auto {
    width: auto
  }

  .col-md-1 {
    width: 8.3333333333%
  }

  .col-md-1,
  .col-md-2 {
    flex            : 0 0 auto
  }

  .col-md-2 {
    width: 16.6666666667%
  }

  .col-md-3 {
    width: 25%
  }

  .col-md-3,
  .col-md-4 {
    flex            : 0 0 auto
  }

  .col-md-4 {
    width: 33.3333333333%
  }

  .col-md-5 {
    width: 41.6666666667%
  }

  .col-md-5,
  .col-md-6 {
    flex            : 0 0 auto
  }

  .col-md-6 {
    width: 50%
  }

  .col-md-7 {
    width: 58.3333333333%
  }

  .col-md-7,
  .col-md-8 {
    flex            : 0 0 auto
  }

  .col-md-8 {
    width: 66.6666666667%
  }

  .col-md-9 {
    width: 75%
  }

  .col-md-9,
  .col-md-10 {
    flex            : 0 0 auto
  }

  .col-md-10 {
    width: 83.3333333333%
  }

  .col-md-11 {
    width: 91.6666666667%
  }

  .col-md-11,
  .col-md-12 {
    flex            : 0 0 auto
  }

  .col-md-12 {
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

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

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

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

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

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

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

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

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

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

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

  .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 0%
  }

  .row-cols-lg-auto>* {
    width: auto
  }

  .row-cols-lg-1>*,
  .row-cols-lg-auto>* {
    flex            : 0 0 auto
  }

  .row-cols-lg-1>* {
    width: 100%
  }

  .row-cols-lg-2>* {
    width: 50%
  }

  .row-cols-lg-2>*,
  .row-cols-lg-3>* {
    flex            : 0 0 auto
  }

  .row-cols-lg-3>* {
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    width: 25%
  }

  .row-cols-lg-4>*,
  .row-cols-lg-5>* {
    flex            : 0 0 auto
  }

  .row-cols-lg-5>* {
    width: 20%
  }

  .row-cols-lg-6>* {
    width: 16.6666666667%
  }

  .col-lg-auto,
  .row-cols-lg-6>* {
    flex            : 0 0 auto
  }

  .col-lg-auto {
    width: auto
  }

  .col-lg-1 {
    width: 8.3333333333%
  }

  .col-lg-1,
  .col-lg-2 {
    flex            : 0 0 auto
  }

  .col-lg-2 {
    width: 16.6666666667%
  }

  .col-lg-3 {
    width: 25%
  }

  .col-lg-3,
  .col-lg-4 {
    flex            : 0 0 auto
  }

  .col-lg-4 {
    width: 33.3333333333%
  }

  .col-lg-5 {
    width: 41.6666666667%
  }

  .col-lg-5,
  .col-lg-6 {
    flex            : 0 0 auto
  }

  .col-lg-6 {
    width: 50%
  }

  .col-lg-7 {
    width: 58.3333333333%
  }

  .col-lg-7,
  .col-lg-8 {
    flex            : 0 0 auto
  }

  .col-lg-8 {
    width: 66.6666666667%
  }

  .col-lg-9 {
    width: 75%
  }

  .col-lg-9,
  .col-lg-10 {
    flex            : 0 0 auto
  }

  .col-lg-10 {
    width: 83.3333333333%
  }

  .col-lg-11 {
    width: 91.6666666667%
  }

  .col-lg-11,
  .col-lg-12 {
    flex            : 0 0 auto
  }

  .col-lg-12 {
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

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

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

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

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

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

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

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

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

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

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

  .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 0%
  }

  .row-cols-xl-auto>* {
    width: auto
  }

  .row-cols-xl-1>*,
  .row-cols-xl-auto>* {
    flex            : 0 0 auto
  }

  .row-cols-xl-1>* {
    width: 100%
  }

  .row-cols-xl-2>* {
    width: 50%
  }

  .row-cols-xl-2>*,
  .row-cols-xl-3>* {
    flex            : 0 0 auto
  }

  .row-cols-xl-3>* {
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    width: 25%
  }

  .row-cols-xl-4>*,
  .row-cols-xl-5>* {
    flex            : 0 0 auto
  }

  .row-cols-xl-5>* {
    width: 20%
  }

  .row-cols-xl-6>* {
    width: 16.6666666667%
  }

  .col-xl-auto,
  .row-cols-xl-6>* {
    flex            : 0 0 auto
  }

  .col-xl-auto {
    width: auto
  }

  .col-xl-1 {
    width: 8.3333333333%
  }

  .col-xl-1,
  .col-xl-2 {
    flex            : 0 0 auto
  }

  .col-xl-2 {
    width: 16.6666666667%
  }

  .col-xl-3 {
    width: 25%
  }

  .col-xl-3,
  .col-xl-4 {
    flex            : 0 0 auto
  }

  .col-xl-4 {
    width: 33.3333333333%
  }

  .col-xl-5 {
    width: 41.6666666667%
  }

  .col-xl-5,
  .col-xl-6 {
    flex            : 0 0 auto
  }

  .col-xl-6 {
    width: 50%
  }

  .col-xl-7 {
    width: 58.3333333333%
  }

  .col-xl-7,
  .col-xl-8 {
    flex            : 0 0 auto
  }

  .col-xl-8 {
    width: 66.6666666667%
  }

  .col-xl-9 {
    width: 75%
  }

  .col-xl-9,
  .col-xl-10 {
    flex            : 0 0 auto
  }

  .col-xl-10 {
    width: 83.3333333333%
  }

  .col-xl-11 {
    width: 91.6666666667%
  }

  .col-xl-11,
  .col-xl-12 {
    flex            : 0 0 auto
  }

  .col-xl-12 {
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

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

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

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

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

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

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

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

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

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

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

  .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 0%
  }

  .row-cols-xxl-auto>* {
    width: auto
  }

  .row-cols-xxl-1>*,
  .row-cols-xxl-auto>* {
    flex            : 0 0 auto
  }

  .row-cols-xxl-1>* {
    width: 100%
  }

  .row-cols-xxl-2>* {
    width: 50%
  }

  .row-cols-xxl-2>*,
  .row-cols-xxl-3>* {
    flex            : 0 0 auto
  }

  .row-cols-xxl-3>* {
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    width: 25%
  }

  .row-cols-xxl-4>*,
  .row-cols-xxl-5>* {
    flex            : 0 0 auto
  }

  .row-cols-xxl-5>* {
    width: 20%
  }

  .row-cols-xxl-6>* {
    width: 16.6666666667%
  }

  .col-xxl-auto,
  .row-cols-xxl-6>* {
    flex            : 0 0 auto
  }

  .col-xxl-auto {
    width: auto
  }

  .col-xxl-1 {
    width: 8.3333333333%
  }

  .col-xxl-1,
  .col-xxl-2 {
    flex            : 0 0 auto
  }

  .col-xxl-2 {
    width: 16.6666666667%
  }

  .col-xxl-3 {
    width: 25%
  }

  .col-xxl-3,
  .col-xxl-4 {
    flex            : 0 0 auto
  }

  .col-xxl-4 {
    width: 33.3333333333%
  }

  .col-xxl-5 {
    width: 41.6666666667%
  }

  .col-xxl-5,
  .col-xxl-6 {
    flex            : 0 0 auto
  }

  .col-xxl-6 {
    width: 50%
  }

  .col-xxl-7 {
    width: 58.3333333333%
  }

  .col-xxl-7,
  .col-xxl-8 {
    flex            : 0 0 auto
  }

  .col-xxl-8 {
    width: 66.6666666667%
  }

  .col-xxl-9 {
    width: 75%
  }

  .col-xxl-9,
  .col-xxl-10 {
    flex            : 0 0 auto
  }

  .col-xxl-10 {
    width: 83.3333333333%
  }

  .col-xxl-11 {
    width: 91.6666666667%
  }

  .col-xxl-11,
  .col-xxl-12 {
    flex            : 0 0 auto
  }

  .col-xxl-12 {
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%
  }

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

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

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

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

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

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

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

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

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

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

  .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-bg           : transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg   : rgba(0, 0, 0, 0.05);
  --bs-table-active-color : #212529;
  --bs-table-active-bg    : rgba(0, 0, 0, 0.1);
  --bs-table-hover-color  : #212529;
  --bs-table-hover-bg     : rgba(0, 0, 0, 0.075);
  width                   : 100%;
  margin-bottom           : 1rem;
  color                   : #212529;
  vertical-align          : top;
  border-color            : #e0e0e0
}

.table>:not(caption)>*>* {
  background-color   : var(--bs-table-bg);
  border-bottom-width: 1px;
  -webkit-box-shadow : inset 0 0 0 9999px var(--bs-table-accent-bg);
  box-shadow         : inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.caption-top {
  caption-side: top
}

.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-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-bg           : #d0e0fc;
  --bs-table-striped-bg   : #c6d5ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #bbcae3;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #c0cfe9;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #bbcae3
}

.table-secondary {
  --bs-table-bg           : #f0d8ff;
  --bs-table-striped-bg   : #e4cdf2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #d8c2e6;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #dec8ec;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #d8c2e6
}

.table-success {
  --bs-table-bg           : #ccf1db;
  --bs-table-striped-bg   : #c2e5d0;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #b8d9c5;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #bddfcb;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #b8d9c5
}

.table-info {
  --bs-table-bg           : #d7f2fb;
  --bs-table-striped-bg   : #cce6ee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #c2dae2;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #c7e0e8;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #c2dae2
}

.table-warning {
  --bs-table-bg           : #fec;
  --bs-table-striped-bg   : #f2e2c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #e6d6b8;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #ecdcbd;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #e6d6b8
}

.table-danger {
  --bs-table-bg           : #fed6dd;
  --bs-table-striped-bg   : #f1cbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #e5c1c7;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #ebc6cc;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #e5c1c7
}

.table-light {
  --bs-table-bg           : #fbfbfb;
  --bs-table-striped-bg   : #eee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg    : #e2e2e2;
  --bs-table-active-color : #000;
  --bs-table-hover-bg     : #e8e8e8;
  --bs-table-hover-color  : #000;
  color                   : #000;
  border-color            : #e2e2e2
}

.table-dark {
  --bs-table-bg           : #262626;
  --bs-table-striped-bg   : #313131;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg    : #3c3c3c;
  --bs-table-active-color : #fff;
  --bs-table-hover-bg     : #363636;
  --bs-table-hover-color  : #fff;
  color                   : #fff;
  border-color            : #3c3c3c
}

.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;
  color        : rgba(0, 0, 0, .6)
}

.col-form-label {
  padding-top   : calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom : 0;
  font-size     : inherit;
  line-height   : 1.6;
  color         : rgba(0, 0, 0, .6)
}

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

.col-form-label-sm {
  padding-top   : calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size     : .775rem
}

.form-text {
  margin-top: .25rem;
  font-size : .875em;
  color     : #757575
}

.form-control {
  display           : block;
  width             : 100%;
  padding           : .375rem .75rem;
  font-size         : 1rem;
  font-weight       : 400;
  line-height       : 1.6;
  color             : #4f4f4f;
  background-color  : #fff;
  background-clip   : padding-box;
  border            : 1px solid #bdbdbd;
  -webkit-appearance: none;
  -moz-appearance   : none;
  appearance        : none;
  border-radius     : .25rem;
  transition        : all .2s linear
}

@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             : #4f4f4f;
  background-color  : #fff;
  outline           : 0;
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.6em
}

.form-control::-moz-placeholder {
  color  : #757575;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color  : #757575;
  opacity: 1
}

.form-control::placeholder {
  color  : #757575;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #eee;
  opacity         : 1
}

.form-control::-webkit-file-upload-button {
  padding                : .375rem .75rem;
  margin                 : -.375rem -.75rem;
  -webkit-margin-end     : .75rem;
  margin-inline-end      : .75rem;
  color                  : #4f4f4f;
  background-color       : #eee;
  pointer-events         : none;
  border                 : 0 solid;
  border-color           : inherit;
  border-inline-end-width: 1px;
  border-radius          : 0;
  -webkit-transition             : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition             : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.form-control::file-selector-button {
  padding                : .375rem .75rem;
  margin                 : -.375rem -.75rem;
  -webkit-margin-end     : .75rem;
  margin-inline-end      : .75rem;
  color                  : #4f4f4f;
  background-color       : #eee;
  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::-webkit-file-upload-button {
    -webkit-transition        : none;
    transition        : none
  }
  .form-control::file-selector-button {
    transition        : none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #e2e2e2
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #e2e2e2
}

.form-control::-webkit-file-upload-button {
  padding                : .375rem .75rem;
  margin                 : -.375rem -.75rem;
  -webkit-margin-end     : .75rem;
  margin-inline-end      : .75rem;
  color                  : #4f4f4f;
  background-color       : #eee;
  pointer-events         : none;
  border                 : 0 solid;
  border-color           : inherit;
  border-inline-end-width: 1px;
  border-radius          : 0;
  -webkit-transition             : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  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::-webkit-file-upload-button {
    -webkit-transition        : none;
    transition        : none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #e2e2e2
}

.form-control-plaintext {
  display         : block;
  width           : 100%;
  padding         : .375rem 0;
  margin-bottom   : 0;
  line-height     : 1.6;
  color           : #4f4f4f;
  background-color: transparent;
  border          : solid transparent;
  border-width    : 1px 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.6em + .5rem + 2px);
  padding      : .25rem .5rem;
  font-size    : .775rem;
  border-radius: .2rem
}

.form-control-sm::-webkit-file-upload-button {
  padding           : .25rem .5rem;
  margin            : -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end : .5rem
}

.form-control-sm::file-selector-button {
  padding           : .25rem .5rem;
  margin            : -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end : .5rem
}

.form-control-sm::-webkit-file-upload-button {
  padding           : .25rem .5rem;
  margin            : -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end : .5rem
}

.form-control-lg {
  min-height   : calc(1.6em + 1rem + 2px);
  padding      : .5rem 1rem;
  font-size    : 1rem;
  border-radius: .3rem
}

.form-control-lg::-webkit-file-upload-button {
  padding           : .5rem 1rem;
  margin            : -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end : 1rem
}

.form-control-lg::file-selector-button {
  padding           : .5rem 1rem;
  margin            : -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end : 1rem
}

.form-control-lg::-webkit-file-upload-button {
  padding           : .5rem 1rem;
  margin            : -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end : 1rem
}

textarea.form-control {
  min-height: calc(1.6em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.6em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.6em + 1rem + 2px)
}

.form-control-color {
  max-width: 3rem;
  height   : auto;
  padding  : .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  height       : 1.6em;
  border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
  height       : 1.6em;
  border-radius: .25rem
}

.form-select {
  display            : block;
  width              : 100%;
  padding            : .375rem 2.25rem .375rem .75rem;
  font-size          : 1rem;
  font-weight        : 400;
  line-height        : 1.6;
  color              : #4f4f4f;
  background-color   : #fff;
  background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: right .75rem center;
  background-size    : 16px 12px;
  border             : 1px solid #bdbdbd;
  border-radius      : .25rem;
  -webkit-appearance : none;
  -moz-appearance    : none;
  appearance         : none
}

.form-select:focus {
  border-color      : #1266f1;
  outline           : 0;
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right   : .75rem;
  background-image: none
}

.form-select:disabled {
  color           : #757575;
  background-color: #eee
}

.form-select:-moz-focusring {
  color      : transparent;
  text-shadow: 0 0 0 #4f4f4f
}

.form-select-sm {
  padding-top   : .25rem;
  padding-bottom: .25rem;
  padding-left  : .5rem;
  font-size     : .775rem
}

.form-select-lg {
  padding-top   : .5rem;
  padding-bottom: .5rem;
  padding-left  : 1rem;
  font-size     : 1rem
}

.form-check {
  display      : block;
  min-height   : 1.6rem;
  padding-left : 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float      : left;
  margin-left: -1.5em
}

.form-check-input {
  width                     : 1em;
  height                    : 1em;
  margin-top                : .3em;
  vertical-align            : top;
  background-repeat         : no-repeat;
  background-position       : 50%;
  background-size           : contain;
  border                    : 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance        : none;
  -moz-appearance           : none;
  appearance                : none;
  -webkit-print-color-adjust: exact;
  /* color-adjust              : exact */
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input:active {
  filter        : brightness(90%)
}

.form-check-input:focus {
  border-color      : #1266f1;
  outline           : 0;
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .25)
}

.form-check-input:checked {
  background-color: #1266f1
}

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

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

.form-check-input[type=checkbox]:indeterminate {
  background-color: #1266f1;
  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")
}

.form-check-input:disabled {
  pointer-events: none;
  filter        : none;
  opacity       : .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
  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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%231266f1'/%3E%3C/svg%3E")
}

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

.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;
  filter        : none;
  opacity       : .65
}

.form-range {
  width             : 100%;
  height            : 1.5rem;
  padding           : 0;
  background-color  : transparent;
  -webkit-appearance: none;
  -moz-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(18, 102, 241, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(18, 102, 241, .25)
}

.form-range::-webkit-slider-thumb {
  width             : 1rem;
  height            : 1rem;
  margin-top        : -.25rem;
  background-color  : #1266f1;
  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
}

@media(prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition        : none;
    transition        : none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b8d1fb
}

.form-range::-webkit-slider-runnable-track {
  width           : 100%;
  height          : .5rem;
  color           : transparent;
  cursor          : pointer;
  background-color: #e0e0e0;
  border-color    : transparent;
  border-radius   : 1rem
}

.form-range::-moz-range-thumb {
  width           : 1rem;
  height          : 1rem;
  background-color: #1266f1;
  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
}

@media(prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition     : none;
    transition     : none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b8d1fb
}

.form-range::-moz-range-track {
  width           : 100%;
  height          : .5rem;
  color           : transparent;
  cursor          : pointer;
  background-color: #e0e0e0;
  border-color    : transparent;
  border-radius   : 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #9e9e9e
}

.form-range:disabled::-moz-range-thumb {
  background-color: #9e9e9e
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
  height : calc(3.5rem + 2px);
  padding: 1rem .75rem
}

.form-floating>label {
  position                : absolute;
  top                     : 0;
  left                    : 0;
  height                  : 100%;
  padding                 : 1rem .75rem;
  pointer-events          : none;
  border                  : 1px solid transparent;
  transform-origin        : 0 0;
  transition              : opacity .1s ease-in-out, transform .1s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition        : none
  }
}

.form-floating>.form-control::-moz-placeholder {
  color: transparent
}

.form-floating>.form-control:-ms-input-placeholder {
  color: transparent
}

.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:not(:-ms-input-placeholder) {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top   : 1.625rem;
  padding-bottom: .625rem
}

.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:not(:-moz-placeholder-shown)~label {
  opacity  : .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
  opacity  : .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity          : .65;
  transform        : scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity          : .65;
  transform        : scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
  position         : relative;
  display          : flex;
  flex-wrap        : wrap;
  align-items      : stretch;
  width            : 100%
}

.input-group>.form-control,
.input-group>.form-select {
  position        : relative;
  flex            : 1 1 auto;
  width           : 1%;
  min-width       : 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
  z-index: 3
}

.input-group .btn {
  position: relative;
  z-index : 2
}

.input-group .btn:focus {
  z-index: 3
}

.input-group-text {
  display          : flex;
  align-items      : center;
  padding          : .375rem .75rem;
  font-size        : 1rem;
  font-weight      : 400;
  line-height      : 1.6;
  color            : #4f4f4f;
  text-align       : center;
  white-space      : nowrap;
  background-color : #eee;
  border           : 1px solid #bdbdbd;
  border-radius    : .25rem
}

.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    : 1rem;
  border-radius: .3rem
}

.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    : .775rem;
  border-radius: .2rem
}

.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>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  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
}

.valid-feedback {
  width     : 100%;
  margin-top: .25rem;
  font-size : .875em
}

.valid-tooltip {
  color        : #000;
  border-radius: .25rem
}

.form-control.is-valid,
.was-validated .form-control:valid {
  padding-right      : calc(1.6em + .75rem);
  background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300b74a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: right calc(.4em + .1875rem) center;
  background-size    : calc(.8em + .375rem) calc(.8em + .375rem)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right      : calc(1.6em + .75rem);
  background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  padding-right      : 4.125rem;
  background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2300b74a' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
  background-position: right .75rem center, center right 2.25rem;
  background-size    : 16px 12px, calc(.8em + .375rem) calc(.8em + .375rem)
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 183, 74, .25)
}

.invalid-feedback {
  width     : 100%;
  margin-top: .25rem;
  font-size : .875em
}

.invalid-tooltip {
  color        : #000;
  border-radius: .25rem
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  padding-right      : calc(1.6em + .75rem);
  background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f93154'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23f93154' stroke='none'/%3E%3C/svg%3E");
  background-repeat  : no-repeat;
  background-position: right calc(.4em + .1875rem) center;
  background-size    : calc(.8em + .375rem) calc(.8em + .375rem)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right      : calc(1.6em + .75rem);
  background-position: top calc(.4em + .1875rem) right calc(.4em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  padding-right      : 4.125rem;
  background-image   : url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%234f4f4f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23f93154'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23f93154' stroke='none'/%3E%3C/svg%3E");
  background-position: right .75rem center, center right 2.25rem;
  background-size    : 16px 12px, calc(.8em + .375rem) calc(.8em + .375rem)
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow        : 0 0 0 .25rem rgba(249, 49, 84, .25)
}

.btn {
  display            : inline-block;
  color              : #4f4f4f;
  text-align         : center;
  text-decoration    : none;
  vertical-align     : middle;
  cursor             : pointer;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  background-color   : transparent;
  border             : .125rem solid transparent;
  padding            : .375rem .75rem;
  border-radius      : .25rem;
  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: #4f4f4f
}

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

.btn-primary {
  border-color: #1266f1
}

.btn-primary:hover {
  background-color: #0f57cd;
  border-color    : #0e52c1
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color             : #fff;
  background-color  : #0f57cd;
  border-color      : #0e52c1;
  box-shadow        : 0 0 0 .25rem rgba(54, 125, 243, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  background-color: #0e52c1;
  border-color    : #0e4db5
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(54, 125, 243, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  border-color: #1266f1
}

.btn-secondary {
  color       : #000;
  border-color: #b23cfd
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus,
.btn-secondary:hover {
  color           : #000;
  background-color: #be59fd;
  border-color    : #ba50fd
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  box-shadow        : 0 0 0 .25rem rgba(151, 51, 215, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color           : #000;
  background-color: #c163fd;
  border-color    : #ba50fd
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(151, 51, 215, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color       : #000;
  border-color: #b23cfd
}

.btn-success {
  color       : #000;
  border-color: #00b74a
}

.btn-check:focus+.btn-success,
.btn-success:focus,
.btn-success:hover {
  color           : #000;
  background-color: #26c265;
  border-color    : #1abe5c
}

.btn-check:focus+.btn-success,
.btn-success:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 156, 63, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
  color           : #000;
  background-color: #33c56e;
  border-color    : #1abe5c
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 156, 63, .5)
}

.btn-success.disabled,
.btn-success:disabled {
  color       : #000;
  border-color: #00b74a
}

.btn-info {
  color       : #000;
  border-color: #39c0ed
}

.btn-check:focus+.btn-info,
.btn-info:focus,
.btn-info:hover {
  color           : #000;
  background-color: #57c9f0;
  border-color    : #4dc6ef
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  box-shadow        : 0 0 0 .25rem rgba(48, 163, 201, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
  color           : #000;
  background-color: #61cdf1;
  border-color    : #4dc6ef
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(48, 163, 201, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  color       : #000;
  border-color: #39c0ed
}

.btn-warning {
  color       : #000;
  border-color: #ffa900
}

.btn-check:focus+.btn-warning,
.btn-warning:focus,
.btn-warning:hover {
  color           : #000;
  background-color: #ffb626;
  border-color    : #ffb21a
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  box-shadow        : 0 0 0 .25rem rgba(217, 144, 0, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
  color           : #000;
  background-color: #ffba33;
  border-color    : #ffb21a
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(217, 144, 0, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  color       : #000;
  border-color: #ffa900
}

.btn-danger {
  color       : #000;
  border-color: #f93154
}

.btn-check:focus+.btn-danger,
.btn-danger:focus,
.btn-danger:hover {
  color           : #000;
  background-color: #fa506e;
  border-color    : #fa4665
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  box-shadow        : 0 0 0 .25rem rgba(212, 42, 71, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
  color           : #000;
  background-color: #fa5a76;
  border-color    : #fa4665
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(212, 42, 71, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color       : #000;
  border-color: #f93154
}

.btn-light,
.btn-light:hover {
  color       : #000;
  border-color: #fbfbfb
}

.btn-light:hover {
  background-color: #fcfcfc
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 83.5%, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-check:focus+.btn-light,
.btn-light.active,
.btn-light:active,
.btn-light:focus,
.show>.btn-light.dropdown-toggle {
  color           : #000;
  background-color: #fcfcfc;
  border-color    : #fbfbfb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 83.5%, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  color       : #000;
  border-color: #fbfbfb
}

.btn-dark {
  border-color: #262626
}

.btn-check:focus+.btn-dark,
.btn-dark:focus,
.btn-dark:hover {
  background-color: #202020;
  border-color    : #1e1e1e
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  color             : #fff;
  box-shadow        : 0 0 0 .25rem rgba(71, 71, 71, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
  background-color: #1e1e1e;
  border-color    : #1d1d1d
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(71, 71, 71, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  border-color: #262626
}

.btn-white {
  color       : #000;
  border-color: #fff
}

.btn-check:focus+.btn-white,
.btn-white:focus,
.btn-white:hover {
  color           : #000;
  background-color: #fff;
  border-color    : #fff
}

.btn-check:focus+.btn-white,
.btn-white:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 85.1%, .5)
}

.btn-check:active+.btn-white,
.btn-check:checked+.btn-white,
.btn-white.active,
.btn-white:active,
.show>.btn-white.dropdown-toggle {
  color           : #000;
  background-color: #fff;
  border-color    : #fff
}

.btn-check:active+.btn-white:focus,
.btn-check:checked+.btn-white:focus,
.btn-white.active:focus,
.btn-white:active:focus,
.show>.btn-white.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 85.1%, .5)
}

.btn-white.disabled,
.btn-white:disabled {
  color       : #000;
  border-color: #fff
}

.btn-black,
.btn-black:hover {
  border-color: #000
}

.btn-black:focus,
.btn-check:focus+.btn-black {
  color             : #fff;
  background-color  : #000;
  border-color      : #000;
  box-shadow        : 0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.active,
.btn-black:active,
.btn-check:active+.btn-black,
.btn-check:checked+.btn-black,
.show>.btn-black.dropdown-toggle {
  border-color: #000
}

.btn-black.active:focus,
.btn-black:active:focus,
.btn-check:active+.btn-black:focus,
.btn-check:checked+.btn-black:focus,
.show>.btn-black.dropdown-toggle:focus {
  box-shadow        : 0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-black.disabled,
.btn-black:disabled {
  border-color: #000
}

.btn-outline-primary:hover {
  color           : #fff;
  background-color: #1266f1;
  border-color    : #1266f1
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color           : #fff;
  background-color: #1266f1;
  border-color    : #1266f1
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  background-color: transparent
}

.btn-outline-secondary:hover {
  color           : #000;
  background-color: #b23cfd;
  border-color    : #b23cfd
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow        : 0 0 0 .25rem rgba(178, 60, 253, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color           : #000;
  background-color: #b23cfd;
  border-color    : #b23cfd
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(178, 60, 253, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  background-color: transparent
}

.btn-outline-success:hover {
  color           : #000;
  background-color: #00b74a;
  border-color    : #00b74a
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 183, 74, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  color           : #000;
  background-color: #00b74a;
  border-color    : #00b74a
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 183, 74, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  background-color: transparent
}

.btn-outline-info:hover {
  color           : #000;
  background-color: #39c0ed;
  border-color    : #39c0ed
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
  box-shadow        : 0 0 0 .25rem rgba(57, 192, 237, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  color           : #000;
  background-color: #39c0ed;
  border-color    : #39c0ed
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(57, 192, 237, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  background-color: transparent
}

.btn-outline-warning:hover {
  color           : #000;
  background-color: #ffa900;
  border-color    : #ffa900
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow        : 0 0 0 .25rem rgba(255, 169, 0, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  color           : #000;
  background-color: #ffa900;
  border-color    : #ffa900
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(255, 169, 0, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  background-color: transparent
}

.btn-outline-danger:hover {
  color           : #000;
  background-color: #f93154;
  border-color    : #f93154
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow        : 0 0 0 .25rem rgba(249, 49, 84, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  color           : #000;
  background-color: #f93154;
  border-color    : #f93154
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(249, 49, 84, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  background-color: transparent
}

.btn-outline-light:hover {
  color           : #000;
  background-color: #fbfbfb;
  border-color    : #fbfbfb
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 98.4%, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
  color           : #000;
  background-color: #fbfbfb;
  border-color    : #fbfbfb
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 98.4%, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  background-color: transparent
}

.btn-outline-dark:hover {
  color           : #fff;
  background-color: #262626;
  border-color    : #262626
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow        : 0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  color           : #fff;
  background-color: #262626;
  border-color    : #262626
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(38, 38, 38, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  background-color: transparent
}

.btn-outline-white:hover {
  color           : #000;
  background-color: #fff;
  border-color    : #fff
}

.btn-check:focus+.btn-outline-white,
.btn-outline-white:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 100%, .5)
}

.btn-check:active+.btn-outline-white,
.btn-check:checked+.btn-outline-white,
.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show,
.btn-outline-white:active {
  color           : #000;
  background-color: #fff;
  border-color    : #fff
}

.btn-check:active+.btn-outline-white:focus,
.btn-check:checked+.btn-outline-white:focus,
.btn-outline-white.active:focus,
.btn-outline-white.dropdown-toggle.show:focus,
.btn-outline-white:active:focus {
  box-shadow        : 0 0 0 .25rem hsla(0, 0%, 100%, .5)
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  background-color: transparent
}

.btn-outline-black:hover {
  color           : #fff;
  background-color: #000;
  border-color    : #000
}

.btn-check:focus+.btn-outline-black,
.btn-outline-black:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-check:active+.btn-outline-black,
.btn-check:checked+.btn-outline-black,
.btn-outline-black.active,
.btn-outline-black.dropdown-toggle.show,
.btn-outline-black:active {
  color           : #fff;
  background-color: #000;
  border-color    : #000
}

.btn-check:active+.btn-outline-black:focus,
.btn-check:checked+.btn-outline-black:focus,
.btn-outline-black.active:focus,
.btn-outline-black.dropdown-toggle.show:focus,
.btn-outline-black:active:focus {
  box-shadow        : 0 0 0 .25rem rgba(0, 0, 0, .5)
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
  background-color: transparent
}

.btn-link {
  font-weight    : 400;
  color          : #1266f1;
  text-decoration: underline
}

.btn-link:hover {
  color: #0e52c1
}

.btn-link.disabled,
.btn-link:disabled {
  color: #757575
}

.btn-group-lg>.btn,
.btn-lg {
  padding      : .5rem 1rem;
  border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
  padding      : .25rem .5rem;
  border-radius: .2rem
}

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

.dropdown,
.dropend,
.dropstart,
.dropup {
  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 {
  position        : absolute;
  top             : 100%;
  z-index         : 1000;
  display         : none;
  min-width       : 10rem;
  padding         : .5rem 0;
  text-align      : left;
  list-style      : none;
  background-color: #fff;
  background-clip : padding-box;
  border          : 1px solid rgba(0, 0, 0, .15);
  border-radius   : .25rem
}

.dropdown-menu[data-mdb-popper] {
  left      : 0;
  margin-top: .125rem
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-mdb-popper] {
  /*!rtl:ignore*/
  right : auto;
  /*!rtl:ignore*/
  left  : 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-mdb-popper] {
  /*!rtl:ignore*/
  right : 0;
  /*!rtl:ignore*/
  left  : auto
}

@media(min-width:576px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-mdb-popper] {
    /*!rtl:ignore*/
    right : auto;
    /*!rtl:ignore*/
    left  : 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-mdb-popper] {
    /*!rtl:ignore*/
    right : 0;
    /*!rtl:ignore*/
    left  : auto
  }
}

@media(min-width:768px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-mdb-popper] {
    /*!rtl:ignore*/
    right : auto;
    /*!rtl:ignore*/
    left  : 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-mdb-popper] {
    /*!rtl:ignore*/
    right : 0;
    /*!rtl:ignore*/
    left  : auto
  }
}

@media(min-width:992px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-mdb-popper] {
    /*!rtl:ignore*/
    right : auto;
    /*!rtl:ignore*/
    left  : 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-mdb-popper] {
    /*!rtl:ignore*/
    right : 0;
    /*!rtl:ignore*/
    left  : auto
  }
}

@media(min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-mdb-popper] {
    /*!rtl:ignore*/
    right : auto;
    /*!rtl:ignore*/
    left  : 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-mdb-popper] {
    /*!rtl:ignore*/
    right : 0;
    /*!rtl:ignore*/
    left  : auto
  }
}

@media(min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-mdb-popper] {
    /*!rtl:ignore*/
    right : auto;
    /*!rtl:ignore*/
    left  : 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-mdb-popper] {
    /*!rtl:ignore*/
    right : 0;
    /*!rtl:ignore*/
    left  : auto
  }
}

.dropup .dropdown-menu {
  top   : auto;
  bottom: 100%
}

.dropup .dropdown-menu[data-mdb-popper] {
  margin-top   : 0;
  margin-bottom: .125rem
}

.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 {
  top  : 0;
  right: auto;
  left : 100%
}

.dropend .dropdown-menu[data-mdb-popper] {
  margin-top : 0;
  margin-left: .125rem
}

.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 {
  top  : 0;
  right: 100%;
  left : auto
}

.dropstart .dropdown-menu[data-mdb-popper] {
  margin-top  : 0;
  margin-right: .125rem
}

.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    : .5rem 0;
  overflow  : hidden;
  border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
  display         : block;
  width           : 100%;
  clear           : both;
  font-weight     : 400;
  color           : #262626;
  text-align      : inherit;
  text-decoration : none;
  white-space     : nowrap;
  background-color: transparent;
  border          : 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #222
}

.dropdown-item.active,
.dropdown-item:active {
  color           : #fff;
  text-decoration : none;
  background-color: #1266f1
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color           : #9e9e9e;
  pointer-events  : none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display      : block;
  padding      : .5rem 1rem;
  margin-bottom: 0;
  font-size    : .875rem;
  color        : #757575;
  white-space  : nowrap
}

.dropdown-item-text {
  display: block;
  padding: .5rem 1rem;
  color  : #262626
}

.dropdown-menu-dark {
  color           : #e0e0e0;
  background-color: #4f4f4f;
  border-color    : rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
  color: #e0e0e0
}

.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
  color           : #fff;
  background-color: hsla(0, 0%, 100%, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color           : #fff;
  background-color: #1266f1
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #9e9e9e
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
  color: #e0e0e0
}

.dropdown-menu-dark .dropdown-header {
  color: #9e9e9e
}

.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>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
  margin-left: -.125rem
}

.btn-group>.btn-group:not(:last-child)>.btn,
.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: -.125rem
}

.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 {
  display      : flex;
  flex-wrap    : wrap;
  padding-left : 0;
  margin-bottom: 0;
  list-style   : none
}

.nav-link {
  display           : block;
  padding           : .5rem 1rem;
  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.disabled {
  color         : #757575;
  pointer-events: none;
  cursor        : default
}

.nav-tabs {
  border-bottom: 1px solid #e0e0e0
}

.nav-tabs .nav-link {
  margin-bottom          : -1px;
  background             : none;
  border                 : 1px solid transparent;
  border-top-left-radius : .25rem;
  border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #eee #eee #e0e0e0;
  isolation   : isolate
}

.nav-tabs .nav-link.disabled {
  color           : #757575;
  background-color: transparent;
  border-color    : transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color           : #616161;
  background-color: #fff;
  border-color    : #e0e0e0 #e0e0e0 #fff
}

.nav-tabs .dropdown-menu {
  margin-top             : -1px;
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.nav-pills .nav-link {
  background: none;
  border    : 0
}

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

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  position      : relative;
  flex-wrap     : wrap;
  padding-top   : .5rem;
  padding-bottom: .5rem
}

.navbar,
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display          : flex;
  align-items      : center;
  justify-content  : space-between
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  flex-wrap    : inherit
}

.navbar-brand {
  padding-top    : .3rem;
  padding-bottom : .3rem;
  margin-right   : 1rem;
  font-size      : 1.25rem;
  text-decoration: none;
  white-space    : nowrap
}

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

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left : 0
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top   : .5rem;
  padding-bottom: .5rem
}

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

.navbar-toggler {
  padding           : .25rem .75rem;
  font-size         : 1.25rem;
  line-height       : 1;
  background-color  : transparent;
  border            : 1px solid transparent;
  border-radius     : .25rem;
  transition        : box-shadow .15s ease-in-out
}

@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 .25rem
}

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

.navbar-nav-scroll {
  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: .5rem;
    padding-left : .5rem
  }

  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-sm .navbar-collapse {
    display                : flex !important;
    flex-basis             : auto
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }
}

@media(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: .5rem;
    padding-left : .5rem
  }

  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-md .navbar-collapse {
    display                : flex !important;
    flex-basis             : auto
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }
}

@media(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: .5rem;
    padding-left : .5rem
  }

  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible
  }

  .navbar-expand-lg .navbar-collapse {
    display                : flex !important;
    flex-basis             : auto
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

@media(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: .5rem;
    padding-left : .5rem
  }

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

@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: .5rem;
    padding-left : .5rem
  }

  .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 {
  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: .5rem;
  padding-left : .5rem
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible
}

.navbar-expand .navbar-collapse {
  display                : flex !important;
  flex-basis             : auto
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand,
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
  color       : rgba(0, 0, 0, .55);
  border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
  background-image: 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")
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: hsla(0, 0%, 100%, .55)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: hsla(0, 0%, 100%, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: hsla(0, 0%, 100%, .25)
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color       : hsla(0, 0%, 100%, .55);
  border-color: hsla(0, 0%, 100%, .1)
}

.navbar-dark .navbar-toggler-icon {
  background-image: 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")
}

.navbar-dark .navbar-text {
  color: hsla(0, 0%, 100%, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff
}

.card {
  position             : relative;
  display              : flex;
  flex-direction       : column;
  min-width            : 0;
  word-wrap            : break-word;
  background-color     : #fff;
  background-clip      : border-box;
  border               : 1px solid rgba(0, 0, 0, .125);
  border-radius        : .25rem
}

.card>hr {
  margin-right: 0;
  margin-left : 0
}

.card>.list-group {
  border-top   : inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width       : 0;
  border-top-left-radius : calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
  border-bottom-width       : 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius : calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

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

.card-title {
  margin-bottom: .5rem
}

.card-subtitle {
  margin-top: -.25rem
}

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

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  /*!rtl:ignore*/
  margin-left: 1rem
}

.card-header {
  padding         : .5rem 1rem;
  margin-bottom   : 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom   : 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  padding         : .5rem 1rem;
  background-color: rgba(0, 0, 0, .03);
  border-top      : 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
  margin-bottom: -.5rem;
  border-bottom: 0
}

.card-header-pills,
.card-header-tabs {
  margin-right: -.5rem;
  margin-left : -.5rem
}

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

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

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

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

.card-group>.card {
  margin-bottom: .75rem
}

@media(min-width:576px) {
  .card-group {
    display              : flex;
    flex-flow            : row wrap
  }

  .card-group>.card {
    flex            : 1 0 0%;
    margin-bottom   : 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius   : 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-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
  }
}

.breadcrumb {
  display      : flex;
  flex-wrap    : wrap;
  padding      : 0;
  margin-bottom: 1rem;
  list-style   : none
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item:before {
  float        : left;
  padding-right: .5rem;
  color        : #757575;
  content      : var(--bs-breadcrumb-divider, "/")
    /*!rtl     : var(--bs-breadcrumb-divider, "/") */
}

.breadcrumb-item.active {
  color: #757575
}

.pagination {
  display     : flex;
  padding-left: 0;
  list-style  : none
}

.page-link {
  position        : relative;
  display         : block;
  text-decoration : none;
  background-color: #fff;
  border          : 1px solid #e0e0e0
}

@media(prefers-reduced-motion:reduce) {
  .page-link {
    transition        : none
  }
}

.page-link:hover {
  z-index         : 2;
  background-color: #eee;
  border-color    : #e0e0e0
}

.page-link:focus {
  z-index           : 3;
  color             : #0e52c1;
  background-color  : #eee;
  outline           : 0;
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .25)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item.active .page-link {
  z-index     : 3;
  color       : #fff;
  border-color: #1266f1
}

.page-item.disabled .page-link {
  color           : #757575;
  pointer-events  : none;
  background-color: #fff;
  border-color    : #e0e0e0
}

.page-link {
  padding: .375rem .75rem
}

.pagination-lg .page-link {
  padding  : .75rem 1.5rem;
  font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius   : .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius   : .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding  : .25rem .5rem;
  font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius   : .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius   : .2rem;
  border-bottom-right-radius: .2rem
}

.badge {
  display       : inline-block;
  padding       : .35em .65em;
  font-size     : .75em;
  font-weight   : 700;
  line-height   : 1;
  color         : #fff;
  text-align    : center;
  white-space   : nowrap;
  vertical-align: baseline;
  border-radius : .25rem
}

.badge:empty {
  display: none
}

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

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

.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 {
  color           : #0b3d91;
  background-color: #d0e0fc;
  border-color    : #b8d1fb
}

.alert-primary .alert-link {
  color: #093174
}

.alert-secondary {
  color           : #6b2498;
  background-color: #f0d8ff;
  border-color    : #e8c5fe
}

.alert-secondary .alert-link {
  color: #561d7a
}

.alert-success {
  color           : #006e2c;
  background-color: #ccf1db;
  border-color    : #b3e9c9
}

.alert-success .alert-link {
  color: #005823
}

.alert-info {
  color           : #22738e;
  background-color: #d7f2fb;
  border-color    : #c4ecfa
}

.alert-info .alert-link {
  color: #1b5c72
}

.alert-warning {
  color           : #640;
  background-color: #fec;
  border-color    : #ffe5b3
}

.alert-warning .alert-link {
  color: #523600
}

.alert-danger {
  color           : #951d32;
  background-color: #fed6dd;
  border-color    : #fdc1cc
}

.alert-danger .alert-link {
  color: #771728
}

.alert-light {
  color           : #646464;
  background-color: #fefefe;
  border-color    : #fefefe
}

.alert-light .alert-link {
  color: #505050
}

.alert-dark {
  color           : #171717;
  background-color: #d4d4d4;
  border-color    : #bebebe
}

.alert-dark .alert-link {
  color: #121212
}

.alert-white {
  color           : #666;
  background-color: #fff;
  border-color    : #fff
}

.alert-white .alert-link {
  color: #525252
}

.alert-black {
  color           : #000;
  background-color: #ccc;
  border-color    : #b3b3b3
}

.alert-black .alert-link {
  color: #000
}

.accordion-button {
  position          : relative;
  display           : flex;
  align-items       : center;
  width             : 100%;
  padding           : 1rem 1.25rem;
  font-size         : 1rem;
  color             : #4f4f4f;
  text-align        : left;
  background-color  : transparent;
  border            : 1px solid rgba(0, 0, 0, .125);
  border-radius     : 0;
  overflow-anchor   : none;
  transition        : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media(prefers-reduced-motion:reduce) {
  .accordion-button {
    transition        : none
  }
}

.accordion-button.collapsed {
  border-bottom-width: 0
}

.accordion-button:not(.collapsed) {
  color           : #105cd9;
  background-color: #e7f0fe
}

.accordion-button:not(.collapsed):after {
  background-image : none;
  transform        : rotate(180deg)
}

.accordion-button:after {
  flex-shrink       : 0;
  width             : 1.25rem;
  height            : 1.25rem;
  margin-left       : auto;
  content           : "";
  background-image  : none;
  background-repeat : no-repeat;
  background-size   : 1.25rem;
  transition        : transform .2s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
  .accordion-button:after {
    transition        : none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index           : 3;
  border-color      : #1266f1;
  outline           : 0;
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius : .25rem;
  border-top-right-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:last-of-type .accordion-collapse {
  border-bottom-width       : 1px;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius : .25rem
}

.accordion-collapse {
  border      : solid rgba(0, 0, 0, .125);
  border-width: 0 1px
}

.accordion-body {
  padding: 1rem 1.25rem
}

.accordion-flush .accordion-button {
  border-right : 0;
  border-left  : 0;
  border-radius: 0
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item:first-of-type .accordion-button {
  border-top-width       : 0;
  border-top-left-radius : 0;
  border-top-right-radius: 0
}

.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width       : 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius : 0
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 4px
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 4px
  }
}

.progress {
  height          : 4px;
  font-size       : .75rem;
  background-color: #eee;
  border-radius   : .25rem
}

.progress,
.progress-bar {
  display : flex;
  overflow: hidden
}

.progress-bar {
  flex-direction       : column;
  justify-content      : center;
  color                : #fff;
  text-align           : center;
  white-space          : nowrap;
  background-color     : #1266f1;
  transition           : width .6s ease
}

@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 : 4px 4px
}

.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 {
  display              : flex;
  flex-direction       : column;
  padding-left         : 0;
  margin-bottom        : 0;
  border-radius        : .25rem
}

.list-group-item-action {
  width     : 100%;
  color     : #616161;
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index         : 1;
  color           : #616161;
  text-decoration : none;
  background-color: #f5f5f5
}

.list-group-item-action:active {
  color           : #4f4f4f;
  background-color: #eee
}

.list-group-item {
  position        : relative;
  display         : block;
  padding         : .5rem 1rem;
  text-decoration : none;
  background-color: #fff;
  border          : 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
  border-top-left-radius : inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius : inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color           : #757575;
  pointer-events  : none;
  background-color: #fff
}

.list-group-item.active {
  z-index         : 2;
  color           : #fff;
  background-color: #1266f1;
  border-color    : #1266f1
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top      : -1px;
  border-top-width: 1px
}

.list-group-horizontal {
  flex-direction       : row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius  : 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius  : .25rem;
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width : 1px;
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left      : -1px;
  border-left-width: 1px
}

@media(min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction       : row
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius  : 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius  : .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width : 1px;
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left      : -1px;
    border-left-width: 1px
  }
}

@media(min-width:768px) {
  .list-group-horizontal-md {
    flex-direction       : row
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius  : 0
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius  : .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width : 1px;
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left      : -1px;
    border-left-width: 1px
  }
}

@media(min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction       : row
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius  : 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius  : .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width : 1px;
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left      : -1px;
    border-left-width: 1px
  }
}

@media(min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction       : row
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius  : 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius  : .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width : 1px;
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left      : -1px;
    border-left-width: 1px
  }
}

@media(min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction       : row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius  : 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child {
    border-top-right-radius  : .25rem;
    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 : 1px;
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left      : -1px;
    border-left-width: 1px
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color           : #0b3d91;
  background-color: #d0e0fc
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color           : #0b3d91;
  background-color: #bbcae3
}

.list-group-item-primary.list-group-item-action.active {
  color           : #fff;
  background-color: #0b3d91;
  border-color    : #0b3d91
}

.list-group-item-secondary {
  color           : #6b2498;
  background-color: #f0d8ff
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color           : #6b2498;
  background-color: #d8c2e6
}

.list-group-item-secondary.list-group-item-action.active {
  color           : #fff;
  background-color: #6b2498;
  border-color    : #6b2498
}

.list-group-item-success {
  color           : #006e2c;
  background-color: #ccf1db
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color           : #006e2c;
  background-color: #b8d9c5
}

.list-group-item-success.list-group-item-action.active {
  color           : #fff;
  background-color: #006e2c;
  border-color    : #006e2c
}

.list-group-item-info {
  color           : #22738e;
  background-color: #d7f2fb
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color           : #22738e;
  background-color: #c2dae2
}

.list-group-item-info.list-group-item-action.active {
  color           : #fff;
  background-color: #22738e;
  border-color    : #22738e
}

.list-group-item-warning {
  color           : #640;
  background-color: #fec
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color           : #640;
  background-color: #e6d6b8
}

.list-group-item-warning.list-group-item-action.active {
  color           : #fff;
  background-color: #640;
  border-color    : #640
}

.list-group-item-danger {
  color           : #951d32;
  background-color: #fed6dd
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color           : #951d32;
  background-color: #e5c1c7
}

.list-group-item-danger.list-group-item-action.active {
  color           : #fff;
  background-color: #951d32;
  border-color    : #951d32
}

.list-group-item-light {
  color           : #646464;
  background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color           : #646464;
  background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
  color           : #fff;
  background-color: #646464;
  border-color    : #646464
}

.list-group-item-dark {
  color           : #171717;
  background-color: #d4d4d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color           : #171717;
  background-color: #bfbfbf
}

.list-group-item-dark.list-group-item-action.active {
  color           : #fff;
  background-color: #171717;
  border-color    : #171717
}

.list-group-item-white {
  color           : #666;
  background-color: #fff
}

.list-group-item-white.list-group-item-action:focus,
.list-group-item-white.list-group-item-action:hover {
  color           : #666;
  background-color: #e6e6e6
}

.list-group-item-white.list-group-item-action.active {
  color           : #fff;
  background-color: #666;
  border-color    : #666
}

.list-group-item-black {
  color           : #000;
  background-color: #ccc
}

.list-group-item-black.list-group-item-action:focus,
.list-group-item-black.list-group-item-action:hover {
  color           : #000;
  background-color: #b8b8b8
}

.list-group-item-black.list-group-item-action.active {
  color           : #fff;
  background-color: #000;
  border-color    : #000
}

.btn-close {
  box-sizing        : content-box;
  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     : .25rem;
  opacity           : .5
}

.btn-close:hover {
  color          : #000;
  text-decoration: none;
  opacity        : .75
}

.btn-close:focus {
  outline           : 0;
  box-shadow        : 0 0 0 .25rem rgba(18, 102, 241, .25);
  opacity           : 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events     : none;
  -webkit-user-select: none;
  -moz-user-select   : none;
  -ms-user-select    : none;
  user-select        : none;
  opacity            : .25
}

.btn-close-white {
  filter        : invert(1) grayscale(100%) brightness(200%)
}

.toast {
  width          : 350px;
  max-width      : 100%;
  font-size      : .875rem;
  pointer-events : auto;
  background-clip: padding-box;
  border         : 1px solid rgba(0, 0, 0, .1);
  border-radius  : .25rem
}

.toast:not(.showing):not(.show) {
  opacity: 0
}

.toast.hide {
  display: none
}

.toast-container {
  width         : -webkit-max-content;
  width         : -moz-max-content;
  width         : max-content;
  max-width     : 100%;
  pointer-events: none
}

.toast-container>:not(:last-child) {
  margin-bottom: .75rem
}

.toast-header {
  display                : flex;
  align-items            : center;
  padding                : .5rem .75rem;
  color                  : #757575;
  background-clip        : padding-box;
  border-bottom          : 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius : calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
  margin-right: -.375rem;
  margin-left : .75rem
}

.toast-body {
  padding  : .75rem;
  word-wrap: break-word
}

.modal-open {
  overflow: hidden
}

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

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

.modal-dialog {
  position      : relative;
  width         : auto;
  margin        : .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition        : transform .3s ease-out;
  transform         : translateY(-50px)
}

@media(prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition        : none
  }
}

.modal.show .modal-dialog {
  transform        : none
}

.modal.modal-static .modal-dialog {
  transform        : scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow  : hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  align-items      : center;
  min-height       : calc(100% - 1rem)
}

.modal-content,
.modal-dialog-centered {
  display: flex
}

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

.modal-backdrop {
  position        : fixed;
  top             : 0;
  left            : 0;
  z-index         : 1040;
  width           : 100vw;
  height          : 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display                : flex;
  flex-shrink            : 0;
  align-items            : center;
  justify-content        : space-between;
  padding                : 1rem;
  border-bottom          : 1px solid #e0e0e0;
  border-top-left-radius : calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
  padding: .5rem;
  margin : -.5rem -.5rem -.5rem auto
}

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

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

.modal-footer {
  display                   : flex;
  flex-wrap                 : wrap;
  flex-shrink               : 0;
  align-items               : center;
  justify-content           : flex-end;
  padding                   : .75rem;
  border-top                : 1px solid #e0e0e0;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius : calc(.3rem - 1px)
}

.modal-footer>* {
  margin: .25rem
}

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

@media(min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin   : 1.75rem auto
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-sm {
    max-width: 300px
  }
}

@media(min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media(min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.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-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

.modal-fullscreen .modal-footer {
  border-radius: 0
}

@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-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }
}

@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-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }
}

@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-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }
}

@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-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }
}

@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-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0
  }
}

.popover {
  position        : absolute;
  top             : 0;
  /*!rtl          :ignore*/
  left            : 0;
  z-index         : 1080;
  display         : block;
  max-width       : 276px;
  font-family     : var(--mdb-font-roboto);
  font-style      : normal;
  font-weight     : 400;
  line-height     : 1.6;
  text-align      : left;
  text-align      : start;
  text-decoration : none;
  text-shadow     : none;
  text-transform  : none;
  letter-spacing  : normal;
  word-break      : normal;
  word-spacing    : normal;
  white-space     : normal;
  line-break      : auto;
  font-size       : .875rem;
  word-wrap       : break-word;
  background-color: #fff;
  background-clip : padding-box;
  border          : 1px solid rgba(0, 0, 0, .2);
  border-radius   : .3rem
}

.popover .popover-arrow {
  position: absolute;
  display : block;
  width   : 1rem;
  height  : .5rem
}

.popover .popover-arrow:after,
.popover .popover-arrow:before {
  position    : absolute;
  display     : block;
  content     : "";
  border-color: transparent;
  border-style: solid
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
.bs-popover-top>.popover-arrow:before {
  bottom          : 0;
  border-width    : .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
.bs-popover-top>.popover-arrow:after {
  bottom          : 1px;
  border-width    : .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
.bs-popover-end>.popover-arrow {
  left  : calc(-.5rem - 1px);
  width : .5rem;
  height: 1rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
.bs-popover-end>.popover-arrow:before {
  left              : 0;
  border-width      : .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
.bs-popover-end>.popover-arrow:after {
  left              : 1px;
  border-width      : .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
.bs-popover-bottom>.popover-arrow:before {
  top                : 0;
  border-width       : 0 .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
.bs-popover-bottom>.popover-arrow:after {
  top                : 1px;
  border-width       : 0 .5rem .5rem;
  border-bottom-color: #fff
}

.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        : 1rem;
  margin-left  : -.5rem;
  content      : "";
  border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
.bs-popover-start>.popover-arrow {
  right : calc(-.5rem - 1px);
  width : .5rem;
  height: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
.bs-popover-start>.popover-arrow:before {
  right            : 0;
  border-width     : .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
.bs-popover-start>.popover-arrow:after {
  right            : 1px;
  border-width     : .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding                : .5rem 1rem;
  margin-bottom          : 0;
  font-size              : 1rem;
  background-color       : #f0f0f0;
  border-bottom          : 1px solid #d8d8d8;
  border-top-left-radius : calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: 1rem;
  color  : #4f4f4f
}

.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                 : 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
}

/*!rtl:begin:ignore*/
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
  transform        : translateX(100%)
}

.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
  transform        : translateX(-100%)
}

/*!rtl:end:ignore*/
.carousel-fade .carousel-item {
  opacity                    : 0;
  transition-property        : opacity;
  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        : none;
  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
}

.carousel-control-next {
  right: 0
}

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

/*!rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-next-icon,
.carousel-control-prev-icon {
  background-image: none
}

.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-mdb-target] {
  box-sizing        : content-box;
  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-mdb-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 {
  filter        : invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-mdb-target] {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

@-webkit-keyframes spinner-border {

  /*!rtl:ignore*/
  to {
    transform        : rotate(1turn)
  }
}

@keyframes spinner-border {

  /*!rtl:ignore*/
  to {
    transform        : rotate(1turn)
  }
}

.spinner-border {
  display          : inline-block;
  width            : 2rem;
  height           : 2rem;
  vertical-align   : text-bottom;
  border           : .25em solid;
  border-right     : .25em solid transparent;
  border-radius    : 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation        : spinner-border .75s linear infinite
}

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

@-webkit-keyframes spinner-grow {
  0% {
    transform        : scale(0)
  }

  50% {
    opacity          : 1;
    transform        : none
  }
}

@keyframes spinner-grow {
  0% {
    transform        : scale(0)
  }

  50% {
    opacity          : 1;
    transform        : none
  }
}

.spinner-grow {
  display          : inline-block;
  width            : 2rem;
  height           : 2rem;
  vertical-align   : text-bottom;
  background-color : currentColor;
  border-radius    : 50%;
  opacity          : 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation        : spinner-grow .75s linear infinite
}

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

@media(prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration        : 1.5s
  }
}

.tooltip {
  position       : absolute;
  z-index        : 1090;
  display        : block;
  margin         : 0;
  font-family    : var(--mdb-font-roboto);
  font-style     : normal;
  font-weight    : 400;
  line-height    : 1.6;
  text-align     : left;
  text-align     : start;
  text-decoration: none;
  text-shadow    : none;
  text-transform : none;
  letter-spacing : normal;
  word-break     : normal;
  word-spacing   : normal;
  white-space    : normal;
  line-break     : auto;
  font-size      : .875rem;
  word-wrap      : break-word;
  opacity        : 0
}

.tooltip.show {
  opacity: .9
}

.tooltip .tooltip-arrow {
  position: absolute;
  display : block;
  width   : .8rem;
  height  : .4rem
}

.tooltip .tooltip-arrow:before {
  position    : absolute;
  content     : "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}

.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-width    : .4rem .4rem 0;
  border-top-color: #000
}

.bs-tooltip-auto[data-popper-placement^=right],
.bs-tooltip-end {
  padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left  : 0;
  width : .4rem;
  height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
.bs-tooltip-end .tooltip-arrow:before {
  right             : -1px;
  border-width      : .4rem .4rem .4rem 0;
  border-right-color: #000
}

.bs-tooltip-auto[data-popper-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}

.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-width       : 0 .4rem .4rem;
  border-bottom-color: #000
}

.bs-tooltip-auto[data-popper-placement^=left],
.bs-tooltip-start {
  padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right : 0;
  width : .4rem;
  height: .8rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
.bs-tooltip-start .tooltip-arrow:before {
  left             : -1px;
  border-width     : .4rem 0 .4rem .4rem;
  border-left-color: #000
}

.tooltip-inner {
  max-width       : 200px;
  padding         : .25rem .5rem;
  text-align      : center;
  background-color: #000
}

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

.link-primary {
  color: #1266f1
}

.link-primary:focus,
.link-primary:hover {
  color: #0e52c1
}

.link-secondary {
  color: #b23cfd
}

.link-secondary:focus,
.link-secondary:hover {
  color: #c163fd
}

.link-success {
  color: #00b74a
}

.link-success:focus,
.link-success:hover {
  color: #33c56e
}

.link-info {
  color: #39c0ed
}

.link-info:focus,
.link-info:hover {
  color: #61cdf1
}

.link-warning {
  color: #ffa900
}

.link-warning:focus,
.link-warning:hover {
  color: #ffba33
}

.link-danger {
  color: #f93154
}

.link-danger:focus,
.link-danger:hover {
  color: #fa5a76
}

.link-light {
  color: #fbfbfb
}

.link-light:focus,
.link-light:hover {
  color: #fcfcfc
}

.link-dark {
  color: #262626
}

.link-dark:focus,
.link-dark:hover {
  color: #1e1e1e
}

.link-white,
.link-white:focus,
.link-white:hover {
  color: #fff
}

.link-black,
.link-black:focus,
.link-black:hover {
  color: #000
}

.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.85714%
}

.fixed-top {
  top: 0
}

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

.fixed-bottom {
  bottom: 0
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top     : 0;
  z-index : 1020
}

@media(min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top     : 0;
    z-index : 1020
  }
}

@media(min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top     : 0;
    z-index : 1020
  }
}

@media(min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top     : 0;
    z-index : 1020
  }
}

@media(min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top     : 0;
    z-index : 1020
  }
}

@media(min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top     : 0;
    z-index : 1020
  }
}

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

.align-baseline {
  vertical-align: baseline !important
}

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

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

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

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

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

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !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 {
  transform        : translate(-50%, -50%) !important
}

.translate-middle-x {
  transform        : translateX(-50%) !important
}

.translate-middle-y {
  transform        : translateY(-50%) !important
}

.border {
  border: 1px solid #e0e0e0 !important
}

.border-0 {
  border: 0 !important
}

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

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

.border-end {
  border-right: 1px solid #e0e0e0 !important
}

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

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

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

.border-start {
  border-left: 1px solid #e0e0e0 !important
}

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

.border-primary {
  border-color: #1266f1 !important
}

.border-secondary {
  border-color: #b23cfd !important
}

.border-success {
  border-color: #00b74a !important
}

.border-info {
  border-color: #39c0ed !important
}

.border-warning {
  border-color: #ffa900 !important
}

.border-danger {
  border-color: #f93154 !important
}

.border-light {
  border-color: #fbfbfb !important
}

.border-dark {
  border-color: #262626 !important
}

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

.border-black {
  border-color: #000 !important
}

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

.border-1 {
  border-width: 1px !important
}

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

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

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

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

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

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

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

.w-auto {
  width: auto !important
}

.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-row {
}

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

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

.flex-column-reverse,
.flex-row-reverse {
}

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

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !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
}

.m-n1 {
  margin: -.25rem !important
}

.m-n2 {
  margin: -.5rem !important
}

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

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

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

.mx-n1 {
  margin-right: -.25rem !important;
  margin-left : -.25rem !important
}

.mx-n2 {
  margin-right: -.5rem !important;
  margin-left : -.5rem !important
}

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

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

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

.my-n1 {
  margin-top   : -.25rem !important;
  margin-bottom: -.25rem !important
}

.my-n2 {
  margin-top   : -.5rem !important;
  margin-bottom: -.5rem !important
}

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

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

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

.mt-n1 {
  margin-top: -.25rem !important
}

.mt-n2 {
  margin-top: -.5rem !important
}

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

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

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

.me-n1 {
  margin-right: -.25rem !important
}

.me-n2 {
  margin-right: -.5rem !important
}

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

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

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

.mb-n1 {
  margin-bottom: -.25rem !important
}

.mb-n2 {
  margin-bottom: -.5rem !important
}

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

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

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

.ms-n1 {
  margin-left: -.25rem !important
}

.ms-n2 {
  margin-left: -.5rem !important
}

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

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

.ms-n5 {
  margin-left: -3rem !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
}

.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-bolder {
  font-weight: bolder !important
}

.text-lowercase {
  text-transform: lowercase !important
}

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

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

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

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

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

.text-primary {
  color: #1266f1 !important
}

.text-secondary {
  color: #b23cfd !important
}

.text-success {
  color: #00b74a !important
}

.text-info {
  color: #39c0ed !important
}

.text-warning {
  color: #ffa900 !important
}

.text-danger {
  color: #f93154 !important
}

.text-light {
  color: #fbfbfb !important
}

.text-dark {
  color: #262626 !important
}

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

.text-black {
  color: #000 !important
}

.text-body {
  color: #4f4f4f !important
}

.text-muted {
  color: #757575 !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: hsla(0, 0%, 100%, .5) !important
}

.text-reset {
  color: inherit !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.6 !important
}

.lh-lg {
  line-height: 2 !important
}

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

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

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

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

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

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

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

/*!rtl:begin:remove*/
.text-break {
  word-wrap : break-word !important;
  word-break: break-word !important
}

/*!rtl:end:remove*/
.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select   : all !important;
  -ms-user-select    : all !important;
  user-select        : all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select   : auto !important;
  -ms-user-select    : auto !important;
  user-select        : auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select   : none !important;
  -ms-user-select    : none !important;
  user-select        : none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: .25rem !important
}

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

.rounded-1 {
  border-radius: .2rem !important
}

.rounded-2 {
  border-radius: .25rem !important
}

.rounded-3 {
  border-radius: .3rem !important
}

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

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

.rounded-top {
  border-top-left-radius: .25rem !important
}

.rounded-end,
.rounded-top {
  border-top-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-end {
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom,
.rounded-start {
  border-bottom-left-radius: .25rem !important
}

.rounded-start {
  border-top-left-radius: .25rem !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-sm-row {
  }

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

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !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
  }

  .m-sm-n1 {
    margin: -.25rem !important
  }

  .m-sm-n2 {
    margin: -.5rem !important
  }

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

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

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

  .mx-sm-n1 {
    margin-right: -.25rem !important;
    margin-left : -.25rem !important
  }

  .mx-sm-n2 {
    margin-right: -.5rem !important;
    margin-left : -.5rem !important
  }

  .mx-sm-n3 {
    margin-right: -1rem !important;
    margin-left : -1rem !important
  }

  .mx-sm-n4 {
    margin-right: -1.5rem !important;
    margin-left : -1.5rem !important
  }

  .mx-sm-n5 {
    margin-right: -3rem !important;
    margin-left : -3rem !important
  }

  .my-sm-n1 {
    margin-top   : -.25rem !important;
    margin-bottom: -.25rem !important
  }

  .my-sm-n2 {
    margin-top   : -.5rem !important;
    margin-bottom: -.5rem !important
  }

  .my-sm-n3 {
    margin-top   : -1rem !important;
    margin-bottom: -1rem !important
  }

  .my-sm-n4 {
    margin-top   : -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-sm-n5 {
    margin-top   : -3rem !important;
    margin-bottom: -3rem !important
  }

  .mt-sm-n1 {
    margin-top: -.25rem !important
  }

  .mt-sm-n2 {
    margin-top: -.5rem !important
  }

  .mt-sm-n3 {
    margin-top: -1rem !important
  }

  .mt-sm-n4 {
    margin-top: -1.5rem !important
  }

  .mt-sm-n5 {
    margin-top: -3rem !important
  }

  .me-sm-n1 {
    margin-right: -.25rem !important
  }

  .me-sm-n2 {
    margin-right: -.5rem !important
  }

  .me-sm-n3 {
    margin-right: -1rem !important
  }

  .me-sm-n4 {
    margin-right: -1.5rem !important
  }

  .me-sm-n5 {
    margin-right: -3rem !important
  }

  .mb-sm-n1 {
    margin-bottom: -.25rem !important
  }

  .mb-sm-n2 {
    margin-bottom: -.5rem !important
  }

  .mb-sm-n3 {
    margin-bottom: -1rem !important
  }

  .mb-sm-n4 {
    margin-bottom: -1.5rem !important
  }

  .mb-sm-n5 {
    margin-bottom: -3rem !important
  }

  .ms-sm-n1 {
    margin-left: -.25rem !important
  }

  .ms-sm-n2 {
    margin-left: -.5rem !important
  }

  .ms-sm-n3 {
    margin-left: -1rem !important
  }

  .ms-sm-n4 {
    margin-left: -1.5rem !important
  }

  .ms-sm-n5 {
    margin-left: -3rem !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
  }

  .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-md-row {
  }

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

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !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
  }

  .m-md-n1 {
    margin: -.25rem !important
  }

  .m-md-n2 {
    margin: -.5rem !important
  }

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

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

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

  .mx-md-n1 {
    margin-right: -.25rem !important;
    margin-left : -.25rem !important
  }

  .mx-md-n2 {
    margin-right: -.5rem !important;
    margin-left : -.5rem !important
  }

  .mx-md-n3 {
    margin-right: -1rem !important;
    margin-left : -1rem !important
  }

  .mx-md-n4 {
    margin-right: -1.5rem !important;
    margin-left : -1.5rem !important
  }

  .mx-md-n5 {
    margin-right: -3rem !important;
    margin-left : -3rem !important
  }

  .my-md-n1 {
    margin-top   : -.25rem !important;
    margin-bottom: -.25rem !important
  }

  .my-md-n2 {
    margin-top   : -.5rem !important;
    margin-bottom: -.5rem !important
  }

  .my-md-n3 {
    margin-top   : -1rem !important;
    margin-bottom: -1rem !important
  }

  .my-md-n4 {
    margin-top   : -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-md-n5 {
    margin-top   : -3rem !important;
    margin-bottom: -3rem !important
  }

  .mt-md-n1 {
    margin-top: -.25rem !important
  }

  .mt-md-n2 {
    margin-top: -.5rem !important
  }

  .mt-md-n3 {
    margin-top: -1rem !important
  }

  .mt-md-n4 {
    margin-top: -1.5rem !important
  }

  .mt-md-n5 {
    margin-top: -3rem !important
  }

  .me-md-n1 {
    margin-right: -.25rem !important
  }

  .me-md-n2 {
    margin-right: -.5rem !important
  }

  .me-md-n3 {
    margin-right: -1rem !important
  }

  .me-md-n4 {
    margin-right: -1.5rem !important
  }

  .me-md-n5 {
    margin-right: -3rem !important
  }

  .mb-md-n1 {
    margin-bottom: -.25rem !important
  }

  .mb-md-n2 {
    margin-bottom: -.5rem !important
  }

  .mb-md-n3 {
    margin-bottom: -1rem !important
  }

  .mb-md-n4 {
    margin-bottom: -1.5rem !important
  }

  .mb-md-n5 {
    margin-bottom: -3rem !important
  }

  .ms-md-n1 {
    margin-left: -.25rem !important
  }

  .ms-md-n2 {
    margin-left: -.5rem !important
  }

  .ms-md-n3 {
    margin-left: -1rem !important
  }

  .ms-md-n4 {
    margin-left: -1.5rem !important
  }

  .ms-md-n5 {
    margin-left: -3rem !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
  }

  .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-lg-row {
  }

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

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !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
  }

  .m-lg-n1 {
    margin: -.25rem !important
  }

  .m-lg-n2 {
    margin: -.5rem !important
  }

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

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

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

  .mx-lg-n1 {
    margin-right: -.25rem !important;
    margin-left : -.25rem !important
  }

  .mx-lg-n2 {
    margin-right: -.5rem !important;
    margin-left : -.5rem !important
  }

  .mx-lg-n3 {
    margin-right: -1rem !important;
    margin-left : -1rem !important
  }

  .mx-lg-n4 {
    margin-right: -1.5rem !important;
    margin-left : -1.5rem !important
  }

  .mx-lg-n5 {
    margin-right: -3rem !important;
    margin-left : -3rem !important
  }

  .my-lg-n1 {
    margin-top   : -.25rem !important;
    margin-bottom: -.25rem !important
  }

  .my-lg-n2 {
    margin-top   : -.5rem !important;
    margin-bottom: -.5rem !important
  }

  .my-lg-n3 {
    margin-top   : -1rem !important;
    margin-bottom: -1rem !important
  }

  .my-lg-n4 {
    margin-top   : -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-lg-n5 {
    margin-top   : -3rem !important;
    margin-bottom: -3rem !important
  }

  .mt-lg-n1 {
    margin-top: -.25rem !important
  }

  .mt-lg-n2 {
    margin-top: -.5rem !important
  }

  .mt-lg-n3 {
    margin-top: -1rem !important
  }

  .mt-lg-n4 {
    margin-top: -1.5rem !important
  }

  .mt-lg-n5 {
    margin-top: -3rem !important
  }

  .me-lg-n1 {
    margin-right: -.25rem !important
  }

  .me-lg-n2 {
    margin-right: -.5rem !important
  }

  .me-lg-n3 {
    margin-right: -1rem !important
  }

  .me-lg-n4 {
    margin-right: -1.5rem !important
  }

  .me-lg-n5 {
    margin-right: -3rem !important
  }

  .mb-lg-n1 {
    margin-bottom: -.25rem !important
  }

  .mb-lg-n2 {
    margin-bottom: -.5rem !important
  }

  .mb-lg-n3 {
    margin-bottom: -1rem !important
  }

  .mb-lg-n4 {
    margin-bottom: -1.5rem !important
  }

  .mb-lg-n5 {
    margin-bottom: -3rem !important
  }

  .ms-lg-n1 {
    margin-left: -.25rem !important
  }

  .ms-lg-n2 {
    margin-left: -.5rem !important
  }

  .ms-lg-n3 {
    margin-left: -1rem !important
  }

  .ms-lg-n4 {
    margin-left: -1.5rem !important
  }

  .ms-lg-n5 {
    margin-left: -3rem !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
  }

  .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-xl-row {
  }

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

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !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
  }

  .m-xl-n1 {
    margin: -.25rem !important
  }

  .m-xl-n2 {
    margin: -.5rem !important
  }

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

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

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

  .mx-xl-n1 {
    margin-right: -.25rem !important;
    margin-left : -.25rem !important
  }

  .mx-xl-n2 {
    margin-right: -.5rem !important;
    margin-left : -.5rem !important
  }

  .mx-xl-n3 {
    margin-right: -1rem !important;
    margin-left : -1rem !important
  }

  .mx-xl-n4 {
    margin-right: -1.5rem !important;
    margin-left : -1.5rem !important
  }

  .mx-xl-n5 {
    margin-right: -3rem !important;
    margin-left : -3rem !important
  }

  .my-xl-n1 {
    margin-top   : -.25rem !important;
    margin-bottom: -.25rem !important
  }

  .my-xl-n2 {
    margin-top   : -.5rem !important;
    margin-bottom: -.5rem !important
  }

  .my-xl-n3 {
    margin-top   : -1rem !important;
    margin-bottom: -1rem !important
  }

  .my-xl-n4 {
    margin-top   : -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-xl-n5 {
    margin-top   : -3rem !important;
    margin-bottom: -3rem !important
  }

  .mt-xl-n1 {
    margin-top: -.25rem !important
  }

  .mt-xl-n2 {
    margin-top: -.5rem !important
  }

  .mt-xl-n3 {
    margin-top: -1rem !important
  }

  .mt-xl-n4 {
    margin-top: -1.5rem !important
  }

  .mt-xl-n5 {
    margin-top: -3rem !important
  }

  .me-xl-n1 {
    margin-right: -.25rem !important
  }

  .me-xl-n2 {
    margin-right: -.5rem !important
  }

  .me-xl-n3 {
    margin-right: -1rem !important
  }

  .me-xl-n4 {
    margin-right: -1.5rem !important
  }

  .me-xl-n5 {
    margin-right: -3rem !important
  }

  .mb-xl-n1 {
    margin-bottom: -.25rem !important
  }

  .mb-xl-n2 {
    margin-bottom: -.5rem !important
  }

  .mb-xl-n3 {
    margin-bottom: -1rem !important
  }

  .mb-xl-n4 {
    margin-bottom: -1.5rem !important
  }

  .mb-xl-n5 {
    margin-bottom: -3rem !important
  }

  .ms-xl-n1 {
    margin-left: -.25rem !important
  }

  .ms-xl-n2 {
    margin-left: -.5rem !important
  }

  .ms-xl-n3 {
    margin-left: -1rem !important
  }

  .ms-xl-n4 {
    margin-left: -1.5rem !important
  }

  .ms-xl-n5 {
    margin-left: -3rem !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
  }

  .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-xxl-row {
  }

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

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !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
  }

  .m-xxl-n1 {
    margin: -.25rem !important
  }

  .m-xxl-n2 {
    margin: -.5rem !important
  }

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

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

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

  .mx-xxl-n1 {
    margin-right: -.25rem !important;
    margin-left : -.25rem !important
  }

  .mx-xxl-n2 {
    margin-right: -.5rem !important;
    margin-left : -.5rem !important
  }

  .mx-xxl-n3 {
    margin-right: -1rem !important;
    margin-left : -1rem !important
  }

  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
    margin-left : -1.5rem !important
  }

  .mx-xxl-n5 {
    margin-right: -3rem !important;
    margin-left : -3rem !important
  }

  .my-xxl-n1 {
    margin-top   : -.25rem !important;
    margin-bottom: -.25rem !important
  }

  .my-xxl-n2 {
    margin-top   : -.5rem !important;
    margin-bottom: -.5rem !important
  }

  .my-xxl-n3 {
    margin-top   : -1rem !important;
    margin-bottom: -1rem !important
  }

  .my-xxl-n4 {
    margin-top   : -1.5rem !important;
    margin-bottom: -1.5rem !important
  }

  .my-xxl-n5 {
    margin-top   : -3rem !important;
    margin-bottom: -3rem !important
  }

  .mt-xxl-n1 {
    margin-top: -.25rem !important
  }

  .mt-xxl-n2 {
    margin-top: -.5rem !important
  }

  .mt-xxl-n3 {
    margin-top: -1rem !important
  }

  .mt-xxl-n4 {
    margin-top: -1.5rem !important
  }

  .mt-xxl-n5 {
    margin-top: -3rem !important
  }

  .me-xxl-n1 {
    margin-right: -.25rem !important
  }

  .me-xxl-n2 {
    margin-right: -.5rem !important
  }

  .me-xxl-n3 {
    margin-right: -1rem !important
  }

  .me-xxl-n4 {
    margin-right: -1.5rem !important
  }

  .me-xxl-n5 {
    margin-right: -3rem !important
  }

  .mb-xxl-n1 {
    margin-bottom: -.25rem !important
  }

  .mb-xxl-n2 {
    margin-bottom: -.5rem !important
  }

  .mb-xxl-n3 {
    margin-bottom: -1rem !important
  }

  .mb-xxl-n4 {
    margin-bottom: -1.5rem !important
  }

  .mb-xxl-n5 {
    margin-bottom: -3rem !important
  }

  .ms-xxl-n1 {
    margin-left: -.25rem !important
  }

  .ms-xxl-n2 {
    margin-left: -.5rem !important
  }

  .ms-xxl-n3 {
    margin-left: -1rem !important
  }

  .ms-xxl-n4 {
    margin-left: -1.5rem !important
  }

  .ms-xxl-n5 {
    margin-left: -3rem !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
  }

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

:root {
  --mdb-font-roboto: "Roboto", sans-serif
}

body {
  font-family: var(--mdb-font-roboto);
  line-height: 1.6;
  color      : #4f4f4f
}

a {
  text-decoration: none
}

button:focus {
  outline: 0
}

.note {
  padding      : 10px;
  border-left  : 6px solid;
  border-radius: 5px
}

.note strong {
  font-weight: 600
}

.note p {
  font-weight: 500
}

.note-primary {
  background-color: #e1ecfd;
  border-color    : #1266f1
}

.note-secondary {
  background-color: #f4e3ff;
  border-color    : #b23cfd
}

.note-success {
  background-color: #c6ffdd;
  border-color    : #00b74a
}

.note-danger {
  background-color: #fee3e8;
  border-color    : #f93154
}

.note-warning {
  background-color: #fff1d6;
  border-color    : #ffa900
}

.note-info {
  background-color: #e1f6fc;
  border-color    : #39c0ed
}

.note-light {
  background-color: #fbfbfb;
  border-color    : #262626
}

@media(min-width:1199px) {
  .w-responsive {
    width: 75%
  }
}

.bg-primary {
  background-color: #1266f1 !important
}

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

.bg-success {
  background-color: #00b74a !important
}

.bg-info {
  background-color: #39c0ed !important
}

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

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

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

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

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

.bg-black {
  background-color: #000 !important
}

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

.shadow-1 {
  box-shadow        : 0 2px 10px 0 rgba(0, 0, 0, .05) !important
}

.shadow-2 {
  box-shadow        : 0 5px 15px 0 rgba(0, 0, 0, .05) !important
}

.shadow-3 {
  box-shadow        : 0 10px 20px 0 rgba(0, 0, 0, .05) !important
}

.shadow-4 {
  box-shadow        : 0 15px 30px 0 rgba(0, 0, 0, .05) !important
}

.shadow-5 {
  box-shadow        : 0 20px 40px 0 rgba(0, 0, 0, .05) !important
}

.shadow-1-strong {
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 10px 0 rgba(0, 0, 0, .2) !important
}

.shadow-2-strong {
  box-shadow        : 0 4px 8px 0 rgba(0, 0, 0, .25), 0 5px 15px 2px rgba(0, 0, 0, .2) !important
}

.shadow-3-strong {
  box-shadow        : 0 6px 11px 0 rgba(0, 0, 0, .25), 0 7px 20px 3px rgba(0, 0, 0, .2) !important
}

.shadow-4-strong {
  box-shadow        : 0 6px 14px 0 rgba(0, 0, 0, .25), 0 10px 30px 4px rgba(0, 0, 0, .2) !important
}

.shadow-5-strong {
  box-shadow        : 0 6px 20px 0 rgba(0, 0, 0, .25), 0 12px 40px 5px rgba(0, 0, 0, .2) !important
}

/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
#mdb-table-flag tr {
  cursor: pointer
}

.mdb-flag-selected {
  border-top-left-radius : 5px;
  border-top-right-radius: 5px;
  text-align             : center;
  max-width              : 150px;
  margin                 : 10px auto 0
}

.mdb-selected-flag-text {
  margin   : 0 auto;
  max-width: 150px
}

i.flag:before {
  display   : inline-block;
  width     : 16px;
  height    : 11px;
  content   : "";
  background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px
}

i.flag-ad:before,
i.flag-andorra:before {
  background-position: 0 0 !important
}

i.flag-ae:before,
i.flag-uae:before,
i.flag-united-arab-emirates:before {
  background-position: 0 -26px !important
}

i.flag-af:before,
i.flag-afghanistan:before {
  background-position: 0 -52px !important
}

i.flag-ag:before,
i.flag-antigua:before {
  background-position: 0 -78px !important
}

i.flag-ai:before,
i.flag-anguilla:before {
  background-position: 0 -104px !important
}

i.flag-al:before,
i.flag-albania:before {
  background-position: 0 -130px !important
}

i.flag-am:before,
i.flag-armenia:before {
  background-position: 0 -156px !important
}

i.flag-an:before,
i.flag-netherlands-antilles:before {
  background-position: 0 -182px !important
}

i.flag-angola:before,
i.flag-ao:before {
  background-position: 0 -208px !important
}

i.flag-ar:before,
i.flag-argentina:before {
  background-position: 0 -234px !important
}

i.flag-american-samoa:before,
i.flag-as:before {
  background-position: 0 -260px !important
}

i.flag-at:before,
i.flag-austria:before {
  background-position: 0 -286px !important
}

i.flag-au:before,
i.flag-australia:before {
  background-position: 0 -312px !important
}

i.flag-aruba:before,
i.flag-aw:before {
  background-position: 0 -338px !important
}

i.flag-aland-islands:before,
i.flag-ax:before {
  background-position: 0 -364px !important
}

i.flag-az:before,
i.flag-azerbaijan:before {
  background-position: 0 -390px !important
}

i.flag-ba:before,
i.flag-bosnia:before {
  background-position: 0 -416px !important
}

i.flag-barbados:before,
i.flag-bb:before {
  background-position: 0 -442px !important
}

i.flag-bangladesh:before,
i.flag-bd:before {
  background-position: 0 -468px !important
}

i.flag-be:before,
i.flag-belgium:before {
  background-position: 0 -494px !important
}

i.flag-bf:before,
i.flag-burkina-faso:before {
  background-position: 0 -520px !important
}

i.flag-bg:before,
i.flag-bulgaria:before {
  background-position: 0 -546px !important
}

i.flag-bahrain:before,
i.flag-bh:before {
  background-position: 0 -572px !important
}

i.flag-bi:before,
i.flag-burundi:before {
  background-position: 0 -598px !important
}

i.flag-benin:before,
i.flag-bj:before {
  background-position: 0 -624px !important
}

i.flag-bermuda:before,
i.flag-bm:before {
  background-position: 0 -650px !important
}

i.flag-bn:before,
i.flag-brunei:before {
  background-position: 0 -676px !important
}

i.flag-bo:before,
i.flag-bolivia:before {
  background-position: 0 -702px !important
}

i.flag-br:before,
i.flag-brazil:before {
  background-position: 0 -728px !important
}

i.flag-bahamas:before,
i.flag-bs:before {
  background-position: 0 -754px !important
}

i.flag-bhutan:before,
i.flag-bt:before {
  background-position: 0 -780px !important
}

i.flag-bouvet-island:before,
i.flag-bv:before {
  background-position: 0 -806px !important
}

i.flag-botswana:before,
i.flag-bw:before {
  background-position: 0 -832px !important
}

i.flag-belarus:before,
i.flag-by:before {
  background-position: 0 -858px !important
}

i.flag-belize:before,
i.flag-bz:before {
  background-position: 0 -884px !important
}

i.flag-ca:before,
i.flag-canada:before {
  background-position: 0 -910px !important
}

i.flag-cc:before,
i.flag-cocos-islands:before {
  background-position: 0 -962px !important
}

i.flag-cd:before,
i.flag-congo:before {
  background-position: 0 -988px !important
}

i.flag-central-african-republic:before,
i.flag-cf:before {
  background-position: 0 -1014px !important
}

i.flag-cg:before,
i.flag-congo-brazzaville:before {
  background-position: 0 -1040px !important
}

i.flag-ch:before,
i.flag-switzerland:before {
  background-position: 0 -1066px !important
}

i.flag-ci:before,
i.flag-cote-divoire:before {
  background-position: 0 -1092px !important
}

i.flag-ck:before,
i.flag-cook-islands:before {
  background-position: 0 -1118px !important
}

i.flag-chile:before,
i.flag-cl:before {
  background-position: 0 -1144px !important
}

i.flag-cameroon:before,
i.flag-cm:before {
  background-position: 0 -1170px !important
}

i.flag-china:before,
i.flag-cn:before {
  background-position: 0 -1196px !important
}

i.flag-co:before,
i.flag-colombia:before {
  background-position: 0 -1222px !important
}

i.flag-costa-rica:before,
i.flag-cr:before {
  background-position: 0 -1248px !important
}

i.flag-cs:before,
i.flag-serbia:before {
  background-position: 0 -1274px !important
}

i.flag-cu:before,
i.flag-cuba:before {
  background-position: 0 -1300px !important
}

i.flag-cape-verde:before,
i.flag-cv:before {
  background-position: 0 -1326px !important
}

i.flag-christmas-island:before,
i.flag-cx:before {
  background-position: 0 -1352px !important
}

i.flag-cy:before,
i.flag-cyprus:before {
  background-position: 0 -1378px !important
}

i.flag-cz:before,
i.flag-czech-republic:before {
  background-position: 0 -1404px !important
}

i.flag-de:before,
i.flag-germany:before {
  background-position: 0 -1430px !important
}

i.flag-dj:before,
i.flag-djibouti:before {
  background-position: 0 -1456px !important
}

i.flag-denmark:before,
i.flag-dk:before {
  background-position: 0 -1482px !important
}

i.flag-dm:before,
i.flag-dominica:before {
  background-position: 0 -1508px !important
}

i.flag-do:before,
i.flag-dominican-republic:before {
  background-position: 0 -1534px !important
}

i.flag-algeria:before,
i.flag-dz:before {
  background-position: 0 -1560px !important
}

i.flag-ec:before,
i.flag-ecuador:before {
  background-position: 0 -1586px !important
}

i.flag-ee:before,
i.flag-estonia:before {
  background-position: 0 -1612px !important
}

i.flag-eg:before,
i.flag-egypt:before {
  background-position: 0 -1638px !important
}

i.flag-eh:before,
i.flag-western-sahara:before {
  background-position: 0 -1664px !important
}

i.flag-england:before,
i.flag-gb-eng:before {
  background-position: 0 -1690px !important
}

i.flag-er:before,
i.flag-eritrea:before {
  background-position: 0 -1716px !important
}

i.flag-es:before,
i.flag-spain:before {
  background-position: 0 -1742px !important
}

i.flag-et:before,
i.flag-ethiopia:before {
  background-position: 0 -1768px !important
}

i.flag-eu:before,
i.flag-european-union:before {
  background-position: 0 -1794px !important
}

i.flag-fi:before,
i.flag-finland:before {
  background-position: 0 -1846px !important
}

i.flag-fiji:before,
i.flag-fj:before {
  background-position: 0 -1872px !important
}

i.flag-falkland-islands:before,
i.flag-fk:before {
  background-position: 0 -1898px !important
}

i.flag-fm:before,
i.flag-micronesia:before {
  background-position: 0 -1924px !important
}

i.flag-faroe-islands:before,
i.flag-fo:before {
  background-position: 0 -1950px !important
}

i.flag-fr:before,
i.flag-france:before {
  background-position: 0 -1976px !important
}

i.flag-ga:before,
i.flag-gabon:before {
  background-position: -36px 0 !important
}

i.flag-gb:before,
i.flag-uk:before,
i.flag-united-kingdom:before {
  background-position: -36px -26px !important
}

i.flag-gd:before,
i.flag-grenada:before {
  background-position: -36px -52px !important
}

i.flag-ge:before,
i.flag-georgia:before {
  background-position: -36px -78px !important
}

i.flag-french-guiana:before,
i.flag-gf:before {
  background-position: -36px -104px !important
}

i.flag-gh:before,
i.flag-ghana:before {
  background-position: -36px -130px !important
}

i.flag-gi:before,
i.flag-gibraltar:before {
  background-position: -36px -156px !important
}

i.flag-gl:before,
i.flag-greenland:before {
  background-position: -36px -182px !important
}

i.flag-gambia:before,
i.flag-gm:before {
  background-position: -36px -208px !important
}

i.flag-gn:before,
i.flag-guinea:before {
  background-position: -36px -234px !important
}

i.flag-gp:before,
i.flag-guadeloupe:before {
  background-position: -36px -260px !important
}

i.flag-equatorial-guinea:before,
i.flag-gq:before {
  background-position: -36px -286px !important
}

i.flag-gr:before,
i.flag-greece:before {
  background-position: -36px -312px !important
}

i.flag-gs:before,
i.flag-sandwich-islands:before {
  background-position: -36px -338px !important
}

i.flag-gt:before,
i.flag-guatemala:before {
  background-position: -36px -364px !important
}

i.flag-gu:before,
i.flag-guam:before {
  background-position: -36px -390px !important
}

i.flag-guinea-bissau:before,
i.flag-gw:before {
  background-position: -36px -416px !important
}

i.flag-guyana:before,
i.flag-gy:before {
  background-position: -36px -442px !important
}

i.flag-hk:before,
i.flag-hong-kong:before {
  background-position: -36px -468px !important
}

i.flag-heard-island:before,
i.flag-hm:before {
  background-position: -36px -494px !important
}

i.flag-hn:before,
i.flag-honduras:before {
  background-position: -36px -520px !important
}

i.flag-croatia:before,
i.flag-hr:before {
  background-position: -36px -546px !important
}

i.flag-haiti:before,
i.flag-ht:before {
  background-position: -36px -572px !important
}

i.flag-hu:before,
i.flag-hungary:before {
  background-position: -36px -598px !important
}

i.flag-id:before,
i.flag-indonesia:before {
  background-position: -36px -624px !important
}

i.flag-ie:before,
i.flag-ireland:before {
  background-position: -36px -650px !important
}

i.flag-il:before,
i.flag-israel:before {
  background-position: -36px -676px !important
}

i.flag-in:before,
i.flag-india:before {
  background-position: -36px -702px !important
}

i.flag-indian-ocean-territory:before,
i.flag-io:before {
  background-position: -36px -728px !important
}

i.flag-iq:before,
i.flag-iraq:before {
  background-position: -36px -754px !important
}

i.flag-ir:before,
i.flag-iran:before {
  background-position: -36px -780px !important
}

i.flag-iceland:before,
i.flag-is:before {
  background-position: -36px -806px !important
}

i.flag-it:before,
i.flag-italy:before {
  background-position: -36px -832px !important
}

i.flag-jamaica:before,
i.flag-jm:before {
  background-position: -36px -858px !important
}

i.flag-jo:before,
i.flag-jordan:before {
  background-position: -36px -884px !important
}

i.flag-japan:before,
i.flag-jp:before {
  background-position: -36px -910px !important
}

i.flag-ke:before,
i.flag-kenya:before {
  background-position: -36px -936px !important
}

i.flag-kg:before,
i.flag-kyrgyzstan:before {
  background-position: -36px -962px !important
}

i.flag-cambodia:before,
i.flag-kh:before {
  background-position: -36px -988px !important
}

i.flag-ki:before,
i.flag-kiribati:before {
  background-position: -36px -1014px !important
}

i.flag-comoros:before,
i.flag-km:before {
  background-position: -36px -1040px !important
}

i.flag-kn:before,
i.flag-saint-kitts-and-nevis:before {
  background-position: -36px -1066px !important
}

i.flag-kp:before,
i.flag-north-korea:before {
  background-position: -36px -1092px !important
}

i.flag-kr:before,
i.flag-south-korea:before {
  background-position: -36px -1118px !important
}

i.flag-kuwait:before,
i.flag-kw:before {
  background-position: -36px -1144px !important
}

i.flag-cayman-islands:before,
i.flag-ky:before {
  background-position: -36px -1170px !important
}

i.flag-kazakhstan:before,
i.flag-kz:before {
  background-position: -36px -1196px !important
}

i.flag-la:before,
i.flag-laos:before {
  background-position: -36px -1222px !important
}

i.flag-lb:before,
i.flag-lebanon:before {
  background-position: -36px -1248px !important
}

i.flag-lc:before,
i.flag-saint-lucia:before {
  background-position: -36px -1274px !important
}

i.flag-li:before,
i.flag-liechtenstein:before {
  background-position: -36px -1300px !important
}

i.flag-lk:before,
i.flag-sri-lanka:before {
  background-position: -36px -1326px !important
}

i.flag-liberia:before,
i.flag-lr:before {
  background-position: -36px -1352px !important
}

i.flag-lesotho:before,
i.flag-ls:before {
  background-position: -36px -1378px !important
}

i.flag-lithuania:before,
i.flag-lt:before {
  background-position: -36px -1404px !important
}

i.flag-lu:before,
i.flag-luxembourg:before {
  background-position: -36px -1430px !important
}

i.flag-latvia:before,
i.flag-lv:before {
  background-position: -36px -1456px !important
}

i.flag-libya:before,
i.flag-ly:before {
  background-position: -36px -1482px !important
}

i.flag-ma:before,
i.flag-morocco:before {
  background-position: -36px -1508px !important
}

i.flag-mc:before,
i.flag-monaco:before {
  background-position: -36px -1534px !important
}

i.flag-md:before,
i.flag-moldova:before {
  background-position: -36px -1560px !important
}

i.flag-me:before,
i.flag-montenegro:before {
  background-position: -36px -1586px !important
}

i.flag-madagascar:before,
i.flag-mg:before {
  background-position: -36px -1613px !important
}

i.flag-marshall-islands:before,
i.flag-mh:before {
  background-position: -36px -1639px !important
}

i.flag-macedonia:before,
i.flag-mk:before {
  background-position: -36px -1665px !important
}

i.flag-mali:before,
i.flag-ml:before {
  background-position: -36px -1691px !important
}

i.flag-burma:before,
i.flag-mm:before,
i.flag-myanmar:before {
  background-position: -73px -1821px !important
}

i.flag-mn:before,
i.flag-mongolia:before {
  background-position: -36px -1743px !important
}

i.flag-macau:before,
i.flag-mo:before {
  background-position: -36px -1769px !important
}

i.flag-mp:before,
i.flag-northern-mariana-islands:before {
  background-position: -36px -1795px !important
}

i.flag-martinique:before,
i.flag-mq:before {
  background-position: -36px -1821px !important
}

i.flag-mauritania:before,
i.flag-mr:before {
  background-position: -36px -1847px !important
}

i.flag-montserrat:before,
i.flag-ms:before {
  background-position: -36px -1873px !important
}

i.flag-malta:before,
i.flag-mt:before {
  background-position: -36px -1899px !important
}

i.flag-mauritius:before,
i.flag-mu:before {
  background-position: -36px -1925px !important
}

i.flag-maldives:before,
i.flag-mv:before {
  background-position: -36px -1951px !important
}

i.flag-malawi:before,
i.flag-mw:before {
  background-position: -36px -1977px !important
}

i.flag-mexico:before,
i.flag-mx:before {
  background-position: -72px 0 !important
}

i.flag-malaysia:before,
i.flag-my:before {
  background-position: -72px -26px !important
}

i.flag-mozambique:before,
i.flag-mz:before {
  background-position: -72px -52px !important
}

i.flag-na:before,
i.flag-namibia:before {
  background-position: -72px -78px !important
}

i.flag-nc:before,
i.flag-new-caledonia:before {
  background-position: -72px -104px !important
}

i.flag-ne:before,
i.flag-niger:before {
  background-position: -72px -130px !important
}

i.flag-nf:before,
i.flag-norfolk-island:before {
  background-position: -72px -156px !important
}

i.flag-ng:before,
i.flag-nigeria:before {
  background-position: -72px -182px !important
}

i.flag-ni:before,
i.flag-nicaragua:before {
  background-position: -72px -208px !important
}

i.flag-netherlands:before,
i.flag-nl:before {
  background-position: -72px -234px !important
}

i.flag-no:before,
i.flag-norway:before {
  background-position: -72px -260px !important
}

i.flag-nepal:before,
i.flag-np:before {
  background-position: -72px -286px !important
}

i.flag-nauru:before,
i.flag-nr:before {
  background-position: -72px -312px !important
}

i.flag-niue:before,
i.flag-nu:before {
  background-position: -72px -338px !important
}

i.flag-new-zealand:before,
i.flag-nz:before {
  background-position: -72px -364px !important
}

i.flag-om:before,
i.flag-oman:before {
  background-position: -72px -390px !important
}

i.flag-pa:before,
i.flag-panama:before {
  background-position: -72px -416px !important
}

i.flag-pe:before,
i.flag-peru:before {
  background-position: -72px -442px !important
}

i.flag-french-polynesia:before,
i.flag-pf:before {
  background-position: -72px -468px !important
}

i.flag-new-guinea:before,
i.flag-pg:before {
  background-position: -72px -494px !important
}

i.flag-ph:before,
i.flag-philippines:before {
  background-position: -72px -520px !important
}

i.flag-pakistan:before,
i.flag-pk:before {
  background-position: -72px -546px !important
}

i.flag-pl:before,
i.flag-poland:before {
  background-position: -72px -572px !important
}

i.flag-pm:before,
i.flag-saint-pierre:before {
  background-position: -72px -598px !important
}

i.flag-pitcairn-islands:before,
i.flag-pn:before {
  background-position: -72px -624px !important
}

i.flag-pr:before,
i.flag-puerto-rico:before {
  background-position: -72px -650px !important
}

i.flag-palestine:before,
i.flag-ps:before {
  background-position: -72px -676px !important
}

i.flag-portugal:before,
i.flag-pt:before {
  background-position: -72px -702px !important
}

i.flag-palau:before,
i.flag-pw:before {
  background-position: -72px -728px !important
}

i.flag-paraguay:before,
i.flag-py:before {
  background-position: -72px -754px !important
}

i.flag-qa:before,
i.flag-qatar:before {
  background-position: -72px -780px !important
}

i.flag-re:before,
i.flag-reunion:before {
  background-position: -72px -806px !important
}

i.flag-ro:before,
i.flag-romania:before {
  background-position: -72px -832px !important
}

i.flag-rs:before,
i.flag-serbia:before {
  background-position: -72px -858px !important
}

i.flag-ru:before,
i.flag-russia:before {
  background-position: -72px -884px !important
}

i.flag-rw:before,
i.flag-rwanda:before {
  background-position: -72px -910px !important
}

i.flag-sa:before,
i.flag-saudi-arabia:before {
  background-position: -72px -936px !important
}

i.flag-sb:before,
i.flag-solomon-islands:before {
  background-position: -72px -962px !important
}

i.flag-sc:before,
i.flag-seychelles:before {
  background-position: -72px -988px !important
}

i.flag-gb-sct:before,
i.flag-scotland:before {
  background-position: -72px -1014px !important
}

i.flag-sd:before,
i.flag-sudan:before {
  background-position: -72px -1040px !important
}

i.flag-se:before,
i.flag-sweden:before {
  background-position: -72px -1066px !important
}

i.flag-sg:before,
i.flag-singapore:before {
  background-position: -72px -1092px !important
}

i.flag-saint-helena:before,
i.flag-sh:before {
  background-position: -72px -1118px !important
}

i.flag-si:before,
i.flag-slovenia:before {
  background-position: -72px -1144px !important
}

i.flag-jan-mayen:before,
i.flag-sj:before,
i.flag-svalbard:before {
  background-position: -72px -1170px !important
}

i.flag-sk:before,
i.flag-slovakia:before {
  background-position: -72px -1196px !important
}

i.flag-sierra-leone:before,
i.flag-sl:before {
  background-position: -72px -1222px !important
}

i.flag-san-marino:before,
i.flag-sm:before {
  background-position: -72px -1248px !important
}

i.flag-senegal:before,
i.flag-sn:before {
  background-position: -72px -1274px !important
}

i.flag-so:before,
i.flag-somalia:before {
  background-position: -72px -1300px !important
}

i.flag-sr:before,
i.flag-suriname:before {
  background-position: -72px -1326px !important
}

i.flag-sao-tome:before,
i.flag-st:before {
  background-position: -72px -1352px !important
}

i.flag-el-salvador:before,
i.flag-sv:before {
  background-position: -72px -1378px !important
}

i.flag-sy:before,
i.flag-syria:before {
  background-position: -72px -1404px !important
}

i.flag-swaziland:before,
i.flag-sz:before {
  background-position: -72px -1430px !important
}

i.flag-caicos-islands:before,
i.flag-tc:before {
  background-position: -72px -1456px !important
}

i.flag-chad:before,
i.flag-td:before {
  background-position: -72px -1482px !important
}

i.flag-french-territories:before,
i.flag-tf:before {
  background-position: -72px -1508px !important
}

i.flag-tg:before,
i.flag-togo:before {
  background-position: -72px -1534px !important
}

i.flag-th:before,
i.flag-thailand:before {
  background-position: -72px -1560px !important
}

i.flag-tajikistan:before,
i.flag-tj:before {
  background-position: -72px -1586px !important
}

i.flag-tk:before,
i.flag-tokelau:before {
  background-position: -72px -1612px !important
}

i.flag-timorleste:before,
i.flag-tl:before {
  background-position: -72px -1638px !important
}

i.flag-tm:before,
i.flag-turkmenistan:before {
  background-position: -72px -1664px !important
}

i.flag-tn:before,
i.flag-tunisia:before {
  background-position: -72px -1690px !important
}

i.flag-to:before,
i.flag-tonga:before {
  background-position: -72px -1716px !important
}

i.flag-tr:before,
i.flag-turkey:before {
  background-position: -72px -1742px !important
}

i.flag-trinidad:before,
i.flag-tt:before {
  background-position: -72px -1768px !important
}

i.flag-tuvalu:before,
i.flag-tv:before {
  background-position: -72px -1794px !important
}

i.flag-taiwan:before,
i.flag-tw:before {
  background-position: -72px -1820px !important
}

i.flag-tanzania:before,
i.flag-tz:before {
  background-position: -72px -1846px !important
}

i.flag-ua:before,
i.flag-ukraine:before {
  background-position: -72px -1872px !important
}

i.flag-ug:before,
i.flag-uganda:before {
  background-position: -72px -1898px !important
}

i.flag-um:before,
i.flag-us-minor-islands:before {
  background-position: -72px -1924px !important
}

i.flag-america:before,
i.flag-united-states:before,
i.flag-us:before {
  background-position: -72px -1950px !important
}

i.flag-uruguay:before,
i.flag-uy:before {
  background-position: -72px -1976px !important
}

i.flag-uz:before,
i.flag-uzbekistan:before {
  background-position: -108px 0 !important
}

i.flag-va:before,
i.flag-vatican-city:before {
  background-position: -108px -26px !important
}

i.flag-saint-vincent:before,
i.flag-vc:before {
  background-position: -108px -52px !important
}

i.flag-ve:before,
i.flag-venezuela:before {
  background-position: -108px -78px !important
}

i.flag-british-virgin-islands:before,
i.flag-vg:before {
  background-position: -108px -104px !important
}

i.flag-us-virgin-islands:before,
i.flag-vi:before {
  background-position: -108px -130px !important
}

i.flag-vietnam:before,
i.flag-vn:before {
  background-position: -108px -156px !important
}

i.flag-vanuatu:before,
i.flag-vu:before {
  background-position: -108px -182px !important
}

i.flag-gb-wls:before,
i.flag-wales:before {
  background-position: -108px -208px !important
}

i.flag-wallis-and-futuna:before,
i.flag-wf:before {
  background-position: -108px -234px !important
}

i.flag-samoa:before,
i.flag-ws:before {
  background-position: -108px -260px !important
}

i.flag-ye:before,
i.flag-yemen:before {
  background-position: -108px -286px !important
}

i.flag-mayotte:before,
i.flag-yt:before {
  background-position: -108px -312px !important
}

i.flag-south-africa:before,
i.flag-za:before {
  background-position: -108px -338px !important
}

i.flag-zambia:before,
i.flag-zm:before {
  background-position: -108px -364px !important
}

i.flag-zimbabwe:before,
i.flag-zw:before {
  background-position: -108px -390px !important
}

.bg-image {
  position           : relative;
  overflow           : hidden;
  background-repeat  : no-repeat;
  background-size    : cover;
  background-position: 50%
}

.mask {
  position             : absolute;
  top                  : 0;
  right                : 0;
  bottom               : 0;
  left                 : 0;
  width                : 100%;
  height               : 100%;
  overflow             : hidden;
  background-attachment: fixed
}

.hover-overlay .mask {
  opacity           : 0;
  transition        : all .3s ease-in-out
}

.hover-overlay .mask:hover {
  opacity: 1
}

.hover-zoom img,
.hover-zoom video {
  transition        : all .3s linear
}

.hover-zoom:hover img,
.hover-zoom:hover video {
  transform        : scale(1.1)
}

.card.hover-shadow,
.hover-shadow {
  box-shadow        : none;
  transition        : all .3s ease-in-out
}

.card.hover-shadow:hover,
.hover-shadow:hover {
  box-shadow        : 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
  transition        : all .3s ease-in-out
}

.bg-fixed {
  background-attachment: fixed
}

.form-control {
  min-height    : auto;
  padding-top   : 4px;
  padding-bottom: 3.28px
}

.form-control,
.form-control:focus {
  transition        : all .1s linear
}

.form-control:focus {
  box-shadow        : none;
  border-color      : #1266f1;
  box-shadow        : inset 0 0 0 1px #1266f1
}

.form-control.form-control-sm {
  font-size  : .775rem;
  line-height: 1.5
}

.form-control.form-control-lg {
  line-height  : 2.15;
  border-radius: .25rem
}

.form-outline {
  position: relative
}

.form-outline .form-helper {
  width    : 100%;
  position : absolute;
  font-size: .875em;
  color    : #757575
}

.form-outline .form-helper .form-counter {
  text-align: right
}

.form-outline .trailing {
  position         : absolute;
  right            : 10px;
  left             : auto;
  top              : 50%;
  transform        : translateY(-50%);
  pointer-events   : none
}

.form-outline .form-icon-trailing {
  padding-right: 2rem !important
}

.form-outline .form-control {
  min-height        : auto;
  padding           : .33em .75em;
  border            : 0;
  background        : transparent;
  transition        : all .2s linear
}

.form-outline .form-control~.form-label {
  position                : absolute;
  top                     : 0;
  left                    : .75rem;
  padding-top             : .37rem;
  pointer-events          : none;
  transform-origin        : 0 0;
  transition              : all .2s ease-out;
  color                   : rgba(0, 0, 0, .6);
  margin-bottom           : 0
}

.form-outline .form-control~.form-notch {
  display       : flex;
  position      : absolute;
  left          : 0;
  top           : 0;
  width         : 100%;
  max-width     : 100%;
  height        : 100%;
  text-align    : left;
  pointer-events: none
}

.form-outline .form-control~.form-notch div {
  pointer-events    : none;
  border            : 1px solid #bdbdbd;
  box-sizing        : border-box;
  background        : transparent
}

.form-outline .form-control~.form-notch .form-notch-leading {
  left         : 0;
  top          : 0;
  height       : 100%;
  width        : .5rem;
  border-right : none;
  border-radius: .25rem 0 0 .25rem
}

.form-outline .form-control~.form-notch .form-notch-middle {
  flex            : 0 0 auto;
  width           : auto;
  max-width       : calc(100% - 1rem);
  height          : 100%;
  border-right    : none;
  border-left     : none
}

.form-outline .form-control~.form-notch .form-notch-trailing {
  flex-grow        : 1;
  height           : 100%;
  border-left      : none;
  border-radius    : 0 .25rem .25rem 0
}

.form-outline .form-control:not(.placeholder-active)::-moz-placeholder {
  opacity: 0
}

.form-outline .form-control:not(.placeholder-active):-ms-input-placeholder {
  opacity: 0
}

.form-outline .form-control:not(.placeholder-active)::placeholder {
  opacity: 0
}

.form-outline .form-control.active::-moz-placeholder,
.form-outline .form-control:focus::-moz-placeholder {
  opacity: 1
}

.form-outline .form-control.active:-ms-input-placeholder,
.form-outline .form-control:focus:-ms-input-placeholder {
  opacity: 1
}

.form-outline .form-control.active::-moz-placeholder, .form-outline .form-control:focus::-moz-placeholder {
  opacity: 1
}

.form-outline .form-control.active:-ms-input-placeholder, .form-outline .form-control:focus:-ms-input-placeholder {
  opacity: 1
}

.form-outline .form-control.active::placeholder,
.form-outline .form-control:focus::placeholder {
  opacity: 1
}

.form-outline .form-control:focus {
  box-shadow        : none !important
}

.form-outline .form-control.active~.form-label,
.form-outline .form-control:focus~.form-label {
  transform        : translateY(-1rem) translateY(.1rem) scale(.8)
}

.form-outline .form-control:focus~.form-label {
  color: #1266f1
}

.form-outline .form-control.active~.form-notch .form-notch-middle,
.form-outline .form-control:focus~.form-notch .form-notch-middle {
  border-top        : none;
  border-right      : none;
  border-left       : none;
  transition        : all .2s linear
}

.form-outline .form-control:focus~.form-notch .form-notch-middle {
  border-bottom: .125rem solid;
  border-color : #1266f1
}

.form-outline .form-control.active~.form-notch .form-notch-leading,
.form-outline .form-control:focus~.form-notch .form-notch-leading {
  border-right      : none;
  transition        : all .2s linear
}

.form-outline .form-control:focus~.form-notch .form-notch-leading {
  border-top   : .125rem solid #1266f1;
  border-bottom: .125rem solid #1266f1;
  border-left  : .125rem solid #1266f1
}

.form-outline .form-control.active~.form-notch .form-notch-trailing,
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
  border-left       : none;
  transition        : all .2s linear
}

.form-outline .form-control:focus~.form-notch .form-notch-trailing {
  border-top   : .125rem solid #1266f1;
  border-bottom: .125rem solid #1266f1;
  border-right : .125rem solid #1266f1
}

.form-outline .form-control.disabled,
.form-outline .form-control:disabled,
.form-outline .form-control[readonly] {
  background-color: #e9ecef
}

.form-outline .form-control.form-control-lg {
  font-size    : 1rem;
  line-height  : 2.15;
  padding-left : .75em;
  padding-right: .75em
}

.form-outline .form-control.form-control-lg~.form-label {
  padding-top: .7rem
}

.form-outline .form-control.form-control-lg.active~.form-label,
.form-outline .form-control.form-control-lg:focus~.form-label {
  transform        : translateY(-1.25rem) translateY(.1rem) scale(.8)
}

.form-outline .form-control.form-control-sm {
  padding    : .43em .99em .35em;
  font-size  : .775rem;
  line-height: 1.6
}

.form-outline .form-control.form-control-sm~.form-label {
  padding-top: .33rem;
  font-size  : .775rem
}

.form-outline .form-control.form-control-sm.active~.form-label,
.form-outline .form-control.form-control-sm:focus~.form-label {
  transform        : translateY(-.85rem) translateY(.1rem) scale(.8)
}

.form-outline.form-white .form-control {
  color: #fff
}

.form-outline.form-white .form-control~.form-label {
  color: #fbfbfb
}

.form-outline.form-white .form-control~.form-notch div {
  border-color: #fbfbfb
}

.form-outline.form-white .form-control:focus~.form-label {
  color: #fff
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-middle {
  border-color: #fff
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-leading {
  border-top   : .125rem solid #fff;
  border-bottom: .125rem solid #fff;
  border-left  : .125rem solid #fff
}

.form-outline.form-white .form-control:focus~.form-notch .form-notch-trailing {
  border-color: #fff
}

.select-input.form-control[readonly]:not([disabled]) {
  background-color: transparent
}

.form-check {
  min-height: 1.5rem
}

.form-check-input {
  position        : relative;
  width           : 1.125rem;
  height          : 1.125rem;
  background-color: #fff;
  border          : .125rem solid #757575
}

.form-check-input:before {
  content           : "";
  position          : absolute;
  box-shadow        : 0 0 0 13px transparent;
  border-radius     : 50%;
  width             : .875rem;
  height            : .875rem;
  background-color  : transparent;
  opacity           : 0;
  pointer-events    : none;
  transform         : scale(0)
}

.form-check-input:hover {
  cursor: pointer
}

.form-check-input:hover:before {
  opacity           : .04;
  box-shadow        : 0 0 0 13px rgba(0, 0, 0, .6)
}

.form-check-input:focus {
  box-shadow        : none;
  border-color      : #757575;
  transition        : border-color .2s
}

.form-check-input:focus:before {
  opacity           : .12;
  box-shadow        : 0 0 0 13px rgba(0, 0, 0, .6);
  transform         : scale(1);
  transition        : box-shadow .2s, transform .2s
}

.form-check-input:checked {
  border-color: #1266f1
}

.form-check-input:checked:before {
  opacity: .16
}

.form-check-input:checked:after {
  content : "";
  position: absolute
}

.form-check-input:checked:focus {
  border-color: #1266f1
}

.form-check-input:checked:focus:before {
  box-shadow        : 0 0 0 13px #1266f1;
  transform         : scale(1);
  transition        : box-shadow .2s, transform .2s
}

.form-check-input:indeterminate:focus:before {
  box-shadow        : 0 0 0 13px #1266f1
}

.form-check-input[type=checkbox] {
  border-radius: .125rem;
  margin-top   : .19em;
  margin-right : 8px
}

.form-check-input[type=checkbox]:focus:after {
  content         : "";
  position        : absolute;
  width           : .875rem;
  height          : .875rem;
  z-index         : 1;
  display         : block;
  border-radius   : 0;
  background-color: #fff
}

.form-check-input[type=checkbox]:checked {
  background-image: none;
  background-color: #1266f1
}

.form-check-input[type=checkbox]:checked:after {
  display          : block;
  transform: rotate(45deg)
    /*!rtl :ignore*/
  ;
  width      : .375rem;
  height     : .8125rem;
  border     : .125rem solid #fff;
  border-top : 0;
  border-left: 0
    /*!rtl   :ignore*/
  ;
  margin-left     : .25rem;
  margin-top      : -1px;
  background-color: transparent
}

.form-check-input[type=checkbox]:checked:focus {
  background-color: #1266f1
}

.form-check-input[type=checkbox]:indeterminate {
  background-image: none;
  background-color: transparent;
  border-color    : #757575
}

.form-check-input[type=checkbox]:indeterminate:after {
  display          : block;
  transform: rotate(90deg)
    /*!rtl :ignore*/
  ;
  width      : .125rem;
  height     : .875rem;
  border     : .125rem solid #fff;
  border-top : 0;
  border-left: 0
    /*!rtl   :ignore*/
  ;
  margin-left: .375rem;
  margin-top : 0
}

.form-check-input[type=checkbox]:indeterminate:focus {
  background-color: #1266f1;
  border-color    : #1266f1
}

.form-check-input[type=radio] {
  border-radius: 50%;
  width        : 1.25rem;
  height       : 1.25rem;
  margin-top   : .125em;
  margin-right : 6px
}

.form-check-input[type=radio]:before {
  width : 1rem;
  height: 1rem
}

.form-check-input[type=radio]:after {
  content         : "";
  position        : absolute;
  width           : 1rem;
  height          : 1rem;
  z-index         : 1;
  display         : block;
  border-radius   : 50%;
  background-color: #fff
}

.form-check-input[type=radio]:checked {
  background-image: none;
  background-color: #fff
}

.form-check-input[type=radio]:checked:after {
  border-radius     : 50%;
  width             : .625rem;
  height            : .625rem;
  border-color      : #1266f1;
  background-color  : #1266f1;
  margin-top        : .1875rem;
  margin-left       : .1875rem;
  transition        : border-color
}

.form-check-input[type=radio]:checked:focus {
  background-color: #fff
}

.form-check-label:hover {
  cursor: pointer
}

.form-switch .form-check-input {
  background-image: none;
  border-width    : 0;
  border-radius   : .4375rem;
  width           : 2.25rem;
  height          : .875rem;
  background-color: rgba(0, 0, 0, .38);
  margin-top      : .3em;
  margin-right    : 8px
}

.form-switch .form-check-input:after {
  content           : "";
  position          : absolute;
  border            : none;
  z-index           : 2;
  border-radius     : 50%;
  width             : 1.25rem;
  height            : 1.25rem;
  background-color  : #fff;
  margin-top        : -.1875rem;
  box-shadow        : 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  transition        : background-color .2s, transform .2s
}

.form-switch .form-check-input:focus {
  background-image: none
}

.form-switch .form-check-input:focus:before {
  box-shadow        : 3px -1px 0 13px rgba(0, 0, 0, .6);
  transform         : scale(1);
  transition        : box-shadow .2s, transform .2s
}

.form-switch .form-check-input:focus:after {
  border-radius: 50%;
  width        : 1.25rem;
  height       : 1.25rem
}

.form-switch .form-check-input:checked,
.form-switch .form-check-input:checked:focus {
  background-image: none
}

.form-switch .form-check-input:checked:focus:before {
  margin-left       : 1.0625rem;
  box-shadow        : 3px -1px 0 13px #1266f1;
  transform         : scale(1);
  transition        : box-shadow .2s, transform .2s
}

.form-switch .form-check-input:checked[type=checkbox] {
  background-image: none
}

.form-switch .form-check-input:checked[type=checkbox]:after {
  content           : "";
  position          : absolute;
  border            : none;
  z-index           : 2;
  border-radius     : 50%;
  width             : 1.25rem;
  height            : 1.25rem;
  background-color  : #1266f1;
  margin-top        : -3px;
  margin-left       : 1.0625rem;
  box-shadow        : 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
  transition        : background-color .2s, transform .2s
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button,
.form-control[type=file]::-webkit-file-upload-button {
  background-color: transparent
}

.form-control-sm::-webkit-file-upload-button {
  padding: .28rem .5rem;
  margin : -.28rem -.5rem
}

.input-group>.form-control {
  min-height        : calc(2.08rem + 2px);
  height            : calc(2.08rem + 2px);
  padding-top       : .27rem;
  padding-bottom    : .27rem;
  transition        : all .2s linear
}

.input-group>.form-control:focus {
  transition        : all .2s linear;
  border-color      : #1266f1;
  outline           : 0;
  box-shadow        : inset 0 0 0 1px #1266f1
}

.input-group-text {
  background-color: transparent;
  padding-top     : .26rem;
  padding-bottom  : .26rem
}

.input-group-lg>.form-control {
  height        : calc(2.645rem + 2px);
  font-size     : 1rem;
  padding-top   : .33rem;
  padding-bottom: .33rem
}

.input-group-lg .input-group-text {
  font-size: 1rem
}

.input-group-sm>.form-control {
  min-height    : calc(1.66rem + 2px);
  height        : calc(1.66rem + 2px);
  font-size     : .775rem;
  padding-top   : .33rem;
  padding-bottom: .33rem
}

.input-group-sm .input-group-text {
  font-size  : .775rem;
  line-height: 1.6
}

.input-group.form-outline .input-group-text {
  border-left: 0
}

.input-group.form-outline input+.input-group-text {
  border     : 0;
  border-left: 1px solid #bdbdbd
}

.input-group .form-outline:not(:first-child),
.input-group .form-outline:not(:first-child) .form-notch-leading {
  border-top-left-radius   : 0 !important;
  border-bottom-left-radius: 0 !important
}

.input-group .form-outline:not(:last-child),
.input-group .form-outline:not(:last-child) .form-notch-trailing {
  border-top-right-radius   : 0 !important;
  border-bottom-right-radius: 0 !important
}

.input-group>[class*=btn-outline-]+[class*=btn-outline-] {
  border-left: 0
}

.input-group .invalid-feedback,
.input-group .valid-feedback,
.was-validated .input-group .invalid-feedback,
.was-validated .input-group .valid-feedback {
  margin-top: 2.5rem
}

.valid-feedback {
  width     : auto;
  color     : #00b74a;
  margin-top: -.75rem
}

.valid-feedback,
.valid-tooltip {
  position : absolute;
  display  : none;
  font-size: .875rem
}

.valid-tooltip {
  top             : 100%;
  z-index         : 5;
  max-width       : 100%;
  padding         : .25rem .5rem;
  margin-top      : .1rem;
  background-color: rgba(0, 183, 74, .9);
  border-radius   : .25rem !important;
  color           : #fff
}

.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 {
  margin-bottom   : 1rem;
  background-image: none;
  border-color    : #00b74a
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color      : #00b74a;
  box-shadow        : 0 0 0 .25rem rgba(0, 183, 74, .25)
}

.form-outline .form-control.is-valid~.form-label,
.was-validated .form-outline .form-control:valid~.form-label {
  color: #00b74a
}

.form-outline .form-control.is-valid~.form-notch .form-notch-leading,
.form-outline .form-control.is-valid~.form-notch .form-notch-middle,
.form-outline .form-control.is-valid~.form-notch .form-notch-trailing,
.form-select.is-valid,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-leading,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-middle,
.was-validated .form-outline .form-control:valid~.form-notch .form-notch-trailing,
.was-validated .form-select:valid {
  border-color: #00b74a
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color      : #00b74a;
  box-shadow        : 0 0 0 .25rem rgba(0, 183, 74, .25)
}

.form-select.is-valid~.valid-feedback,
.was-validated .form-select:valid~.valid-feedback {
  margin-top: 0
}

.input-group .form-control.is-valid,
.was-validated .input-group .form-control:valid {
  margin-bottom: 0
}

.was-validated input[type=file].form-control:valid .valid-feedback,
input[type=file].form-control.is-valid .valid-feedback {
  margin-top: 0
}

.was-validated input[type=file].form-control:valid:focus,
input[type=file].form-control.is-valid:focus {
  box-shadow        : inset 0 0 0 1px #00b74a;
  border-color      : #00b74a
}

.was-validated input[type=file].form-control:valid:focus~.form-file-label,
input[type=file].form-control.is-valid:focus~.form-file-label {
  box-shadow        : none
}

.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-button,
.was-validated input[type=file].form-control:valid:focus-within~.form-file-label .form-file-text,
input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-button,
input[type=file].form-control.is-valid:focus-within~.form-file-label .form-file-text {
  border-color: #00b74a
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #00b74a
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #00b74a
}

.form-check-input.is-valid:checked:focus:before,
.was-validated .form-check-input:valid:checked:focus:before {
  box-shadow        : 0 0 0 13px #00b74a
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow        : none
}

.form-check-input.is-valid:focus:before,
.was-validated .form-check-input:valid:focus:before {
  box-shadow        : 0 0 0 13px #00b74a
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color        : #00b74a;
  margin-bottom: 1rem
}

.form-check-input.is-valid[type=checkbox]:checked:focus,
.was-validated .form-check-input:valid[type=checkbox]:checked:focus {
  background-color: #00b74a;
  border-color    : #00b74a
}

.form-check-input.is-valid[type=radio]:checked,
.was-validated .form-check-input:valid[type=radio]:checked {
  border-color    : #00b74a;
  background-color: #fff
}

.form-check-input.is-valid[type=radio]:checked:focus:before,
.was-validated .form-check-input:valid[type=radio]:checked:focus:before {
  box-shadow        : 0 0 0 13px #00b74a
}

.form-check-input.is-valid[type=radio]:checked:after,
.was-validated .form-check-input:valid[type=radio]:checked:after {
  border-color    : #00b74a;
  background-color: #00b74a
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.invalid-feedback {
  width     : auto;
  color     : #f93154;
  margin-top: -.75rem
}

.invalid-feedback,
.invalid-tooltip {
  position : absolute;
  display  : none;
  font-size: .875rem
}

.invalid-tooltip {
  top             : 100%;
  z-index         : 5;
  max-width       : 100%;
  padding         : .25rem .5rem;
  margin-top      : .1rem;
  background-color: rgba(249, 49, 84, .9);
  border-radius   : .25rem !important;
  color           : #fff
}

.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 {
  margin-bottom   : 1rem;
  background-image: none;
  border-color    : #f93154
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color      : #f93154;
  box-shadow        : 0 0 0 .25rem rgba(249, 49, 84, .25)
}

.form-outline .form-control.is-invalid~.form-label,
.was-validated .form-outline .form-control:invalid~.form-label {
  color: #f93154
}

.form-outline .form-control.is-invalid~.form-notch .form-notch-leading,
.form-outline .form-control.is-invalid~.form-notch .form-notch-middle,
.form-outline .form-control.is-invalid~.form-notch .form-notch-trailing,
.form-select.is-invalid,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-leading,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-middle,
.was-validated .form-outline .form-control:invalid~.form-notch .form-notch-trailing,
.was-validated .form-select:invalid {
  border-color: #f93154
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color      : #f93154;
  box-shadow        : 0 0 0 .25rem rgba(249, 49, 84, .25)
}

.form-select.is-invalid~.invalid-feedback,
.was-validated .form-select:invalid~.invalid-feedback {
  margin-top: 0
}

.input-group .form-control.is-invalid,
.was-validated .input-group .form-control:invalid {
  margin-bottom: 0
}

.was-validated input[type=file].form-control:invalid .invalid-feedback,
input[type=file].form-control.is-invalid .invalid-feedback {
  margin-top: 0
}

.was-validated input[type=file].form-control:invalid:focus,
input[type=file].form-control.is-invalid:focus {
  box-shadow        : inset 0 0 0 1px #f93154;
  border-color      : #f93154
}

.was-validated input[type=file].form-control:invalid:focus~.form-file-label,
input[type=file].form-control.is-invalid:focus~.form-file-label {
  box-shadow        : none
}

.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-button,
.was-validated input[type=file].form-control:invalid:focus-within~.form-file-label .form-file-text,
input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-button,
input[type=file].form-control.is-invalid:focus-within~.form-file-label .form-file-text {
  border-color: #f93154
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #f93154
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #f93154
}

.form-check-input.is-invalid:checked:focus:before,
.was-validated .form-check-input:invalid:checked:focus:before {
  box-shadow        : 0 0 0 13px #f93154
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow        : none
}

.form-check-input.is-invalid:focus:before,
.was-validated .form-check-input:invalid:focus:before {
  box-shadow        : 0 0 0 13px #f93154
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color        : #f93154;
  margin-bottom: 1rem
}

.form-check-input.is-invalid[type=checkbox]:checked:focus,
.was-validated .form-check-input:invalid[type=checkbox]:checked:focus {
  background-color: #f93154;
  border-color    : #f93154
}

.form-check-input.is-invalid[type=radio]:checked,
.was-validated .form-check-input:invalid[type=radio]:checked {
  border-color    : #f93154;
  background-color: #fff
}

.form-check-input.is-invalid[type=radio]:checked:focus:before,
.was-validated .form-check-input:invalid[type=radio]:checked:focus:before {
  box-shadow        : 0 0 0 13px #f93154
}

.form-check-input.is-invalid[type=radio]:checked:after,
.was-validated .form-check-input:invalid[type=radio]:checked:after {
  border-color    : #f93154;
  background-color: #f93154
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.form-range:focus {
  box-shadow        : none
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow        : none
}

.form-range:focus::-moz-range-thumb {
  box-shadow: none
}

.form-range:focus::-ms-thumb {
  box-shadow: none
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  margin-top        : -6px;
  box-shadow        : none;
  -webkit-appearance: none;
  appearance        : none
}

.form-range::-webkit-slider-runnable-track {
  height       : 4px;
  border-radius: 0
}

.form-range::-moz-range-thumb {
  box-shadow     : none;
  -moz-appearance: none;
  appearance     : none
}
/*
.table {
  font-size: .9rem
}

.table>:not(caption)>*>* {
  padding           : 1rem 1.4rem;
  -webkit-transition: background-color .2s ease-in;
  transition        : background-color .2s ease-in;
  background-image  : none;
  background-color  : var(--bs-table-accent-bg)
}

.table th {
  font-weight: 500
}

.table tbody {
  font-weight: 300
}

.table>:not(:last-child)>:last-child>* {
  border-bottom-color: inherit
}

.table-sm>:not(caption)>*>* {
  padding: .5rem 1.4rem
}

.table-primary {
  background-color: #d0e0fc
}

.table-secondary {
  background-color: #f0d8ff
}

.table-success {
  background-color: #ccf1db
}

.table-info {
  background-color: #d7f2fb
}

.table-warning {
  background-color: #fec
}

.table-danger {
  background-color: #fed6dd
}

.table-light {
  background-color: #fbfbfb
}

.table-dark {
  background-color: #262626
} */

.btn {
  text-transform    : uppercase;
  vertical-align    : bottom;
  border            : 0;
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
  font-weight       : 500;
  padding           : .625rem 1.5rem .5rem;
  font-size         : .75rem;
  line-height       : 1.5
}

.btn.active,
.btn.active:focus,
.btn.focus,
.btn:active,
.btn:active:focus,
.btn:focus,
.btn:hover {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
  border            : 0
}

.btn-check:focus+.btn,
.btn:focus {
  outline           : 0;
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-block {
  display: block;
  width  : 100%
}

.btn-block+.btn-block {
  margin-top: .5rem
}

[class*=btn-outline-] {
  border-width      : .125rem;
  border-style      : solid;
  box-shadow        : none;
  padding           : .5rem 1.375rem .375rem
}

[class*=btn-outline-].focus,
[class*=btn-outline-]:focus,
[class*=btn-outline-]:hover {
  box-shadow        : none;
  text-decoration   : none
}

[class*=btn-outline-].active,
[class*=btn-outline-].active:focus,
[class*=btn-outline-].disabled,
[class*=btn-outline-]:active,
[class*=btn-outline-]:active:focus,
[class*=btn-outline-]:disabled,
fieldset:disabled [class*=btn-outline-] {
  box-shadow        : none
}

.btn-group-lg>[class*=btn-outline-].btn,
[class*=btn-outline-].btn-lg {
  padding: .625rem 1.5625rem .5625rem
}

.btn-group-sm>[class*=btn-outline-].btn,
[class*=btn-outline-].btn-sm {
  padding: .25rem .875rem .1875rem
}

.btn-primary {
  color           : #fff;
  background-color: #1266f1
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover {
  color           : #fff;
  background-color: #0c56d0
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  color           : #fff;
  background-color: #093d94
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-primary.disabled,
.btn-primary:disabled {
  color           : #fff;
  background-color: #1266f1
}

.btn-secondary {
  color           : #fff;
  background-color: #b23cfd
}

.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:hover {
  color           : #fff;
  background-color: #a316fd
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color           : #fff;
  background-color: #8102d1
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color           : #fff;
  background-color: #b23cfd
}

.btn-success {
  color           : #fff;
  background-color: #00b74a
}

.btn-success.focus,
.btn-success:focus,
.btn-success:hover {
  color           : #fff;
  background-color: #00913b
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
  color           : #fff;
  background-color: #005121
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-success.disabled,
.btn-success:disabled {
  color           : #fff;
  background-color: #00b74a
}

.btn-info {
  color           : #fff;
  background-color: #39c0ed
}

.btn-info.focus,
.btn-info:focus,
.btn-info:hover {
  color           : #fff;
  background-color: #16b5ea
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
  color           : #fff;
  background-color: #1088b0
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-info.disabled,
.btn-info:disabled {
  color           : #fff;
  background-color: #39c0ed
}

.btn-warning {
  color           : #fff;
  background-color: #ffa900
}

.btn-warning.focus,
.btn-warning:focus,
.btn-warning:hover {
  color           : #fff;
  background-color: #d99000
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
  color           : #fff;
  background-color: #996500
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-warning.disabled,
.btn-warning:disabled {
  color           : #fff;
  background-color: #ffa900
}

.btn-danger {
  color           : #fff;
  background-color: #f93154
}

.btn-danger.focus,
.btn-danger:focus,
.btn-danger:hover {
  color           : #fff;
  background-color: #f80c35
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
  color           : #fff;
  background-color: #be0626
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color           : #fff;
  background-color: #f93154
}

.btn-light {
  color           : #4f4f4f;
  background-color: #fbfbfb
}

.btn-light.focus,
.btn-light:focus,
.btn-light:hover {
  color           : #4f4f4f;
  background-color: #e8e8e8
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
  color           : #4f4f4f;
  background-color: #c8c8c8
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-light.disabled,
.btn-light:disabled {
  color           : #4f4f4f;
  background-color: #fbfbfb
}

.btn-dark {
  color           : #fff;
  background-color: #262626
}

.btn-dark.focus,
.btn-dark:focus,
.btn-dark:hover {
  color           : #fff;
  background-color: #131313
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
  color           : #fff;
  background-color: #000
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-dark.disabled,
.btn-dark:disabled {
  color           : #fff;
  background-color: #262626
}

.btn-white {
  color           : #4f4f4f;
  background-color: #fff
}

.btn-white.focus,
.btn-white:focus,
.btn-white:hover {
  color           : #4f4f4f;
  background-color: #ececec
}

.btn-check:active+.btn-white,
.btn-check:checked+.btn-white,
.btn-white.active,
.btn-white:active,
.show>.btn-white.dropdown-toggle {
  color           : #4f4f4f;
  background-color: #ccc
}

.btn-check:active+.btn-white:focus,
.btn-check:checked+.btn-white:focus,
.btn-white.active:focus,
.btn-white:active:focus,
.show>.btn-white.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-white.disabled,
.btn-white:disabled {
  color           : #4f4f4f;
  background-color: #fff
}

.btn-black,
.btn-black.active,
.btn-black.focus,
.btn-black:active,
.btn-black:focus,
.btn-black:hover,
.btn-check:active+.btn-black,
.btn-check:checked+.btn-black,
.show>.btn-black.dropdown-toggle {
  color           : #fff;
  background-color: #000
}

.btn-black.active:focus,
.btn-black:active:focus,
.btn-check:active+.btn-black:focus,
.btn-check:checked+.btn-black:focus,
.show>.btn-black.dropdown-toggle:focus {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-black.disabled,
.btn-black:disabled {
  color           : #fff;
  background-color: #000
}

.btn-outline-primary {
  color       : #1266f1;
  border-color: #1266f1
}

.btn-outline-primary:hover {
  color           : #1266f1;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary.focus,
.btn-outline-primary:active,
.btn-outline-primary:focus {
  color           : #1266f1;
  background-color: transparent
}

.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow        : none
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #1266f1
}

.btn-outline-secondary {
  color       : #b23cfd;
  border-color: #b23cfd
}

.btn-outline-secondary:hover {
  color           : #b23cfd;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary:focus {
  color           : #b23cfd;
  background-color: transparent
}

.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow        : none
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #b23cfd
}

.btn-outline-success {
  color       : #00b74a;
  border-color: #00b74a
}

.btn-outline-success:hover {
  color           : #00b74a;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success.focus,
.btn-outline-success:active,
.btn-outline-success:focus {
  color           : #00b74a;
  background-color: transparent
}

.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  box-shadow        : none
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #00b74a
}

.btn-outline-info {
  color       : #39c0ed;
  border-color: #39c0ed
}

.btn-outline-info:hover {
  color           : #39c0ed;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info.focus,
.btn-outline-info:active,
.btn-outline-info:focus {
  color           : #39c0ed;
  background-color: transparent
}

.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  box-shadow        : none
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #39c0ed
}

.btn-outline-warning {
  color       : #ffa900;
  border-color: #ffa900
}

.btn-outline-warning:hover {
  color           : #ffa900;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning.focus,
.btn-outline-warning:active,
.btn-outline-warning:focus {
  color           : #ffa900;
  background-color: transparent
}

.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  box-shadow        : none
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffa900
}

.btn-outline-danger {
  color       : #f93154;
  border-color: #f93154
}

.btn-outline-danger:hover {
  color           : #f93154;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger.focus,
.btn-outline-danger:active,
.btn-outline-danger:focus {
  color           : #f93154;
  background-color: transparent
}

.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  box-shadow        : none
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #f93154
}

.btn-outline-light {
  color       : #fbfbfb;
  border-color: #fbfbfb
}

.btn-outline-light:hover {
  color           : #fbfbfb;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light.focus,
.btn-outline-light:active,
.btn-outline-light:focus {
  color           : #fbfbfb;
  background-color: transparent
}

.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  box-shadow        : none
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #fbfbfb
}

.btn-outline-dark {
  color       : #262626;
  border-color: #262626
}

.btn-outline-dark:hover {
  color           : #262626;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark.focus,
.btn-outline-dark:active,
.btn-outline-dark:focus {
  color           : #262626;
  background-color: transparent
}

.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  box-shadow        : none
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #262626
}

.btn-outline-white {
  color       : #fff;
  border-color: #fff
}

.btn-outline-white:hover {
  color           : #fff;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-white.active,
.btn-outline-white.dropdown-toggle.show,
.btn-outline-white.focus,
.btn-outline-white:active,
.btn-outline-white:focus {
  color           : #fff;
  background-color: transparent
}

.btn-outline-white.active:focus,
.btn-outline-white.dropdown-toggle.show:focus,
.btn-outline-white:active:focus {
  box-shadow        : none
}

.btn-outline-white.disabled,
.btn-outline-white:disabled {
  color: #fff
}

.btn-outline-black {
  color       : #000;
  border-color: #000
}

.btn-outline-black:hover {
  color           : #000;
  background-color: rgba(0, 0, 0, .02)
}

.btn-outline-black.active,
.btn-outline-black.dropdown-toggle.show,
.btn-outline-black.focus,
.btn-outline-black:active,
.btn-outline-black:focus {
  color           : #000;
  background-color: transparent
}

.btn-outline-black.active:focus,
.btn-outline-black.dropdown-toggle.show:focus,
.btn-outline-black:active:focus {
  box-shadow        : none
}

.btn-outline-black.disabled,
.btn-outline-black:disabled {
  color: #000
}

.btn-group-lg>.btn,
.btn-lg {
  padding    : .75rem 1.6875rem .6875rem;
  font-size  : .875rem;
  line-height: 1.6
}

.btn-group-sm>.btn,
.btn-sm {
  padding    : .375rem 1rem .3125rem;
  font-size  : .75rem;
  line-height: 1.5
}

.btn-link {
  box-shadow        : none;
  text-decoration   : none
}

.btn-link.focus,
.btn-link:focus,
.btn-link:hover {
  text-decoration: none
}

.btn-link.active,
.btn-link.active:focus,
.btn-link.focus,
.btn-link:active,
.btn-link:active:focus,
.btn-link:focus,
.btn-link:hover {
  box-shadow        : none;
  background-color  : #f5f5f5
}

.btn-link.disabled,
.btn-link:disabled,
fieldset:disabled .btn-link {
  box-shadow        : none
}

.btn-rounded {
  border-radius: 10rem
}

.btn-floating,
[class*=btn-outline-].btn-floating {
  border-radius: 50%;
  padding      : 0;
  position     : relative
}

.btn-floating {
  width : 2.3125rem;
  height: 2.3125rem
}

.btn-floating .fab,
.btn-floating .far,
.btn-floating .fas {
  width      : 2.3125rem;
  line-height: 2.3125rem
}

.btn-floating.btn-lg,
.btn-group-lg>.btn-floating.btn {
  width : 2.8125rem;
  height: 2.8125rem
}

.btn-floating.btn-lg .fab,
.btn-floating.btn-lg .far,
.btn-floating.btn-lg .fas,
.btn-group-lg>.btn-floating.btn .fab,
.btn-group-lg>.btn-floating.btn .far,
.btn-group-lg>.btn-floating.btn .fas {
  width      : 2.8125rem;
  line-height: 2.8125rem
}

.btn-floating.btn-sm,
.btn-group-sm>.btn-floating.btn {
  width : 1.8125rem;
  height: 1.8125rem
}

.btn-floating.btn-sm .fab,
.btn-floating.btn-sm .far,
.btn-floating.btn-sm .fas,
.btn-group-sm>.btn-floating.btn .fab,
.btn-group-sm>.btn-floating.btn .far,
.btn-group-sm>.btn-floating.btn .fas {
  width      : 1.8125rem;
  line-height: 1.8125rem
}

[class*=btn-outline-].btn-floating .fab,
[class*=btn-outline-].btn-floating .far,
[class*=btn-outline-].btn-floating .fas {
  width      : 2.0625rem;
  line-height: 2.0625rem
}

.btn-group-lg>[class*=btn-outline-].btn-floating.btn .fab,
.btn-group-lg>[class*=btn-outline-].btn-floating.btn .far,
.btn-group-lg>[class*=btn-outline-].btn-floating.btn .fas,
[class*=btn-outline-].btn-floating.btn-lg .fab,
[class*=btn-outline-].btn-floating.btn-lg .far,
[class*=btn-outline-].btn-floating.btn-lg .fas {
  width      : 2.5625rem;
  line-height: 2.5625rem
}

.btn-group-sm>[class*=btn-outline-].btn-floating.btn .fab,
.btn-group-sm>[class*=btn-outline-].btn-floating.btn .far,
.btn-group-sm>[class*=btn-outline-].btn-floating.btn .fas,
[class*=btn-outline-].btn-floating.btn-sm .fab,
[class*=btn-outline-].btn-floating.btn-sm .far,
[class*=btn-outline-].btn-floating.btn-sm .fas {
  width      : 1.5625rem;
  line-height: 1.5625rem
}

.fixed-action-btn {
  position             : fixed;
  right                : 2.1875rem;
  bottom               : 2.1875rem;
  z-index              : 1030;
  display              : flex;
  flex-flow            : column-reverse nowrap;
  align-items          : center;
  padding              : .9375rem 20px 20px;
  margin-bottom        : 0;
  height               : auto;
  overflow             : hidden
}

.fixed-action-btn>.btn-floating {
  position         : relative;
  transform        : scale(1.2);
  z-index          : 10
}

.fixed-action-btn ul {
  position             : absolute;
  bottom               : 0;
  left                 : 0;
  right                : 0;
  flex-direction       : column;
  padding              : 0;
  margin               : 0;
  text-align           : center;
  opacity              : 0;
  transition           : transform .4s, opacity .4s;
  z-index              : -1
}

.fixed-action-btn ul,
.fixed-action-btn ul li {
  display: flex
}

.fixed-action-btn ul li {
  z-index      : 0;
  margin-right : auto;
  margin-bottom: 1.5rem;
  margin-left  : auto
}

.fixed-action-btn ul li:first-of-type {
  margin-top: .75rem
}

.fixed-action-btn ul a.btn {
  opacity           : 0;
  transition        : opacity .4s ease-in
}

.fixed-action-btn.active ul,
.fixed-action-btn ul a.btn.shown {
  opacity: 1
}

.close {
  font-size  : calc(1.275rem + .3vw);
  font-weight: 700;
  line-height: 1;
  color      : #000;
  text-shadow: 0 1px 0 #fff;
  opacity    : .5
}

.close:hover {
  color          : #000;
  text-decoration: none
}

.close:focus,
.close:hover {
  opacity: .75
}

.close.disabled,
.close:disabled {
  pointer-events: none
}

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

.embed-responsive {
  position: relative;
  width   : 100%
}

.embed-responsive:before {
  display: block;
  content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top     : 0;
  left    : 0;
  width   : 100%;
  height  : 100%
}

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

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

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

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

.sr-only,
.sr-only-focusable:not(:focus) {
  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
}

/*!
 * # Semantic UI 2.4.2 - Flag
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
i.flag:not(.icon) {
  margin                     : 0 .5em 0 0;
  line-height                : 11px;
  text-decoration            : inherit;
  vertical-align             : baseline;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden
}

i.flag:not(.icon),
i.flag:not(.icon):before {
  display: inline-block;
  width  : 16px;
  height : 11px
}

i.flag:not(.icon):before {
  content   : "";
  background: url(https://mdbootstrap.com/img/svg/flags.png) no-repeat -108px -1976px
}

i.flag.ad:before,
i.flag.andorra:before {
  background-position: 0 0
}

i.flag.ae:before,
i.flag.uae:before,
i.flag.united.arab.emirates:before {
  background-position: 0 -26px
}

i.flag.af:before,
i.flag.afghanistan:before {
  background-position: 0 -52px
}

i.flag.ag:before,
i.flag.antigua:before {
  background-position: 0 -78px
}

i.flag.ai:before,
i.flag.anguilla:before {
  background-position: 0 -104px
}

i.flag.al:before,
i.flag.albania:before {
  background-position: 0 -130px
}

i.flag.am:before,
i.flag.armenia:before {
  background-position: 0 -156px
}

i.flag.an:before,
i.flag.netherlands.antilles:before {
  background-position: 0 -182px
}

i.flag.angola:before,
i.flag.ao:before {
  background-position: 0 -208px
}

i.flag.ar:before,
i.flag.argentina:before {
  background-position: 0 -234px
}

i.flag.american.samoa:before,
i.flag.as:before {
  background-position: 0 -260px
}

i.flag.at:before,
i.flag.austria:before {
  background-position: 0 -286px
}

i.flag.au:before,
i.flag.australia:before {
  background-position: 0 -312px
}

i.flag.aruba:before,
i.flag.aw:before {
  background-position: 0 -338px
}

i.flag.aland.islands:before,
i.flag.ax:before {
  background-position: 0 -364px
}

i.flag.az:before,
i.flag.azerbaijan:before {
  background-position: 0 -390px
}

i.flag.ba:before,
i.flag.bosnia:before {
  background-position: 0 -416px
}

i.flag.barbados:before,
i.flag.bb:before {
  background-position: 0 -442px
}

i.flag.bangladesh:before,
i.flag.bd:before {
  background-position: 0 -468px
}

i.flag.be:before,
i.flag.belgium:before {
  background-position: 0 -494px
}

i.flag.bf:before,
i.flag.burkina.faso:before {
  background-position: 0 -520px
}

i.flag.bg:before,
i.flag.bulgaria:before {
  background-position: 0 -546px
}

i.flag.bahrain:before,
i.flag.bh:before {
  background-position: 0 -572px
}

i.flag.bi:before,
i.flag.burundi:before {
  background-position: 0 -598px
}

i.flag.benin:before,
i.flag.bj:before {
  background-position: 0 -624px
}

i.flag.bermuda:before,
i.flag.bm:before {
  background-position: 0 -650px
}

i.flag.bn:before,
i.flag.brunei:before {
  background-position: 0 -676px
}

i.flag.bo:before,
i.flag.bolivia:before {
  background-position: 0 -702px
}

i.flag.br:before,
i.flag.brazil:before {
  background-position: 0 -728px
}

i.flag.bahamas:before,
i.flag.bs:before {
  background-position: 0 -754px
}

i.flag.bhutan:before,
i.flag.bt:before {
  background-position: 0 -780px
}

i.flag.bouvet.island:before,
i.flag.bv:before {
  background-position: 0 -806px
}

i.flag.botswana:before,
i.flag.bw:before {
  background-position: 0 -832px
}

i.flag.belarus:before,
i.flag.by:before {
  background-position: 0 -858px
}

i.flag.belize:before,
i.flag.bz:before {
  background-position: 0 -884px
}

i.flag.ca:before,
i.flag.canada:before {
  background-position: 0 -910px
}

i.flag.cc:before,
i.flag.cocos.islands:before {
  background-position: 0 -962px
}

i.flag.cd:before,
i.flag.congo:before {
  background-position: 0 -988px
}

i.flag.central.african.republic:before,
i.flag.cf:before {
  background-position: 0 -1014px
}

i.flag.cg:before,
i.flag.congo.brazzaville:before {
  background-position: 0 -1040px
}

i.flag.ch:before,
i.flag.switzerland:before {
  background-position: 0 -1066px
}

i.flag.ci:before,
i.flag.cote.divoire:before {
  background-position: 0 -1092px
}

i.flag.ck:before,
i.flag.cook.islands:before {
  background-position: 0 -1118px
}

i.flag.chile:before,
i.flag.cl:before {
  background-position: 0 -1144px
}

i.flag.cameroon:before,
i.flag.cm:before {
  background-position: 0 -1170px
}

i.flag.china:before,
i.flag.cn:before {
  background-position: 0 -1196px
}

i.flag.co:before,
i.flag.colombia:before {
  background-position: 0 -1222px
}

i.flag.costa.rica:before,
i.flag.cr:before {
  background-position: 0 -1248px
}

i.flag.cs:before,
i.flag.serbia:before {
  background-position: 0 -1274px
}

i.flag.cu:before,
i.flag.cuba:before {
  background-position: 0 -1300px
}

i.flag.cape.verde:before,
i.flag.cv:before {
  background-position: 0 -1326px
}

i.flag.christmas.island:before,
i.flag.cx:before {
  background-position: 0 -1352px
}

i.flag.cy:before,
i.flag.cyprus:before {
  background-position: 0 -1378px
}

i.flag.cz:before,
i.flag.czech.republic:before {
  background-position: 0 -1404px
}

i.flag.de:before,
i.flag.germany:before {
  background-position: 0 -1430px
}

i.flag.dj:before,
i.flag.djibouti:before {
  background-position: 0 -1456px
}

i.flag.denmark:before,
i.flag.dk:before {
  background-position: 0 -1482px
}

i.flag.dm:before,
i.flag.dominica:before {
  background-position: 0 -1508px
}

i.flag.do:before,
i.flag.dominican.republic:before {
  background-position: 0 -1534px
}

i.flag.algeria:before,
i.flag.dz:before {
  background-position: 0 -1560px
}

i.flag.ec:before,
i.flag.ecuador:before {
  background-position: 0 -1586px
}

i.flag.ee:before,
i.flag.estonia:before {
  background-position: 0 -1612px
}

i.flag.eg:before,
i.flag.egypt:before {
  background-position: 0 -1638px
}

i.flag.eh:before,
i.flag.western.sahara:before {
  background-position: 0 -1664px
}

i.flag.england:before,
i.flag.gb.eng:before {
  background-position: 0 -1690px
}

i.flag.er:before,
i.flag.eritrea:before {
  background-position: 0 -1716px
}

i.flag.es:before,
i.flag.spain:before {
  background-position: 0 -1742px
}

i.flag.et:before,
i.flag.ethiopia:before {
  background-position: 0 -1768px
}

i.flag.eu:before,
i.flag.european.union:before {
  background-position: 0 -1794px
}

i.flag.fi:before,
i.flag.finland:before {
  background-position: 0 -1846px
}

i.flag.fiji:before,
i.flag.fj:before {
  background-position: 0 -1872px
}

i.flag.falkland.islands:before,
i.flag.fk:before {
  background-position: 0 -1898px
}

i.flag.fm:before,
i.flag.micronesia:before {
  background-position: 0 -1924px
}

i.flag.faroe.islands:before,
i.flag.fo:before {
  background-position: 0 -1950px
}

i.flag.fr:before,
i.flag.france:before {
  background-position: 0 -1976px
}

i.flag.ga:before,
i.flag.gabon:before {
  background-position: -36px 0
}

i.flag.gb:before,
i.flag.uk:before,
i.flag.united.kingdom:before {
  background-position: -36px -26px
}

i.flag.gd:before,
i.flag.grenada:before {
  background-position: -36px -52px
}

i.flag.ge:before,
i.flag.georgia:before {
  background-position: -36px -78px
}

i.flag.french.guiana:before,
i.flag.gf:before {
  background-position: -36px -104px
}

i.flag.gh:before,
i.flag.ghana:before {
  background-position: -36px -130px
}

i.flag.gi:before,
i.flag.gibraltar:before {
  background-position: -36px -156px
}

i.flag.gl:before,
i.flag.greenland:before {
  background-position: -36px -182px
}

i.flag.gambia:before,
i.flag.gm:before {
  background-position: -36px -208px
}

i.flag.gn:before,
i.flag.guinea:before {
  background-position: -36px -234px
}

i.flag.gp:before,
i.flag.guadeloupe:before {
  background-position: -36px -260px
}

i.flag.equatorial.guinea:before,
i.flag.gq:before {
  background-position: -36px -286px
}

i.flag.gr:before,
i.flag.greece:before {
  background-position: -36px -312px
}

i.flag.gs:before,
i.flag.sandwich.islands:before {
  background-position: -36px -338px
}

i.flag.gt:before,
i.flag.guatemala:before {
  background-position: -36px -364px
}

i.flag.gu:before,
i.flag.guam:before {
  background-position: -36px -390px
}

i.flag.guinea-bissau:before,
i.flag.gw:before {
  background-position: -36px -416px
}

i.flag.guyana:before,
i.flag.gy:before {
  background-position: -36px -442px
}

i.flag.hk:before,
i.flag.hong.kong:before {
  background-position: -36px -468px
}

i.flag.heard.island:before,
i.flag.hm:before {
  background-position: -36px -494px
}

i.flag.hn:before,
i.flag.honduras:before {
  background-position: -36px -520px
}

i.flag.croatia:before,
i.flag.hr:before {
  background-position: -36px -546px
}

i.flag.haiti:before,
i.flag.ht:before {
  background-position: -36px -572px
}

i.flag.hu:before,
i.flag.hungary:before {
  background-position: -36px -598px
}

i.flag.id:before,
i.flag.indonesia:before {
  background-position: -36px -624px
}

i.flag.ie:before,
i.flag.ireland:before {
  background-position: -36px -650px
}

i.flag.il:before,
i.flag.israel:before {
  background-position: -36px -676px
}

i.flag.in:before,
i.flag.india:before {
  background-position: -36px -702px
}

i.flag.indian.ocean.territory:before,
i.flag.io:before {
  background-position: -36px -728px
}

i.flag.iq:before,
i.flag.iraq:before {
  background-position: -36px -754px
}

i.flag.ir:before,
i.flag.iran:before {
  background-position: -36px -780px
}

i.flag.iceland:before,
i.flag.is:before {
  background-position: -36px -806px
}

i.flag.it:before,
i.flag.italy:before {
  background-position: -36px -832px
}

i.flag.jamaica:before,
i.flag.jm:before {
  background-position: -36px -858px
}

i.flag.jo:before,
i.flag.jordan:before {
  background-position: -36px -884px
}

i.flag.japan:before,
i.flag.jp:before {
  background-position: -36px -910px
}

i.flag.ke:before,
i.flag.kenya:before {
  background-position: -36px -936px
}

i.flag.kg:before,
i.flag.kyrgyzstan:before {
  background-position: -36px -962px
}

i.flag.cambodia:before,
i.flag.kh:before {
  background-position: -36px -988px
}

i.flag.ki:before,
i.flag.kiribati:before {
  background-position: -36px -1014px
}

i.flag.comoros:before,
i.flag.km:before {
  background-position: -36px -1040px
}

i.flag.kn:before,
i.flag.saint.kitts.and.nevis:before {
  background-position: -36px -1066px
}

i.flag.kp:before,
i.flag.north.korea:before {
  background-position: -36px -1092px
}

i.flag.kr:before,
i.flag.south.korea:before {
  background-position: -36px -1118px
}

i.flag.kuwait:before,
i.flag.kw:before {
  background-position: -36px -1144px
}

i.flag.cayman.islands:before,
i.flag.ky:before {
  background-position: -36px -1170px
}

i.flag.kazakhstan:before,
i.flag.kz:before {
  background-position: -36px -1196px
}

i.flag.la:before,
i.flag.laos:before {
  background-position: -36px -1222px
}

i.flag.lb:before,
i.flag.lebanon:before {
  background-position: -36px -1248px
}

i.flag.lc:before,
i.flag.saint.lucia:before {
  background-position: -36px -1274px
}

i.flag.li:before,
i.flag.liechtenstein:before {
  background-position: -36px -1300px
}

i.flag.lk:before,
i.flag.sri.lanka:before {
  background-position: -36px -1326px
}

i.flag.liberia:before,
i.flag.lr:before {
  background-position: -36px -1352px
}

i.flag.lesotho:before,
i.flag.ls:before {
  background-position: -36px -1378px
}

i.flag.lithuania:before,
i.flag.lt:before {
  background-position: -36px -1404px
}

i.flag.lu:before,
i.flag.luxembourg:before {
  background-position: -36px -1430px
}

i.flag.latvia:before,
i.flag.lv:before {
  background-position: -36px -1456px
}

i.flag.libya:before,
i.flag.ly:before {
  background-position: -36px -1482px
}

i.flag.ma:before,
i.flag.morocco:before {
  background-position: -36px -1508px
}

i.flag.mc:before,
i.flag.monaco:before {
  background-position: -36px -1534px
}

i.flag.md:before,
i.flag.moldova:before {
  background-position: -36px -1560px
}

i.flag.me:before,
i.flag.montenegro:before {
  background-position: -36px -1586px
}

i.flag.madagascar:before,
i.flag.mg:before {
  background-position: -36px -1613px
}

i.flag.marshall.islands:before,
i.flag.mh:before {
  background-position: -36px -1639px
}

i.flag.macedonia:before,
i.flag.mk:before {
  background-position: -36px -1665px
}

i.flag.mali:before,
i.flag.ml:before {
  background-position: -36px -1691px
}

i.flag.burma:before,
i.flag.mm:before,
i.flag.myanmar:before {
  background-position: -73px -1821px
}

i.flag.mn:before,
i.flag.mongolia:before {
  background-position: -36px -1743px
}

i.flag.macau:before,
i.flag.mo:before {
  background-position: -36px -1769px
}

i.flag.mp:before,
i.flag.northern.mariana.islands:before {
  background-position: -36px -1795px
}

i.flag.martinique:before,
i.flag.mq:before {
  background-position: -36px -1821px
}

i.flag.mauritania:before,
i.flag.mr:before {
  background-position: -36px -1847px
}

i.flag.montserrat:before,
i.flag.ms:before {
  background-position: -36px -1873px
}

i.flag.malta:before,
i.flag.mt:before {
  background-position: -36px -1899px
}

i.flag.mauritius:before,
i.flag.mu:before {
  background-position: -36px -1925px
}

i.flag.maldives:before,
i.flag.mv:before {
  background-position: -36px -1951px
}

i.flag.malawi:before,
i.flag.mw:before {
  background-position: -36px -1977px
}

i.flag.mexico:before,
i.flag.mx:before {
  background-position: -72px 0
}

i.flag.malaysia:before,
i.flag.my:before {
  background-position: -72px -26px
}

i.flag.mozambique:before,
i.flag.mz:before {
  background-position: -72px -52px
}

i.flag.na:before,
i.flag.namibia:before {
  background-position: -72px -78px
}

i.flag.nc:before,
i.flag.new.caledonia:before {
  background-position: -72px -104px
}

i.flag.ne:before,
i.flag.niger:before {
  background-position: -72px -130px
}

i.flag.nf:before,
i.flag.norfolk.island:before {
  background-position: -72px -156px
}

i.flag.ng:before,
i.flag.nigeria:before {
  background-position: -72px -182px
}

i.flag.ni:before,
i.flag.nicaragua:before {
  background-position: -72px -208px
}

i.flag.netherlands:before,
i.flag.nl:before {
  background-position: -72px -234px
}

i.flag.no:before,
i.flag.norway:before {
  background-position: -72px -260px
}

i.flag.nepal:before,
i.flag.np:before {
  background-position: -72px -286px
}

i.flag.nauru:before,
i.flag.nr:before {
  background-position: -72px -312px
}

i.flag.niue:before,
i.flag.nu:before {
  background-position: -72px -338px
}

i.flag.new.zealand:before,
i.flag.nz:before {
  background-position: -72px -364px
}

i.flag.om:before,
i.flag.oman:before {
  background-position: -72px -390px
}

i.flag.pa:before,
i.flag.panama:before {
  background-position: -72px -416px
}

i.flag.pe:before,
i.flag.peru:before {
  background-position: -72px -442px
}

i.flag.french.polynesia:before,
i.flag.pf:before {
  background-position: -72px -468px
}

i.flag.new.guinea:before,
i.flag.pg:before {
  background-position: -72px -494px
}

i.flag.ph:before,
i.flag.philippines:before {
  background-position: -72px -520px
}

i.flag.pakistan:before,
i.flag.pk:before {
  background-position: -72px -546px
}

i.flag.pl:before,
i.flag.poland:before {
  background-position: -72px -572px
}

i.flag.pm:before,
i.flag.saint.pierre:before {
  background-position: -72px -598px
}

i.flag.pitcairn.islands:before,
i.flag.pn:before {
  background-position: -72px -624px
}

i.flag.pr:before,
i.flag.puerto.rico:before {
  background-position: -72px -650px
}

i.flag.palestine:before,
i.flag.ps:before {
  background-position: -72px -676px
}

i.flag.portugal:before,
i.flag.pt:before {
  background-position: -72px -702px
}

i.flag.palau:before,
i.flag.pw:before {
  background-position: -72px -728px
}

i.flag.paraguay:before,
i.flag.py:before {
  background-position: -72px -754px
}

i.flag.qa:before,
i.flag.qatar:before {
  background-position: -72px -780px
}

i.flag.re:before,
i.flag.reunion:before {
  background-position: -72px -806px
}

i.flag.ro:before,
i.flag.romania:before {
  background-position: -72px -832px
}

i.flag.rs:before,
i.flag.serbia:before {
  background-position: -72px -858px
}

i.flag.ru:before,
i.flag.russia:before {
  background-position: -72px -884px
}

i.flag.rw:before,
i.flag.rwanda:before {
  background-position: -72px -910px
}

i.flag.sa:before,
i.flag.saudi.arabia:before {
  background-position: -72px -936px
}

i.flag.sb:before,
i.flag.solomon.islands:before {
  background-position: -72px -962px
}

i.flag.sc:before,
i.flag.seychelles:before {
  background-position: -72px -988px
}

i.flag.gb.sct:before,
i.flag.scotland:before {
  background-position: -72px -1014px
}

i.flag.sd:before,
i.flag.sudan:before {
  background-position: -72px -1040px
}

i.flag.se:before,
i.flag.sweden:before {
  background-position: -72px -1066px
}

i.flag.sg:before,
i.flag.singapore:before {
  background-position: -72px -1092px
}

i.flag.saint.helena:before,
i.flag.sh:before {
  background-position: -72px -1118px
}

i.flag.si:before,
i.flag.slovenia:before {
  background-position: -72px -1144px
}

i.flag.jan.mayen:before,
i.flag.sj:before,
i.flag.svalbard:before {
  background-position: -72px -1170px
}

i.flag.sk:before,
i.flag.slovakia:before {
  background-position: -72px -1196px
}

i.flag.sierra.leone:before,
i.flag.sl:before {
  background-position: -72px -1222px
}

i.flag.san.marino:before,
i.flag.sm:before {
  background-position: -72px -1248px
}

i.flag.senegal:before,
i.flag.sn:before {
  background-position: -72px -1274px
}

i.flag.so:before,
i.flag.somalia:before {
  background-position: -72px -1300px
}

i.flag.sr:before,
i.flag.suriname:before {
  background-position: -72px -1326px
}

i.flag.sao.tome:before,
i.flag.st:before {
  background-position: -72px -1352px
}

i.flag.el.salvador:before,
i.flag.sv:before {
  background-position: -72px -1378px
}

i.flag.sy:before,
i.flag.syria:before {
  background-position: -72px -1404px
}

i.flag.swaziland:before,
i.flag.sz:before {
  background-position: -72px -1430px
}

i.flag.caicos.islands:before,
i.flag.tc:before {
  background-position: -72px -1456px
}

i.flag.chad:before,
i.flag.td:before {
  background-position: -72px -1482px
}

i.flag.french.territories:before,
i.flag.tf:before {
  background-position: -72px -1508px
}

i.flag.tg:before,
i.flag.togo:before {
  background-position: -72px -1534px
}

i.flag.th:before,
i.flag.thailand:before {
  background-position: -72px -1560px
}

i.flag.tajikistan:before,
i.flag.tj:before {
  background-position: -72px -1586px
}

i.flag.tk:before,
i.flag.tokelau:before {
  background-position: -72px -1612px
}

i.flag.timorleste:before,
i.flag.tl:before {
  background-position: -72px -1638px
}

i.flag.tm:before,
i.flag.turkmenistan:before {
  background-position: -72px -1664px
}

i.flag.tn:before,
i.flag.tunisia:before {
  background-position: -72px -1690px
}

i.flag.to:before,
i.flag.tonga:before {
  background-position: -72px -1716px
}

i.flag.tr:before,
i.flag.turkey:before {
  background-position: -72px -1742px
}

i.flag.trinidad:before,
i.flag.tt:before {
  background-position: -72px -1768px
}

i.flag.tuvalu:before,
i.flag.tv:before {
  background-position: -72px -1794px
}

i.flag.taiwan:before,
i.flag.tw:before {
  background-position: -72px -1820px
}

i.flag.tanzania:before,
i.flag.tz:before {
  background-position: -72px -1846px
}

i.flag.ua:before,
i.flag.ukraine:before {
  background-position: -72px -1872px
}

i.flag.ug:before,
i.flag.uganda:before {
  background-position: -72px -1898px
}

i.flag.um:before,
i.flag.us.minor.islands:before {
  background-position: -72px -1924px
}

i.flag.america:before,
i.flag.united.states:before,
i.flag.us:before {
  background-position: -72px -1950px
}

i.flag.uruguay:before,
i.flag.uy:before {
  background-position: -72px -1976px
}

i.flag.uz:before,
i.flag.uzbekistan:before {
  background-position: -108px 0
}

i.flag.va:before,
i.flag.vatican.city:before {
  background-position: -108px -26px
}

i.flag.saint.vincent:before,
i.flag.vc:before {
  background-position: -108px -52px
}

i.flag.ve:before,
i.flag.venezuela:before {
  background-position: -108px -78px
}

i.flag.british.virgin.islands:before,
i.flag.vg:before {
  background-position: -108px -104px
}

i.flag.us.virgin.islands:before,
i.flag.vi:before {
  background-position: -108px -130px
}

i.flag.vietnam:before,
i.flag.vn:before {
  background-position: -108px -156px
}

i.flag.vanuatu:before,
i.flag.vu:before {
  background-position: -108px -182px
}

i.flag.gb.wls:before,
i.flag.wales:before {
  background-position: -108px -208px
}

i.flag.wallis.and.futuna:before,
i.flag.wf:before {
  background-position: -108px -234px
}

i.flag.samoa:before,
i.flag.ws:before {
  background-position: -108px -260px
}

i.flag.ye:before,
i.flag.yemen:before {
  background-position: -108px -286px
}

i.flag.mayotte:before,
i.flag.yt:before {
  background-position: -108px -312px
}

i.flag.south.africa:before,
i.flag.za:before {
  background-position: -108px -338px
}

i.flag.zambia:before,
i.flag.zm:before {
  background-position: -108px -364px
}

i.flag.zimbabwe:before,
i.flag.zw:before {
  background-position: -108px -390px
}

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

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

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

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

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

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

.font-normal {
  font-style: normal !important
}

.carousel-indicators li {
  box-sizing        : content-box;
  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 li {
    transition        : none
  }
}

.carousel-dark .carousel-indicators li {
  background-color: #000
}

.dropdown-menu {
  color             : #212529;
  margin            : 0;
  padding-top       : 0;
  padding-bottom    : 0;
  border            : 0;
  box-shadow        : 0 5px 15px 0 rgba(0, 0, 0, .05);
  font-size         : .875rem
}

.dropdown-menu>li {
  border-radius: 0
}

.dropdown-menu>li:first-child,
.dropdown-menu>li:first-child .dropdown-item {
  border-top-left-radius    : .25rem;
  border-top-right-radius   : .25rem;
  border-bottom-left-radius : 0;
  border-bottom-right-radius: 0
}

.dropdown-menu>li:not(:first-child):not(:last-child) .dropdown-item {
  border-radius: 0
}

.dropdown-menu>li:last-child,
.dropdown-menu>li:last-child .dropdown-item {
  border-top-left-radius    : 0;
  border-top-right-radius   : 0;
  border-bottom-left-radius : .25rem;
  border-bottom-right-radius: .25rem
}

.dropdown-menu.animation {
  display                          : block;
  -webkit-animation-duration       : .55s;
  animation-duration               : .55s;
  -webkit-animation-timing-function: ease;
  animation-timing-function        : ease
}

.dropdown-item {
  padding      : .5rem 1rem;
  color        : #212529;
  border-radius: 0
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
  color           : #16181b;
  background-color: #eee
}

.hidden-arrow.dropdown-toggle:after {
  display: none
}

.animation {
  -webkit-animation-duration : 1s;
  animation-duration         : 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode        : both;
  padding                    : auto
}

@media(prefers-reduced-motion) {
  .animation {
    transition        : none !important;
    -webkit-animation : unset !important;
    animation         : unset !important
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name        : fade-in
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fade-out {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name        : fade-out
}

.btn-group,
.btn-group-vertical {
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
  border-radius     : 3px;
  transition        : color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-group-vertical.active,
.btn-group-vertical.active:focus,
.btn-group-vertical.focus,
.btn-group-vertical:active,
.btn-group-vertical:active:focus,
.btn-group-vertical:focus,
.btn-group-vertical:hover,
.btn-group.active,
.btn-group.active:focus,
.btn-group.focus,
.btn-group:active,
.btn-group:active:focus,
.btn-group:focus,
.btn-group:hover {
  box-shadow        : 0 4px 10px 0 rgba(0, 0, 0, .2), 0 4px 20px 0 rgba(0, 0, 0, .1)
}

.btn-group-vertical.disabled,
.btn-group-vertical:disabled,
.btn-group.disabled,
.btn-group:disabled,
fieldset:disabled .btn-group,
fieldset:disabled .btn-group-vertical {
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
  border            : 0
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group>.btn,
.btn-group>.btn-group {
  box-shadow        : none
}

.btn-group-vertical>.btn-link:first-child,
.btn-group>.btn-link:first-child {
  border-top-left-radius   : 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-link:last-child,
.btn-group>.btn-link:last-child {
  border-top-right-radius   : 0;
  border-bottom-right-radius: 0
}

.nav-tabs {
  border-bottom: 0
}

.nav-tabs .nav-link {
  border        : solid transparent;
  border-width  : 0 0 2px;
  border-radius : 0;
  text-transform: uppercase;
  line-height   : 1;
  font-weight   : 500;
  font-size     : 12px;
  color         : rgba(0, 0, 0, .6);
  padding       : 17px 29px 16px
}

.nav-tabs .nav-link:hover {
  background-color: #f5f5f5;
  border-color    : transparent
}

.nav-tabs .nav-link:focus {
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color       : #1266f1;
  border-color: #1266f1
}

.nav-pills {
  margin-left: -.5rem
}

.nav-pills .nav-link {
  border-radius   : .25rem;
  font-size       : 12px;
  text-transform  : uppercase;
  padding         : 17px 29px 16px;
  line-height     : 1;
  background-color: #f5f5f5;
  font-weight     : 500;
  color           : rgba(0, 0, 0, .6);
  margin          : .5rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color             : #fff;
  background-color  : #1266f1;
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.navbar {
  box-shadow        : 0 10px 20px 0 rgba(0, 0, 0, .05);
  padding-top       : .5625rem
}

.navbar-toggler {
  border: 0
}

.navbar-toggler:focus {
  box-shadow        : none
}

.navbar-dark .navbar-toggler,
.navbar-light .navbar-toggler {
  border: 0
}

.navbar-brand {
  display          : flex;
  align-items      : center
}

.navbar-brand img {
  margin-right: .25rem
}

.navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-dark .navbar-toggler-icon,
.navbar-light .navbar-toggler-icon {
  background-image: none
}

.card {
  border            : 0;
  box-shadow        : 0 10px 20px 0 rgba(0, 0, 0, .05)
}

.card .bg-image {
  border-top-left-radius : .25rem;
  border-top-right-radius: .25rem
}

.card-header {
  background-color: hsla(0, 0%, 100%, 0)
}

.card-body[class*=bg-] {
  border-bottom-left-radius : .25rem;
  border-bottom-right-radius: .25rem
}

.card-footer {
  background-color: hsla(0, 0%, 100%, 0)
}

.navbar .breadcrumb {
  background-color: transparent;
  margin-bottom   : 0
}

.navbar .breadcrumb .breadcrumb-item a {
  color             : rgba(0, 0, 0, .55);
  transition        : color .15s ease-in-out
}

.navbar .breadcrumb .breadcrumb-item a:focus,
.navbar .breadcrumb .breadcrumb-item a:hover {
  color: rgba(0, 0, 0, .7)
}

.navbar .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
  color: rgba(0, 0, 0, .55)
}

.page-link {
  font-size         : .9rem;
  background-color  : transparent;
  border            : 0;
  outline           : 0;
  transition        : all .3s linear;
  border-radius     : .125rem
}

.page-link,
.page-link:hover {
  color: #212529
}

.page-link:focus {
  box-shadow        : none
}

.page-item.active .page-link {
  background-color  : #1266f1;
  border            : 0;
  box-shadow        : 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);
  transition        : all .2s linear
}

.page-item:first-child .page-link {
  border-top-left-radius   : .125rem;
  border-bottom-left-radius: .125rem
}

.page-item:last-child .page-link {
  border-top-right-radius   : .125rem;
  border-bottom-right-radius: .125rem
}

.page-item:not(:first-child) .page-link {
  margin-left: 0
}

.pagination-lg .page-item:first-child .page-link,
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius   : .125rem;
  border-bottom-left-radius: .125rem
}

.pagination-lg .page-item:last-child .page-link,
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius   : .125rem;
  border-bottom-right-radius: .125rem
}

.pagination-circle .page-item:first-child .page-link,
.pagination-circle .page-item:last-child .page-link {
  border-radius: 50%
}

.pagination-circle .page-link {
  border-radius: 50%;
  padding-left : .841rem;
  padding-right: .841rem
}

.pagination-circle.pagination-lg .page-link {
  padding-left : 1.399414rem;
  padding-right: 1.399415rem
}

.pagination-circle.pagination-sm .page-link {
  padding-left : .696rem;
  padding-right: .688rem
}

.badge-dot {
  position     : absolute;
  border-radius: 4.5px;
  height       : 9px;
  min-width    : 0;
  padding      : 0;
  width        : 9px;
  margin-left  : -.3125rem
}

.badge-dot:empty {
  display: inline-block
}

.badge-notification {
  position   : absolute;
  font-size  : .6rem;
  margin-top : -.1rem;
  margin-left: -.5rem;
  padding    : .2em .45em
}

.alert {
  border: 0
}

.alert-absolute {
  position: absolute
}

.alert-fixed {
  position: fixed;
  z-index : 1070
}

.parent-alert-relative {
  position: relative
}

.progress {
  border-radius: 0
}

.list-group-item-action,
.list-group-item-action:hover {
  transition        : .5s
}

.btn-close:focus {
  box-shadow        : none
}

.modal-content {
  border            : 0;
  box-shadow        : 0 10px 20px 0 rgba(0, 0, 0, .05)
}

.toast {
  background-color  : #fff;
  border            : 0;
  box-shadow        : 0 5px 15px 0 rgba(0, 0, 0, .05)
}

.toast .btn-close {
  width: 1.3em
}

.toast-header {
  background-color: #fff
}

.parent-toast-relative {
  position: relative
}

.toast-absolute {
  position: absolute
}

.toast-fixed {
  position: fixed;
  z-index : 1060
}

.tooltip.show {
  opacity: 1
}

.tooltip .tooltip-arrow {
  display: none
}

.tooltip-inner {
  color           : #fff;
  padding         : 6px 16px;
  font-size       : 14px;
  background-color: #6d6d6d;
  border-radius   : .25rem
}

.popover {
  border            : 0;
  box-shadow        : 0 5px 15px 0 rgba(0, 0, 0, .05)
}

.popover .popover-arrow {
  display: none
}

.popover-header {
  background-color: #fff
}

.nav-pills.menu-sidebar .nav-link {
  font-size         : .8rem;
  background-color  : transparent;
  color             : #262626;
  line-height       : 1.1rem;
  padding           : 0 5px;
  font-weight       : 400;
  transition        : all .2s ease-in-out;
  text-transform    : none;
  margin-top        : 3px;
  margin-bottom     : 3px
}

.nav-pills.menu-sidebar .nav-link.active,
.nav-pills.menu-sidebar .show>.nav-link {
  background-color  : transparent;
  box-shadow        : none;
  color             : #1266f1;
  font-weight       : 600;
  border-left       : .125rem solid #1266f1;
  border-radius     : 0
}

.ripple-surface {
  position      : relative;
  overflow      : hidden;
  display       : inline-block;
  vertical-align: bottom
}

.ripple-surface-unbound {
  overflow: visible
}

.ripple-wave {
  background-image                  : radial-gradient(circle, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, transparent 70%);
  border-radius                     : 50%;
  opacity                           : .5;
  pointer-events                    : none;
  position                          : absolute;
  touch-action                      : none;
  transform                         : scale(0);
  transition-property               : transform, opacity;
  transition-timing-function        : cubic-bezier(0, 0, .15, 1), cubic-bezier(0, 0, .15, 1);
  z-index                           : 999
}

.ripple-wave.active {
  transform        : scale(1);
  opacity          : 0
}

.btn .ripple-wave {
  background-image: radial-gradient(circle, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .3) 40%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0) 70%)
}

.ripple-surface-primary .ripple-wave {
  background-image: radial-gradient(circle, rgba(18, 102, 241, .2) 0, rgba(18, 102, 241, .3) 40%, rgba(18, 102, 241, .4) 50%, rgba(18, 102, 241, .5) 60%, rgba(18, 102, 241, 0) 70%)
}

.ripple-surface-secondary .ripple-wave {
  background-image: radial-gradient(circle, rgba(178, 60, 253, .2) 0, rgba(178, 60, 253, .3) 40%, rgba(178, 60, 253, .4) 50%, rgba(178, 60, 253, .5) 60%, rgba(178, 60, 253, 0) 70%)
}

.ripple-surface-success .ripple-wave {
  background-image: radial-gradient(circle, rgba(0, 183, 74, .2) 0, rgba(0, 183, 74, .3) 40%, rgba(0, 183, 74, .4) 50%, rgba(0, 183, 74, .5) 60%, rgba(0, 183, 74, 0) 70%)
}

.ripple-surface-info .ripple-wave {
  background-image: radial-gradient(circle, rgba(57, 192, 237, .2) 0, rgba(57, 192, 237, .3) 40%, rgba(57, 192, 237, .4) 50%, rgba(57, 192, 237, .5) 60%, rgba(57, 192, 237, 0) 70%)
}

.ripple-surface-warning .ripple-wave {
  background-image: radial-gradient(circle, rgba(255, 169, 0, .2) 0, rgba(255, 169, 0, .3) 40%, rgba(255, 169, 0, .4) 50%, rgba(255, 169, 0, .5) 60%, rgba(255, 169, 0, 0) 70%)
}

.ripple-surface-danger .ripple-wave {
  background-image: radial-gradient(circle, rgba(249, 49, 84, .2) 0, rgba(249, 49, 84, .3) 40%, rgba(249, 49, 84, .4) 50%, rgba(249, 49, 84, .5) 60%, rgba(249, 49, 84, 0) 70%)
}

.ripple-surface-light .ripple-wave {
  background-image: radial-gradient(circle, hsla(0, 0%, 98.4%, .2) 0, hsla(0, 0%, 98.4%, .3) 40%, hsla(0, 0%, 98.4%, .4) 50%, hsla(0, 0%, 98.4%, .5) 60%, hsla(0, 0%, 98.4%, 0) 70%)
}

.ripple-surface-dark .ripple-wave {
  background-image: radial-gradient(circle, rgba(38, 38, 38, .2) 0, rgba(38, 38, 38, .3) 40%, rgba(38, 38, 38, .4) 50%, rgba(38, 38, 38, .5) 60%, rgba(38, 38, 38, 0) 70%)
}

.ripple-surface-white .ripple-wave {
  background-image: radial-gradient(circle, hsla(0, 0%, 100%, .2) 0, hsla(0, 0%, 100%, .3) 40%, hsla(0, 0%, 100%, .4) 50%, hsla(0, 0%, 100%, .5) 60%, hsla(0, 0%, 100%, 0) 70%)
}

.ripple-surface-black .ripple-wave {
  background-image: radial-gradient(circle, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, transparent 70%)
}

.range {
  position: relative
}

.range .thumb {
  height                  : 30px;
  width                   : 30px;
  top                     : -35px;
  margin-left             : -15px;
  text-align              : center;
  transform               : scale(0);
  transform-origin        : bottom;
  transition              : transform .2s ease-in-out
}

.range .thumb,
.range .thumb:after {
  position     : absolute;
  display      : block;
  border-radius: 50% 50% 50% 0
}

.range .thumb:after {
  content          : "";
  transform        : translateX(-50%);
  width            : 100%;
  height           : 100%;
  top              : 0;
  transform        : rotate(-45deg);
  background       : #1266f1;
  z-index          : -1
}

.range .thumb .thumb-value {
  display    : block;
  font-size  : 12px;
  line-height: 30px;
  color      : #fff;
  font-weight: 500;
  z-index    : 2
}

.range .thumb.thumb-active {
  transform        : scale(1)
}

.accordion-button:after {
  font-weight: 700;
  font-family: Font Awesome\ 5 Pro, Font Awesome\ 5 Free;
  content    : ""
}

.accordion-button,
.accordion-collapse {
  border: 0
}

.accordion-button,
.accordion-button:focus,
.accordion-collapse {
  box-shadow        : 0 2px 10px 0 rgba(0, 0, 0, .05)
}

.accordion-button:not(.collapsed) {
  color           : inherit;
  background-color: inherit
}

.accordion-button:hover,
.accordion-button:not(:hover):focus {
  background-color: rgba(0, 0, 0, .04)
}

.carousel-control-prev-icon:after {
  content: ""
}

.carousel-control-next-icon:after,
.carousel-control-prev-icon:after {
  font-weight: 700;
  font-family: Font Awesome\ 5 Pro, Font Awesome\ 5 Free;
  font-size  : 1.7rem
}

.carousel-control-next-icon:after {
  content: ""
}

@charset "UTF-8";

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
:root {
    --animate-duration: 1s;
    --animate-delay   : 1s;
    --animate-repeat  : 1
}

.animate__animated {
    -webkit-animation-duration : 1s;
    animation-duration         : 1s;
    -webkit-animation-duration : var(--animate-duration);
    animation-duration         : var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode        : both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count        : infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count        : 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count        : var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count        : 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count        : calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count        : 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count        : calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay        : 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay        : var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay        : 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay        : calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay        : 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay        : calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay        : 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay        : calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay        : 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay        : calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration        : .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration        : calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration        : .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.8);
    animation-duration        : calc(var(--animate-duration)*0.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration        : 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration        : calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration        : 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration        : calc(var(--animate-duration)*3)
}

@media (prefers-reduced-motion:reduce),
print {
    .animate__animated {
        -webkit-animation-duration       : 1ms !important;
        animation-duration               : 1ms !important;
        transition-duration              : 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count        : 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1);
        transform                        : translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function        : cubic-bezier(.755, .05, .855, .06);
        transform                        : translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function        : cubic-bezier(.755, .05, .855, .06);
        transform                        : translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function        : cubic-bezier(.215, .61, .355, 1);
        transform                         : translateZ(0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1);
        transform                        : translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function        : cubic-bezier(.755, .05, .855, .06);
        transform                        : translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function        : cubic-bezier(.755, .05, .855, .06);
        transform                        : translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function        : cubic-bezier(.215, .61, .355, 1);
        transform                         : translateZ(0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name  : bounce;
    animation-name          : bounce;
    transform-origin        : center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name        : flash
}

@-webkit-keyframes pulse {
    0% {
        transform        : scaleX(1)
    }

    50% {
        transform        : scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform        : scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform        : scaleX(1)
    }

    50% {
        transform        : scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform        : scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name           : pulse;
    animation-name                   : pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function        : ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        transform        : scaleX(1)
    }

    30% {
        transform        : scale3d(1.25, .75, 1)
    }

    40% {
        transform        : scale3d(.75, 1.25, 1)
    }

    50% {
        transform        : scale3d(1.15, .85, 1)
    }

    65% {
        transform        : scale3d(.95, 1.05, 1)
    }

    75% {
        transform        : scale3d(1.05, .95, 1)
    }

    to {
        transform        : scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform        : scaleX(1)
    }

    30% {
        transform        : scale3d(1.25, .75, 1)
    }

    40% {
        transform        : scale3d(.75, 1.25, 1)
    }

    50% {
        transform        : scale3d(1.15, .85, 1)
    }

    65% {
        transform        : scale3d(.95, 1.05, 1)
    }

    75% {
        transform        : scale3d(1.05, .95, 1)
    }

    to {
        transform        : scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name        : rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        transform        : translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform        : translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform        : translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        transform        : translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform        : translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform        : translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name        : shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        transform        : translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform        : translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform        : translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        transform        : translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform        : translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        transform        : translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name        : shakeY
}

@-webkit-keyframes headShake {
    0% {
        transform        : translateX(0)
    }

    6.5% {
        transform        : translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform        : translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform        : translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform        : translateX(2px) rotateY(3deg)
    }

    50% {
        transform        : translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform        : translateX(0)
    }

    6.5% {
        transform        : translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform        : translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform        : translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform        : translateX(2px) rotateY(3deg)
    }

    50% {
        transform        : translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function        : ease-in-out;
    -webkit-animation-name           : headShake;
    animation-name                   : headShake
}

@-webkit-keyframes swing {
    20% {
        transform        : rotate(15deg)
    }

    40% {
        transform        : rotate(-10deg)
    }

    60% {
        transform        : rotate(5deg)
    }

    80% {
        transform        : rotate(-5deg)
    }

    to {
        transform        : rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform        : rotate(15deg)
    }

    40% {
        transform        : rotate(-10deg)
    }

    60% {
        transform        : rotate(5deg)
    }

    80% {
        transform        : rotate(-5deg)
    }

    to {
        transform        : rotate(0deg)
    }
}

.animate__swing {
    transform-origin        : top center;
    -webkit-animation-name  : swing;
    animation-name          : swing
}

@-webkit-keyframes tada {
    0% {
        transform        : scaleX(1)
    }

    10%,
    20% {
        transform        : scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform        : scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform        : scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform        : scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform        : scaleX(1)
    }

    10%,
    20% {
        transform        : scale3d(.9, .9, .9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform        : scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform        : scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        transform        : scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name        : tada
}

@-webkit-keyframes wobble {
    0% {
        transform        : translateZ(0)
    }

    15% {
        transform        : translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform        : translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform        : translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform        : translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform        : translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes wobble {
    0% {
        transform        : translateZ(0)
    }

    15% {
        transform        : translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        transform        : translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        transform        : translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        transform        : translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        transform        : translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name        : wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        transform        : translateZ(0)
    }

    22.2% {
        transform        : skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform        : skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform        : skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform        : skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform        : skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform        : skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform        : skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        transform        : translateZ(0)
    }

    22.2% {
        transform        : skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform        : skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform        : skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform        : skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform        : skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform        : skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform        : skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name  : jello;
    animation-name          : jello;
    transform-origin        : center
}

@-webkit-keyframes heartBeat {
    0% {
        transform        : scale(1)
    }

    14% {
        transform        : scale(1.3)
    }

    28% {
        transform        : scale(1)
    }

    42% {
        transform        : scale(1.3)
    }

    70% {
        transform        : scale(1)
    }
}

@keyframes heartBeat {
    0% {
        transform        : scale(1)
    }

    14% {
        transform        : scale(1.3)
    }

    28% {
        transform        : scale(1)
    }

    42% {
        transform        : scale(1.3)
    }

    70% {
        transform        : scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name           : heartBeat;
    animation-name                   : heartBeat;
    -webkit-animation-duration       : 1.3s;
    animation-duration               : 1.3s;
    -webkit-animation-duration       : calc(var(--animate-duration)*1.3);
    animation-duration               : calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function        : ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        transform        : translateY(-1200px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

@keyframes backInDown {
    0% {
        transform        : translateY(-1200px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name        : backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        transform        : translateX(-2000px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

@keyframes backInLeft {
    0% {
        transform        : translateX(-2000px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name        : backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        transform        : translateX(2000px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

@keyframes backInRight {
    0% {
        transform        : translateX(2000px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name        : backInRight
}

@-webkit-keyframes backInUp {
    0% {
        transform        : translateY(1200px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

@keyframes backInUp {
    0% {
        transform        : translateY(1200px) scale(.7);
        opacity          : .7
    }

    80% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : scale(1);
        opacity          : 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name        : backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateY(700px) scale(.7);
        opacity          : .7
    }
}

@keyframes backOutDown {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateY(700px) scale(.7);
        opacity          : .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name        : backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateX(-2000px) scale(.7);
        opacity          : .7
    }
}

@keyframes backOutLeft {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateX(-2000px) scale(.7);
        opacity          : .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name        : backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateX(2000px) scale(.7);
        opacity          : .7
    }
}

@keyframes backOutRight {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateX(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateX(2000px) scale(.7);
        opacity          : .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name        : backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateY(-700px) scale(.7);
        opacity          : .7
    }
}

@keyframes backOutUp {
    0% {
        transform        : scale(1);
        opacity          : 1
    }

    20% {
        transform        : translateY(0) scale(.7);
        opacity          : .7
    }

    to {
        transform        : translateY(-700px) scale(.7);
        opacity          : .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name        : backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    20% {
        transform        : scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform        : scale3d(.9, .9, .9)
    }

    60% {
        opacity          : 1;
        transform        : scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform        : scale3d(.97, .97, .97)
    }

    to {
        opacity          : 1;
        transform        : scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    20% {
        transform        : scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform        : scale3d(.9, .9, .9)
    }

    60% {
        opacity          : 1;
        transform        : scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform        : scale3d(.97, .97, .97)
    }

    to {
        opacity          : 1;
        transform        : scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration        : .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration        : calc(var(--animate-duration)*0.75);
    -webkit-animation-name    : bounceIn;
    animation-name            : bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform        : translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(0, 25px, 0) scaleY(.9)
    }

    75% {
        transform        : translate3d(0, -10px, 0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, 5px, 0) scaleY(.985)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name        : bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform        : translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform        : translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        transform        : translate3d(-10px, 0, 0) scaleX(.98)
    }

    90% {
        transform        : translate3d(5px, 0, 0) scaleX(.995)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name        : bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform        : translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform        : translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        transform        : translate3d(10px, 0, 0) scaleX(.98)
    }

    90% {
        transform        : translate3d(-5px, 0, 0) scaleX(.995)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name        : bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform        : translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function        : cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity          : 0;
        transform        : translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity          : 1;
        transform        : translate3d(0, -20px, 0) scaleY(.9)
    }

    75% {
        transform        : translate3d(0, 10px, 0) scaleY(.95)
    }

    90% {
        transform        : translate3d(0, -5px, 0) scaleY(.985)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name        : bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform        : scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity          : 1;
        transform        : scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }
}

@keyframes bounceOut {
    20% {
        transform        : scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity          : 1;
        transform        : scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration        : .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*0.75);
    animation-duration        : calc(var(--animate-duration)*0.75);
    -webkit-animation-name    : bounceOut;
    animation-name            : bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform        : translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity          : 1;
        transform        : translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        transform        : translate3d(0, 10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity          : 1;
        transform        : translate3d(0, -20px, 0) scaleY(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name        : bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity          : 1;
        transform        : translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity          : 1;
        transform        : translate3d(20px, 0, 0) scaleX(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name        : bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity          : 1;
        transform        : translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity          : 1;
        transform        : translate3d(-20px, 0, 0) scaleX(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name        : bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform        : translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity          : 1;
        transform        : translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        transform        : translate3d(0, -10px, 0) scaleY(.985)
    }

    40%,
    45% {
        opacity          : 1;
        transform        : translate3d(0, 20px, 0) scaleY(.9)
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name        : bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name        : fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity          : 0;
        transform        : translate3d(0, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity          : 0;
        transform        : translate3d(0, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name        : fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name        : fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name        : fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name        : fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name        : fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name        : fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity          : 0;
        transform        : translate3d(0, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity          : 0;
        transform        : translate3d(0, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name        : fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name        : fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name        : fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, -100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name        : fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name        : fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity          : 0;
        transform        : translate3d(100%, 100%, 0)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name        : fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name        : fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name        : fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name        : fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name        : fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name        : fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name        : fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name        : fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name        : fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name        : fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name        : fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name        : fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name        : fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity          : 1;
        transform        : translateZ(0)
    }

    to {
        opacity          : 0;
        transform        : translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name        : fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        transform                        : perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out
    }

    40% {
        transform                        : perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out
    }

    50% {
        transform                        : perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    80% {
        transform                        : perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    to {
        transform                        : perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }
}

@keyframes flip {
    0% {
        transform                        : perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out
    }

    40% {
        transform                        : perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function        : ease-out
    }

    50% {
        transform                        : perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    80% {
        transform                        : perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    to {
        transform                        : perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility        : visible;
    -webkit-animation-name     : flip;
    animation-name             : flip
}

@-webkit-keyframes flipInX {
    0% {
        transform                        : perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        opacity                          : 0
    }

    40% {
        transform                        : perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    60% {
        transform        : perspective(400px) rotateX(10deg);
        opacity          : 1
    }

    80% {
        transform        : perspective(400px) rotateX(-5deg)
    }

    to {
        transform        : perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform                        : perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        opacity                          : 0
    }

    40% {
        transform                        : perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    60% {
        transform        : perspective(400px) rotateX(10deg);
        opacity          : 1
    }

    80% {
        transform        : perspective(400px) rotateX(-5deg)
    }

    to {
        transform        : perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility        : visible !important;
    -webkit-animation-name     : flipInX;
    animation-name             : flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform                        : perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        opacity                          : 0
    }

    40% {
        transform                        : perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    60% {
        transform        : perspective(400px) rotateY(10deg);
        opacity          : 1
    }

    80% {
        transform        : perspective(400px) rotateY(-5deg)
    }

    to {
        transform        : perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform                        : perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in;
        opacity                          : 0
    }

    40% {
        transform                        : perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function        : ease-in
    }

    60% {
        transform        : perspective(400px) rotateY(10deg);
        opacity          : 1
    }

    80% {
        transform        : perspective(400px) rotateY(-5deg)
    }

    to {
        transform        : perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility        : visible !important;
    -webkit-animation-name     : flipInY;
    animation-name             : flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform        : perspective(400px)
    }

    30% {
        transform        : perspective(400px) rotateX(-20deg);
        opacity          : 1
    }

    to {
        transform        : perspective(400px) rotateX(90deg);
        opacity          : 0
    }
}

@keyframes flipOutX {
    0% {
        transform        : perspective(400px)
    }

    30% {
        transform        : perspective(400px) rotateX(-20deg);
        opacity          : 1
    }

    to {
        transform        : perspective(400px) rotateX(90deg);
        opacity          : 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration : .75s;
    animation-duration         : .75s;
    -webkit-animation-duration : calc(var(--animate-duration)*0.75);
    animation-duration         : calc(var(--animate-duration)*0.75);
    -webkit-animation-name     : flipOutX;
    animation-name             : flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility        : visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform        : perspective(400px)
    }

    30% {
        transform        : perspective(400px) rotateY(-15deg);
        opacity          : 1
    }

    to {
        transform        : perspective(400px) rotateY(90deg);
        opacity          : 0
    }
}

@keyframes flipOutY {
    0% {
        transform        : perspective(400px)
    }

    30% {
        transform        : perspective(400px) rotateY(-15deg);
        opacity          : 1
    }

    to {
        transform        : perspective(400px) rotateY(90deg);
        opacity          : 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration : .75s;
    animation-duration         : .75s;
    -webkit-animation-duration : calc(var(--animate-duration)*0.75);
    animation-duration         : calc(var(--animate-duration)*0.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility        : visible !important;
    -webkit-animation-name     : flipOutY;
    animation-name             : flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        transform        : translate3d(100%, 0, 0) skewX(-30deg);
        opacity          : 0
    }

    60% {
        transform        : skewX(20deg);
        opacity          : 1
    }

    80% {
        transform        : skewX(-5deg)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        transform        : translate3d(100%, 0, 0) skewX(-30deg);
        opacity          : 0
    }

    60% {
        transform        : skewX(20deg);
        opacity          : 1
    }

    80% {
        transform        : skewX(-5deg)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name           : lightSpeedInRight;
    animation-name                   : lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function        : ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        transform        : translate3d(-100%, 0, 0) skewX(30deg);
        opacity          : 0
    }

    60% {
        transform        : skewX(-20deg);
        opacity          : 1
    }

    80% {
        transform        : skewX(5deg)
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        transform        : translate3d(-100%, 0, 0) skewX(30deg);
        opacity          : 0
    }

    60% {
        transform        : skewX(-20deg);
        opacity          : 1
    }

    80% {
        transform        : skewX(5deg)
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name           : lightSpeedInLeft;
    animation-name                   : lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function        : ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform        : translate3d(100%, 0, 0) skewX(30deg);
        opacity          : 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        transform        : translate3d(100%, 0, 0) skewX(30deg);
        opacity          : 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name           : lightSpeedOutRight;
    animation-name                   : lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function        : ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : translate3d(-100%, 0, 0) skewX(-30deg);
        opacity          : 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : translate3d(-100%, 0, 0) skewX(-30deg);
        opacity          : 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name           : lightSpeedOutLeft;
    animation-name                   : lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function        : ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform        : rotate(-200deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

@keyframes rotateIn {
    0% {
        transform        : rotate(-200deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

.animate__rotateIn {
    -webkit-animation-name  : rotateIn;
    animation-name          : rotateIn;
    transform-origin        : center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform        : rotate(-45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform        : rotate(-45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name  : rotateInDownLeft;
    animation-name          : rotateInDownLeft;
    transform-origin        : left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform        : rotate(45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform        : rotate(45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name  : rotateInDownRight;
    animation-name          : rotateInDownRight;
    transform-origin        : right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform        : rotate(45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform        : rotate(45deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name  : rotateInUpLeft;
    animation-name          : rotateInUpLeft;
    transform-origin        : left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform        : rotate(-90deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform        : rotate(-90deg);
        opacity          : 0
    }

    to {
        transform        : translateZ(0);
        opacity          : 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name  : rotateInUpRight;
    animation-name          : rotateInUpRight;
    transform-origin        : right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(200deg);
        opacity          : 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(200deg);
        opacity          : 0
    }
}

.animate__rotateOut {
    -webkit-animation-name  : rotateOut;
    animation-name          : rotateOut;
    transform-origin        : center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(45deg);
        opacity          : 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(45deg);
        opacity          : 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name  : rotateOutDownLeft;
    animation-name          : rotateOutDownLeft;
    transform-origin        : left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(-45deg);
        opacity          : 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(-45deg);
        opacity          : 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name  : rotateOutDownRight;
    animation-name          : rotateOutDownRight;
    transform-origin        : right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(-45deg);
        opacity          : 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(-45deg);
        opacity          : 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name  : rotateOutUpLeft;
    animation-name          : rotateOutUpLeft;
    transform-origin        : left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(90deg);
        opacity          : 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        transform        : rotate(90deg);
        opacity          : 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name  : rotateOutUpRight;
    animation-name          : rotateOutUpRight;
    transform-origin        : right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out
    }

    20%,
    60% {
        transform                        : rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out
    }

    40%,
    80% {
        transform                        : rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out;
        opacity                          : 1
    }

    to {
        transform        : translate3d(0, 700px, 0);
        opacity          : 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out
    }

    20%,
    60% {
        transform                        : rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out
    }

    40%,
    80% {
        transform                        : rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function        : ease-in-out;
        opacity                          : 1
    }

    to {
        transform        : translate3d(0, 700px, 0);
        opacity          : 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration        : 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration        : calc(var(--animate-duration)*2);
    -webkit-animation-name    : hinge;
    animation-name            : hinge;
    transform-origin          : top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity                 : 0;
        transform               : scale(.1) rotate(30deg);
        transform-origin        : center bottom
    }

    50% {
        transform        : rotate(-10deg)
    }

    70% {
        transform        : rotate(3deg)
    }

    to {
        opacity          : 1;
        transform        : scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity                 : 0;
        transform               : scale(.1) rotate(30deg);
        transform-origin        : center bottom
    }

    50% {
        transform        : rotate(-10deg)
    }

    70% {
        transform        : rotate(3deg)
    }

    to {
        opacity          : 1;
        transform        : scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name        : jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity          : 0;
        transform        : translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity          : 1;
        transform        : translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name        : rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity          : 0;
        transform        : translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name        : rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name        : zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name        : zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name        : zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name        : zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    60% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name        : zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity          : 0;
        transform        : scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name        : zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name  : zoomOutDown;
    animation-name          : zoomOutDown;
    transform-origin        : center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity          : 1;
        transform        : scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity          : 0;
        transform        : scale(.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity          : 1;
        transform        : scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }

    to {
        opacity          : 0;
        transform        : scale(.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name  : zoomOutLeft;
    animation-name          : zoomOutLeft;
    transform-origin        : left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity          : 1;
        transform        : scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity          : 0;
        transform        : scale(.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity          : 1;
        transform        : scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }

    to {
        opacity          : 0;
        transform        : scale(.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name  : zoomOutRight;
    animation-name          : zoomOutRight;
    transform-origin        : right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity                          : 1;
        transform                        : scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
        animation-timing-function        : cubic-bezier(.55, .055, .675, .19)
    }

    to {
        opacity                          : 0;
        transform                        : scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
        animation-timing-function        : cubic-bezier(.175, .885, .32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name  : zoomOutUp;
    animation-name          : zoomOutUp;
    transform-origin        : center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        transform        : translate3d(0, -100%, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform        : translate3d(0, -100%, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name        : slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform        : translate3d(-100%, 0, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform        : translate3d(-100%, 0, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name        : slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform        : translate3d(100%, 0, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform        : translate3d(100%, 0, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name        : slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform        : translate3d(0, 100%, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform        : translate3d(0, 100%, 0);
        visibility       : visible
    }

    to {
        transform        : translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name        : slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name        : slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name        : slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name        : slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        transform        : translateZ(0)
    }

    to {
        visibility       : hidden;
        transform        : translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name        : slideOutUp
}
/*!
 * Quill Editor v1.3.6
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing : border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size  : 13px;
    height     : 100%;
    margin     : 0px;
    position   : relative;
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before {
    pointer-events: none;
}

.ql-clipboard {
    left      : -100000px;
    height    : 1px;
    overflow-y: hidden;
    position  : absolute;
    top       : 50%;
}

.ql-clipboard p {
    margin : 0;
    padding: 0;
}

.ql-editor {
    box-sizing   : border-box;
    line-height  : 1.42;
    height       : 100%;
    outline      : none;
    overflow-y   : auto;
    padding      : 12px 15px;
    -o-tab-size     : 4;
       tab-size     : 4;
    -moz-tab-size: 4;
    text-align   : left;
    white-space  : pre-wrap;
    word-wrap    : break-word;
}

.ql-editor>* {
    cursor: text;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin       : 0;
    padding      : 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em;
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none;
}

.ql-editor ul>li::before {
    content: '\2022';
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
    pointer-events: none;
}

.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
    pointer-events: all;
}

.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
    color         : #777;
    cursor        : pointer;
    pointer-events: all;
}

.ql-editor ul[data-checked=true]>li::before {
    content: '\2611';
}

.ql-editor ul[data-checked=false]>li::before {
    content: '\2610';
}

.ql-editor li::before {
    display    : inline-block;
    white-space: nowrap;
    width      : 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
    margin-left : -1.5em;
    margin-right: 0.3em;
    text-align  : right;
}

.ql-editor li.ql-direction-rtl::before {
    margin-left : 0.3em;
    margin-right: -1.5em;
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
}

.ql-editor ol li {
    counter-reset    : list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
}

.ql-editor .ql-video {
    display  : block;
    max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
    background-color: #000;
}

.ql-editor .ql-bg-red {
    background-color: #e60000;
}

.ql-editor .ql-bg-orange {
    background-color: #f90;
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0;
}

.ql-editor .ql-bg-green {
    background-color: #008a00;
}

.ql-editor .ql-bg-blue {
    background-color: #06c;
}

.ql-editor .ql-bg-purple {
    background-color: #93f;
}

.ql-editor .ql-color-white {
    color: #fff;
}

.ql-editor .ql-color-red {
    color: #e60000;
}

.ql-editor .ql-color-orange {
    color: #f90;
}

.ql-editor .ql-color-yellow {
    color: #ff0;
}

.ql-editor .ql-color-green {
    color: #008a00;
}

.ql-editor .ql-color-blue {
    color: #06c;
}

.ql-editor .ql-color-purple {
    color: #93f;
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
    font-size: 0.75em;
}

.ql-editor .ql-size-large {
    font-size: 1.5em;
}

.ql-editor .ql-size-huge {
    font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
    direction : rtl;
    text-align: inherit;
}

.ql-editor .ql-align-center {
    text-align: center;
}

.ql-editor .ql-align-justify {
    text-align: justify;
}

.ql-editor .ql-align-right {
    text-align: right;
}

.ql-editor.ql-blank::before {
    color         : rgba(0, 0, 0, 0.6);
    content       : attr(data-placeholder);
    font-style    : italic;
    left          : 15px;
    pointer-events: none;
    position      : absolute;
    right         : 15px;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear  : both;
    content: '';
    display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border    : none;
    cursor    : pointer;
    display   : inline-block;
    float     : left;
    height    : 24px;
    padding   : 3px 5px;
    width     : 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float : left;
    height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c;
}

@media (pointer: coarse) {

    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444;
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444;
    }
}

.ql-snow {
    box-sizing: border-box;
}

.ql-snow * {
    box-sizing: border-box;
}

.ql-snow .ql-hidden {
    display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden;
}

.ql-snow .ql-tooltip {
    position : absolute;
    transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
    cursor         : pointer;
    text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px);
}

.ql-snow .ql-formats {
    display       : inline-block;
    vertical-align: middle;
}

.ql-snow .ql-formats:after {
    clear  : both;
    content: '';
    display: table;
}

.ql-snow .ql-stroke {
    fill           : none;
    stroke         : #444;
    stroke-linecap : round;
    stroke-linejoin: round;
    stroke-width   : 2;
}

.ql-snow .ql-stroke-miter {
    fill             : none;
    stroke           : #444;
    stroke-miterlimit: 10;
    stroke-width     : 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444;
}

.ql-snow .ql-empty {
    fill: none;
}

.ql-snow .ql-even {
    fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
}

.ql-snow .ql-transparent {
    opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
    display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
}

.ql-snow .ql-editor h1 {
    font-size: 2em;
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
    font-size: 1em;
}

.ql-snow .ql-editor h5 {
    font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
    font-size: 0.67em;
}

.ql-snow .ql-editor a {
    text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
    border-left  : 4px solid #ccc;
    margin-bottom: 5px;
    margin-top   : 5px;
    padding-left : 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius   : 3px;
}

.ql-snow .ql-editor pre {
    white-space  : pre-wrap;
    margin-bottom: 5px;
    margin-top   : 5px;
    padding      : 5px 10px;
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding  : 2px 4px;
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color           : #f8f8f2;
    overflow        : visible;
}

.ql-snow .ql-editor img {
    max-width: 100%;
}

.ql-snow .ql-picker {
    color         : #444;
    display       : inline-block;
    float         : left;
    font-size     : 14px;
    font-weight   : 500;
    height        : 24px;
    position      : relative;
    vertical-align: middle;
}

.ql-snow .ql-picker-label {
    cursor       : pointer;
    display      : inline-block;
    height       : 100%;
    padding-left : 8px;
    padding-right: 2px;
    position     : relative;
    width        : 100%;
}

.ql-snow .ql-picker-label::before {
    display    : inline-block;
    line-height: 22px;
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display         : none;
    min-width       : 100%;
    padding         : 4px 8px;
    position        : absolute;
    white-space     : nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor        : pointer;
    display       : block;
    padding-bottom: 5px;
    padding-top   : 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color  : #ccc;
    z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display   : block;
    margin-top: -1px;
    top       : 100%;
    z-index   : 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height : 24px;
    width  : 24px;
    padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width  : 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
    border : 1px solid transparent;
    float  : left;
    height : 16px;
    margin : 2px;
    padding: 0px;
    width  : 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position  : absolute;
    margin-top: -9px;
    right     : 0;
    top       : 50%;
    width     : 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
    width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
    width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
    font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
    font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
    width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000;
}

.ql-toolbar.ql-snow {
    border     : 1px solid #ccc;
    box-sizing : border-box;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    padding    : 8px;
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
    border    : 1px solid transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0px;
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border          : 1px solid #ccc;
    box-shadow      : 0px 0px 5px #ddd;
    color           : #444;
    padding         : 5px 12px;
    white-space     : nowrap;
}

.ql-snow .ql-tooltip::before {
    content     : "Visit URL:";
    line-height : 26px;
    margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
    display  : none;
    border   : 1px solid #ccc;
    font-size: 13px;
    height   : 26px;
    margin   : 0px;
    padding  : 3px 5px;
    width    : 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
    display       : inline-block;
    max-width     : 200px;
    overflow-x    : hidden;
    text-overflow : ellipsis;
    vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
    border-right : 1px solid #ccc;
    content      : 'Edit';
    margin-left  : 16px;
    padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
    content    : 'Remove';
    margin-left: 8px;
}

.ql-snow .ql-tooltip a {
    line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    border-right : 0px;
    content      : 'Save';
    padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
    content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
    content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
    content: "Enter video:";
}

.ql-snow a {
    color: #06c;
}

.ql-container.ql-snow {
    border: 1px solid #ccc;
}
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(/images/ui-icons_444444_256x240.png?a4a8691ca395136aee475a56913b3456);
}
.ui-widget-header .ui-icon {
	background-image: url(/images/ui-icons_444444_256x240.png?a4a8691ca395136aee475a56913b3456);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(/images/ui-icons_555555_256x240.png?0d6de499db574dd313c1f3500d337d1a);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(/images/ui-icons_ffffff_256x240.png?1e360be5458b462df279dadad6eee0cc);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(/images/ui-icons_777620_256x240.png?e084661154ad58415fa1a8f54a04c5e9);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(/images/ui-icons_cc0000_256x240.png?dc29114100c22b4660e3ec311004c1fd);
}
.ui-button .ui-icon {
	background-image: url(/images/ui-icons_777777_256x240.png?853909d9945e29dd80d5c7d42f9b711e);
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .003;
	filter: Alpha(Opacity=.3); /* support: IE8 */
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}

.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;-ms-scroll-chaining:none;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;-webkit-filter:var(--carousel-button-svg-filter, none);filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;-webkit-transform-origin:top left;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;-ms-scroll-chaining:none;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{-webkit-animation:fancybox-rotate 2s linear infinite;animation:fancybox-rotate 2s linear infinite;-webkit-transform-origin:center center;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:fancybox-dash 1.5s ease-in-out infinite;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@-webkit-keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fancybox-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{-webkit-animation:.15s ease backwards fancybox-fadeIn;animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{-webkit-animation:.15s ease both fancybox-fadeOut;animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{-webkit-animation:.15s ease both fancybox-fadeIn;animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{-webkit-animation:.1s ease both fancybox-fadeOut;animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{-webkit-animation:.2s ease both fancybox-zoomInUp;animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{-webkit-animation:.15s ease both fancybox-zoomOutDown;animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{-webkit-animation:.15s ease both fancybox-throwOutUp;animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{-webkit-animation:.15s ease both fancybox-throwOutDown;animation:.15s ease both fancybox-throwOutDown}@-webkit-keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-fadeOut{to{opacity:0}}@-webkit-keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomInUp{from{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{-webkit-transform:scale(1) translate3d(0, 0, 0);transform:scale(1) translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-zoomOutDown{to{-webkit-transform:scale(0.97) translate3d(0, 16px, 0);transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{-webkit-transform:translate3d(0, -30%, 0);transform:translate3d(0, -30%, 0);opacity:0}}@-webkit-keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{-webkit-transform:translate3d(0, 30%, 0);transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{-webkit-animation:.15s ease-in backwards fancybox-fadeIn;animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0;transform-origin:0;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fancybox__container:-webkit-full-screen::backdrop{opacity:0}.fancybox__container:-ms-fullscreen::backdrop{opacity:0}.fancybox__container:fullscreen::-webkit-backdrop{opacity:0}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:-webkit-full-screen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:-ms-fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}
html,
body {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: Hanuman;
  src: url(/fonts/Hanuman-Regular.ttf?37e92a9b82a64396331db2dc0ab55f5e);
}
@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Regular.ttf?35d26b781dc5fda684cce6ea04a41a75);
}
@font-face {
  font-family: Urbanist;
  src: url(/fonts/Urbanist-Regular.ttf?f336cfcac644ed865b035f7702c55433);
}
@font-face {
  font-family: DynaPuff;
  src: url(/fonts/DynaPuff-Regular.ttf?56fde79e6a4cd9651e9947173604ed78);
}
@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Regular.ttf?1b0809d519837cb7aad36a73433f655c);
}
@font-face {
  font-family: Khmer_OS_Wat_Phnom;
  src: url("/fonts/Kh Muol Regular.ttf?87784d41e18588daa70a9b05a52cc3c1");
}
*:not(.material-icons):not(.material-symbols-outlined):not(mat-icon) {
  font-family: "OpenSans", "Poppins", sans-serif, "Urbanist", sans-serif, "Hanuman", serif !important;
}

button:not(.text-gray-400):not(.fancybox-button) {
  box-sizing: border-box;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  outline: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: baseline;
  text-align: center;
  margin: 0;
  min-width: 64px;
  line-height: 36px;
  padding: 0 16px;
  border-radius: 4px;
  overflow: visible;
  color: #fff;
  align-items: center;
}
button:not(.text-gray-400):not(.fancybox-button).swal2-styled {
  margin: 0 5px;
}

.tox.tox-tinymce {
  width: 100%;
  border-radius: 5px;
}
.tox.tox-tinymce .tox-sidebar-wrap {
  width: 100%;
  background: #e5e5e5;
  display: flex;
  justify-content: center;
}
.tox.tox-tinymce .tox-sidebar-wrap .tox-edit-area {
  max-width: 700px;
}
.tox.tox-tinymce .tox-toolbar__group {
  border-color: #d4d4d4 !important;
}
.tox.tox-tinymce button {
  color: inherit;
  min-width: inherit;
  padding: inherit;
}

.fancybox__container {
  z-index: 999999;
}

.dropdown-menu {
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.1);
  padding: 8px 0;
}
.dropdown-menu .dropdown-item {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  outline: 0;
  border: none;
  -webkit-tap-highlight-color: transparent;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 48px;
  height: 48px;
  padding: 0 16px;
  text-align: left;
  text-decoration: none;
  max-width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.dropdown-menu .dropdown-item button {
  padding: 0;
  margin: 0 !important;
  background: inherit !important;
  box-sizing: border-box;
  border: none !important;
}
.dropdown-menu .dropdown-item button span {
  font-size: 14px;
}
.dropdown-menu .dropdown-item svg {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 10px;
}
.dropdown-menu .dropdown-item i {
  font-size: 20px;
  margin-right: 10px;
}
.dropdown-menu .dropdown-item img {
  width: 30px;
  margin-right: 10px;
}
.dropdown-menu .dropdown-item span {
  white-space: nowrap !important;
}

.select2 {
  width: 100% !important;
}
.select2 .select2-selection {
  border-radius: 4px !important;
  border: 1px solid #d8dce5 !important;
  box-sizing: border-box !important;
  color: #5a5e66;
  display: flex !important;
  align-items: center;
  font-size: 14px;
  height: 40px !important;
  line-height: 1 !important;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.select2 .select2-selection .select2-selection__rendered {
  padding: 0 !important;
}
.select2 .select2-selection .select2-selection__arrow {
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%);
}
.select2-dropdown {
  border-radius: 5px !important;
}
.select2-dropdown .select2-search__field {
  border-radius: 5px;
}

div#ui-datepicker-div {
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-color: #024de3;
  border-width: 2px;
  border-radius: 8px;
  box-shadow: 0px 3px 8px -3px rgba(2, 77, 227, 0.45);
}

.ui-datepicker .ui-datepicker-header {
  border: unset;
  padding: 10px 0px !important;
  border-radius: unset;
  background: #024de3;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 100% !important;
  width: 40px !important;
  left: 0 !important;
  top: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: rgba(0, 0, 0, 0.1254901961);
  border: unset !important;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-next {
  left: unset !important;
  right: 0 !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  width: 25px;
  height: 25px;
  position: unset !important;
  margin: 0 !important;
  background-size: cover;
  background-position: unset;
}

.ui-widget-header .ui-icon {
  background-image: url(//cdn.iconscout.com/icon/free/png-512/arrow-back-ios-1782301-1514151.png) !important;
  filter: brightness(0) invert(1);
}

.ui-datepicker .ui-datepicker-next span {
  transform: rotate(180deg);
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 5px;
  border-radius: 4px;
  border-color: #fff;
  font-weight: 700;
  cursor: pointer;
  color: #333;
}

.ui-datepicker table {
  border-collapse: unset !important;
}

a.ui-state-default,
span.ui-state-default {
  width: 35px !important;
  height: 35px !important;
  font-size: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

a.ui-state-default.ui-state-highlight.ui-state-active {
  color: #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  background: #fff !important;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  border-color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #024de3 !important;
}

.ms-parent button {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5 !important;
  box-sizing: border-box;
  color: #5a5e66 !important;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ms-parent button::-moz-placeholder {
  color: #b7bac1;
}
.ms-parent button:-ms-input-placeholder {
  color: #b7bac1;
}
.ms-parent button::placeholder {
  color: #b7bac1;
}
.ms-parent button span,
.ms-parent button div {
  position: unset;
  padding: 0;
}
.ms-parent button div {
  width: 16px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 12px !important;
  transition: 0.2s;
}
.ms-parent button div.open {
  transform: rotate(180deg);
}

.ms-drop.bottom {
  border-radius: 8px;
  border-color: #024de3;
  border-width: 2px;
  padding: 5px 5px;
}
.ms-drop.bottom input[type=checkbox],
.ms-drop.bottom input[type=radio] {
  width: 20px;
  height: 20px;
  position: unset;
  margin: 0;
}
.ms-drop.bottom input[type=text] {
  border-radius: 4px;
  padding: 4px 10px;
  font-size: 14px;
}
.ms-drop.bottom span {
  color: #333 !important;
}
.ms-drop.bottom label {
  border-bottom: 1px solid #eaeaea;
  padding-top: 2px;
  padding-bottom: 7px !important;
  width: 100%;
  text-align: left !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 35px;
}

.preview-request-box {
  margin: 15px 0;
}
.preview-request-box .header-box {
  background-color: #BA4A00;
  color: white;
  padding: 5px;
}
.preview-request-box .body-box .box-group {
  display: flex;
}
.preview-request-box .body-box .box-group .box-list {
  display: flex;
  width: 100%;
}
.preview-request-box .body-box .box-group .box-list > div {
  padding: 5px;
}
.preview-request-box .body-box .box-group .box-list .box-left {
  border: 0.2px solid gray;
  width: 200px;
  border-top: none;
  line-height: 29px;
  font-weight: bold;
}
.preview-request-box .body-box .box-group .box-list.company-type {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.preview-request-box .body-box .box-group .box-list .box-right {
  border: 0.2px solid gray;
  border-top: none;
  flex: 1;
  color: rgb(88, 88, 88);
  text-align: center;
  line-height: 29px;
  text-transform: capitalize;
}
.preview-request-box .body-box .box-group .box-list .text-none-transform {
  text-transform: lowercase;
}

.datepicker.dropdown-menu {
  padding: 0px;
  box-sizing: border-box;
  border-radius: 5px;
  overflow: hidden;
  min-width: 250px !important;
  border: unset;
  border: none !important;
}
.datepicker.dropdown-menu table {
  height: 250px;
  width: 100%;
  background: #024de3;
}
.datepicker.dropdown-menu table thead {
  color: #fff;
  border: none;
}
.datepicker.dropdown-menu table thead tr th {
  font-size: 18px;
  padding: 15px 0;
  color: #fff;
}
.datepicker.dropdown-menu table thead tr th:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}
.datepicker.dropdown-menu table thead tr th.prev, .datepicker.dropdown-menu table thead tr th.next {
  width: 35px;
  font-size: 30px;
}
.datepicker.dropdown-menu table tbody {
  background: #fff;
  border-radius: unset;
}
.datepicker.dropdown-menu table tbody tr {
  border-radius: unset;
}
.datepicker.dropdown-menu table tbody tr td {
  border-radius: unset;
}
.datepicker.dropdown-menu table tbody tr td span {
  font-size: 15px;
}
.datepicker.dropdown-menu table tbody tr td span.active {
  background: #024de3;
}
.datepicker.dropdown-menu .datepicker-days thead tr:last-child th {
  font-size: 14px !important;
  padding: 10px 0px !important;
}
.datepicker.dropdown-menu .datepicker-days tbody tr td {
  padding: 8px 0;
}

.container {
  max-width: 100%;
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
}
.container .container-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  background: #edeff1;
}
.container .container-wrapper .sidebar {
  min-width: 280px;
  max-width: 280px;
  height: 100%;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.container .container-wrapper .sidebar.closed {
  min-width: unset;
  max-width: unset;
  width: 75px;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper {
  width: 100%;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .logo {
  width: 100%;
  height: unset;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .logo img {
  width: 100%;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .menu-list .menu-item {
  margin: 0 10px;
  overflow: hidden;
  min-height: 40px;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .menu-list .menu-item .menu-text {
  padding: 0 15px;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .menu-list .menu-item .menu-text svg {
  min-width: 100%;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .sidebar-profile .profile-img {
  display: none;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .sidebar-profile .profile-info {
  display: none;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .sidebar-profile .profile-button {
  width: 100%;
}
.container .container-wrapper .sidebar.closed .sidebar-wrapper .sidebar-profile .profile-button svg {
  margin: auto;
  transform: rotate(180deg);
}
.container .container-wrapper .content {
  flex: auto;
  height: 100%;
}
.container .container-wrapper .content .content-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.container .container-wrapper .content .content-wrapper .content-body {
  padding: 0 20px;
  height: calc(100% - 90px);
}
.container .container-wrapper .content .content-wrapper .content-body.has-breadcrumb {
  height: calc(100% - 155px);
}
.container .container-wrapper .content .content-wrapper .content-body.has-breadcrumb .table .table-wrapper {
  padding-top: 0;
}
.container .container-wrapper .content .content-wrapper .content-body .breadcrumb {
  height: 50px;
  display: flex;
  align-items: center;
  margin: 0;
}
.container .container-wrapper .content .content-wrapper .content-body .breadcrumb span {
  font-weight: 700;
  padding-right: 5px;
  cursor: pointer;
  font-size: 15px;
}
.container .container-wrapper .content .content-wrapper .content-body .breadcrumb span:not(:first-child) {
  padding-left: 5px;
}
.container .container-wrapper .content .content-wrapper .content-body .breadcrumb span:last-child {
  padding-left: 5px;
  color: #024de3;
}
.container .container-wrapper .content .content-wrapper .content-body .breadcrumb span:hover {
  color: #024de3;
  text-decoration: underline;
}
.container .container-wrapper .content .content-wrapper .content-body.no-footer {
  height: calc(100% - 60px);
}
.container .container-wrapper .content .content-wrapper .content-body .content-row {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .table-form {
  width: 350px;
  height: 100%;
  box-sizing: border-box;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .table-form .form-body {
  max-height: 100%;
  overflow-y: auto;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .extend-page {
  width: 350px;
  padding: 20px 0;
  height: 100%;
  box-sizing: border-box;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .extend-page .extend-body {
  width: 100%;
  min-height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  max-height: 100%;
  overflow-y: auto;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .extend-page .extend-body .table-form {
  width: 100%;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row .table {
  min-width: calc(100% - 350px - 15px);
  max-width: calc(100% - 350px - 15px);
  height: 100%;
}
.container .container-wrapper .content .content-wrapper .content-body .content-row.extend-right .table .table-body {
  width: 100%;
  padding-right: 0;
}

.sidebar {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 100;
}
.sidebar .sidebar-wrapper {
  height: 100vh;
}
.sidebar .sidebar-wrapper .logo {
  width: 100%;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(31, 26, 35, 0.8) 0%, rgba(0, 97, 242, 0.8392156863) 100%);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.sidebar .sidebar-wrapper .logo span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 30px;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.sidebar .sidebar-wrapper .logo img {
  height: 100%;
  padding: 15px 0;
  box-sizing: border-box;
}
.sidebar .sidebar-wrapper .menu-list {
  height: calc(100% - 150px);
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding-top: 20px;
}
.sidebar .sidebar-wrapper .menu-list .menu-item {
  margin: 0 25px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #231f20;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  transition: 0.2s;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 5px;
}
.sidebar .sidebar-wrapper .menu-list .menu-item:hover:not(.active) {
  border-color: rgba(35, 31, 32, 0.2);
}
.sidebar .sidebar-wrapper .menu-list .menu-item:hover:not(.active) span {
  color: #231f20;
}
.sidebar .sidebar-wrapper .menu-list .menu-item.active {
  box-shadow: rgba(58, 58, 60, 0.35) 0px 5px 15px;
  color: #fff;
  background: #3A3A3C;
  border-color: #3A3A3C;
}
.sidebar .sidebar-wrapper .menu-list .menu-item.active .menu-text > span {
  color: #fff;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text {
  padding: 0 15px;
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border-radius: 8px;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text svg {
  margin-right: 15px;
  height: auto;
  width: 20px;
  line-height: 0;
  transition: 0.2s;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text p {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  margin: 0;
  width: 20px;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text p.show svg {
  transform: rotate(180deg);
  transition: 0.3s;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text span {
  font-size: 15px;
  color: rgba(35, 31, 32, 0.8);
  text-transform: capitalize;
  transition: 0.2s;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text:focus {
  outline: none;
}
.sidebar .sidebar-wrapper .menu-list .menu-item .menu-text .badge {
  position: absolute;
  right: 5px;
  border-radius: 5px;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu {
  margin: 0 25px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  color: #231f20;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  transition: 0.2s;
  background: rgba(35, 31, 32, 0.05);
  border-radius: 5px;
  padding: 10px 0;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu .sub-item {
  font-size: 14px;
  padding: 5px 25px;
  cursor: pointer;
  opacity: 0.8;
  transition: 0.2s;
  display: flex;
  align-items: center;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu .sub-item svg {
  margin-right: 15px;
  height: auto;
  width: 10px;
  line-height: 0;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu .sub-item:hover {
  transition: 0.2s;
  opacity: 1;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu .sub-item.active {
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  color: #231f20;
  font-weight: 600;
}
.sidebar .sidebar-wrapper .menu-list .sub-menu .sub-item.active svg {
  stroke: #3A3A3C;
  fill: #3A3A3C;
}
.sidebar .sidebar-wrapper .sidebar-option {
  width: calc(100% - 40px);
  height: 60px;
  border-top: 1px solid rgba(35, 31, 32, 0.5);
  box-sizing: border-box;
  margin: 0 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 0;
}
.sidebar .sidebar-wrapper .sidebar-option .lang-selection {
  display: flex;
  height: 100%;
  width: 30px;
}
.sidebar .sidebar-wrapper .sidebar-option .lang-selection img {
  cursor: pointer;
  width: --webkit-fill-available;
}
.sidebar .sidebar-wrapper .sidebar-option .main-dashboard {
  cursor: pointer;
}
.sidebar .sidebar-wrapper .sidebar-option .main-dashboard svg {
  color: #fff;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #231f20;
  box-sizing: border-box;
  border-radius: 25px;
  cursor: pointer;
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting::after {
  display: none;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting span {
  color: #fff;
  margin-right: 5px;
  text-transform: capitalize;
  font-size: 15px;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting svg {
  width: 20px;
  height: 20px;
  color: #fff;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting-popup {
  background: #292c34;
  border-radius: 8px;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting-popup .dropdown-item.sign-out {
  color: #ff3838;
}
.sidebar .sidebar-wrapper .sidebar-option .user-setting-popup .dropdown-divider {
  border-color: #fff;
}

.footerSliderLayout {
  display: flex;
  width: 100%;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.footerSliderLayout .imgGpWithTxt {
  flex: 1;
  display: flex;
  overflow: hidden;
  align-items: center;
}
.footerSliderLayout .imgGpWithTxt img {
  width: 45px;
  height: 45px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
  transition: all 0.5s ease;
}
.footerSliderLayout .imgGpWithTxt .txtGp {
  margin-left: 7px;
  font-size: 12px;
  margin-right: 15px;
  overflow: hidden;
  line-height: 17px;
}
.footerSliderLayout .imgGpWithTxt .txtGp h3 {
  margin: 0;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.footerSliderLayout .imgGpWithTxt .txtGp label {
  font-size: 10px;
  color: #a5a8b0;
}

.dropendCusSidebar {
  padding: 0 23px !important;
  width: 100% !important;
  margin: 0 !important;
  border-top: 0 !important;
}

.sliderFooterCusLayout {
  height: 40px !important;
  width: 100% !important;
  display: flex;
  padding: 0 15px !important;
  background: #174195 !important;
}
.sliderFooterCusLayout .leftFooter {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.sliderFooterCusLayout .leftFooter svg {
  margin-right: 5px;
  max-width: 40px !important;
}
.sliderFooterCusLayout .leftFooter span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  width: 100% !important;
}

.slideFooterPath {
  padding: 0 !important;
  background: unset !important;
}
.slideFooterPath .leftFooter {
  background: #174195;
  height: 37px;
  border-radius: 20px;
  margin-right: 15px;
  padding: 0 15px;
}
.slideFooterPath .rightFooter {
  background: #231f20;
  border-radius: 50px;
  width: 37px;
  height: 37px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header {
  background: #fff;
  padding: 0 20px;
  z-index: 1;
}
.header-wrapper {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-wrapper .btn-toggle-sidebar {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  color: #333;
  display: flex;
  align-items: center;
}
.header-wrapper .btn-toggle-sidebar span {
  font-size: 20px;
  font-weight: 700;
  color: #231f20;
}
.header-wrapper .btn-toggle-sidebar .head-icon {
  margin-right: 15px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid rgb(173, 173, 173);
  border-radius: 50%;
}
.header-wrapper .btn-toggle-sidebar .head-icon:hover {
  opacity: 0.6;
}
.header-wrapper .right {
  display: flex;
}
.header-wrapper .right .btn-auth {
  width: 40px;
  height: 40px;
  color: #989898;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.header-wrapper .right .btn-auth .dropdown-item {
  line-height: normal;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 15px;
  display: flex;
  flex-direction: column;
  color: #ff3838;
  height: auto;
}
.header-wrapper .right .btn-auth .dropdown-item svg {
  margin: 0;
  margin-bottom: 5px;
  width: 25px;
  height: auto;
}
.header-tab {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
  height: 40px;
}
.header-tab .header-tab-wrapper .menu-row {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
}
.header-tab .header-tab-wrapper .menu-row .menu-item {
  padding: 0px 15px;
  cursor: pointer;
  font-size: 15px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #fff;
}
.header-tab .header-tab-wrapper .menu-row .menu-item:hover {
  color: #231f20;
}
.header-tab .header-tab-wrapper .menu-row .menu-item.active {
  color: #024de3;
  border-bottom: 2px solid #024de3;
}
.header-tab .header-tab-wrapper .menu-row .filter {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row {
  display: flex;
  align-items: center;
  border: 1px solid rgba(112, 112, 112, 0.2);
  border-radius: 5px;
  margin-left: 5px;
  min-width: 150px;
  background-color: #fff;
  height: 2.4rem;
  overflow: hidden;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row input,
.header-tab .header-tab-wrapper .menu-row .filter .form-row select {
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  padding-left: 5px;
  box-sizing: border-box;
  width: calc(100% - 24px);
  font-size: 14px;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row input:focus,
.header-tab .header-tab-wrapper .menu-row .filter .form-row select:focus {
  outline: none;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row input::-moz-placeholder, .header-tab .header-tab-wrapper .menu-row .filter .form-row select::-moz-placeholder {
  color: #ccc;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row input:-ms-input-placeholder, .header-tab .header-tab-wrapper .menu-row .filter .form-row select:-ms-input-placeholder {
  color: #ccc;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row input::placeholder,
.header-tab .header-tab-wrapper .menu-row .filter .form-row select::placeholder {
  color: #ccc;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row select {
  cursor: pointer;
  width: calc(100% - 9px);
  color: #7d7d7d;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row svg {
  color: #7d7d7d;
}
.header-tab .header-tab-wrapper .menu-row .filter .form-row.group-input select {
  color: #7d7d7d;
  max-width: 100px;
  font-size: 0.9rem;
  border: 1px #eee solid;
  border-radius: 5px 0 0 5px;
}
.header-tab .header-tab-wrapper .menu-row .filter button {
  font-size: 0.9rem;
  margin: auto 0.3rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.header-tab .header-tab-wrapper .menu-row .filter button svg {
  width: 1.2rem;
}
.header-tab .header-tab-wrapper .menu-row .filter button:hover {
  opacity: 0.9;
}
.header-tab .header-action-button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}
.header-tab .header-action-button .filter {
  display: flex;
}
.header-tab .header-action-button .filter .form-row {
  display: flex;
  align-items: center;
  border: 1px solid rgba(51, 51, 51, 0.2);
  padding: 5px 5px;
  border-radius: 5px;
  margin-left: 5px;
  min-width: 150px;
}
.header-tab .header-action-button .filter .form-row input,
.header-tab .header-action-button .filter .form-row select {
  display: flex;
  align-items: center;
  border: none;
  padding-left: 5px;
  box-sizing: border-box;
  width: calc(100% - 24px);
  font-size: 14px;
}
.header-tab .header-action-button .filter .form-row input:focus,
.header-tab .header-action-button .filter .form-row select:focus {
  outline: none;
}
.header-tab .header-action-button .filter .form-row input::-moz-placeholder, .header-tab .header-action-button .filter .form-row select::-moz-placeholder {
  color: #ccc;
}
.header-tab .header-action-button .filter .form-row input:-ms-input-placeholder, .header-tab .header-action-button .filter .form-row select:-ms-input-placeholder {
  color: #ccc;
}
.header-tab .header-action-button .filter .form-row input::placeholder,
.header-tab .header-action-button .filter .form-row select::placeholder {
  color: #ccc;
}
.header-tab .header-action-button .filter .form-row select {
  cursor: pointer;
}
.header-tab .header-action-button .filter .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.header-tab .header-action-button .filter .form-row svg {
  color: #7d7d7d;
}
.header-tab .header-action-button button {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  margin-left: 5px;
  color: #333;
}
.header-tab .header-action-button button.btn-create {
  border: 1px solid #ccc;
  background: #fff;
  border: unset;
  background: #024de3;
  border: unset;
  color: #fff;
}
.header-tab .header-action-button button.btn-export {
  background-color: #00c753;
  border: unset;
  color: #fff;
}
.header-tab .header-action-button button.btn-export:active {
  outline: none;
  transform: scale(1.02);
}
.header-tab .header-action-button button span {
  font-size: 13px;
}
.header-tab .header-action-button button svg {
  width: 18px;
  height: 18px;
  line-height: 0;
  margin-right: 5px;
}

.table {
  width: 100%;
  height: 100%;
}
.table-wrapper {
  width: 100%;
  height: 100%;
  padding: 20px 0;
  box-sizing: border-box;
}
.table-wrapper .table-row-5 {
  width: 5%;
}
.table-wrapper .table-row-6 {
  width: 6%;
}
.table-wrapper .table-row-7 {
  width: 7%;
}
.table-wrapper .table-row-8 {
  width: 8%;
}
.table-wrapper .table-row-9 {
  width: 9%;
}
.table-wrapper .table-row-10 {
  width: 10%;
}
.table-wrapper .table-row-11 {
  width: 11%;
}
.table-wrapper .table-row-12 {
  width: 12%;
}
.table-wrapper .table-row-13 {
  width: 13%;
}
.table-wrapper .table-row-14 {
  width: 14%;
}
.table-wrapper .table-row-15 {
  width: 15%;
}
.table-wrapper .table-row-16 {
  width: 16%;
}
.table-wrapper .table-row-17 {
  width: 17%;
}
.table-wrapper .table-row-18 {
  width: 18%;
}
.table-wrapper .table-row-19 {
  width: 19%;
}
.table-wrapper .table-row-20 {
  width: 20%;
}
.table-wrapper .table-row-21 {
  width: 21%;
}
.table-wrapper .table-row-22 {
  width: 22%;
}
.table-wrapper .table-row-23 {
  width: 23%;
}
.table-wrapper .table-row-24 {
  width: 24%;
}
.table-wrapper .table-row-25 {
  width: 25%;
}
.table-wrapper .table-row-26 {
  width: 26%;
}
.table-wrapper .table-row-27 {
  width: 27%;
}
.table-wrapper .table-row-28 {
  width: 28%;
}
.table-wrapper .table-row-29 {
  width: 29%;
}
.table-wrapper .table-row-30 {
  width: 30%;
}
.table-wrapper .table-row-31 {
  width: 31%;
}
.table-wrapper .table-row-32 {
  width: 32%;
}
.table-wrapper .table-row-33 {
  width: 33%;
}
.table-wrapper .table-row-34 {
  width: 34%;
}
.table-wrapper .table-row-35 {
  width: 35%;
}
.table-wrapper .table-row-36 {
  width: 36%;
}
.table-wrapper .table-row-37 {
  width: 37%;
}
.table-wrapper .table-row-38 {
  width: 38%;
}
.table-wrapper .table-row-39 {
  width: 39%;
}
.table-wrapper .table-row-40 {
  width: 40%;
}
.table-wrapper .table-row-41 {
  width: 41%;
}
.table-wrapper .table-row-42 {
  width: 42%;
}
.table-wrapper .table-row-43 {
  width: 43%;
}
.table-wrapper .table-row-44 {
  width: 44%;
}
.table-wrapper .table-row-45 {
  width: 45%;
}
.table-wrapper .table-row-46 {
  width: 46%;
}
.table-wrapper .table-row-47 {
  width: 47%;
}
.table-wrapper .table-row-48 {
  width: 48%;
}
.table-wrapper .table-row-49 {
  width: 49%;
}
.table-wrapper .table-row-50 {
  width: 50%;
}
.table-wrapper .table-row-51 {
  width: 51%;
}
.table-wrapper .table-row-52 {
  width: 52%;
}
.table-wrapper .table-row-53 {
  width: 53%;
}
.table-wrapper .table-row-54 {
  width: 54%;
}
.table-wrapper .table-row-55 {
  width: 55%;
}
.table-wrapper .table-row-56 {
  width: 56%;
}
.table-wrapper .table-row-57 {
  width: 57%;
}
.table-wrapper .table-row-58 {
  width: 58%;
}
.table-wrapper .table-row-59 {
  width: 59%;
}
.table-wrapper .table-row-60 {
  width: 60%;
}
.table-wrapper .table-row-61 {
  width: 61%;
}
.table-wrapper .table-row-62 {
  width: 62%;
}
.table-wrapper .table-row-63 {
  width: 63%;
}
.table-wrapper .table-row-64 {
  width: 64%;
}
.table-wrapper .table-row-65 {
  width: 65%;
}
.table-wrapper .table-row-66 {
  width: 66%;
}
.table-wrapper .table-row-67 {
  width: 67%;
}
.table-wrapper .table-row-68 {
  width: 68%;
}
.table-wrapper .table-row-69 {
  width: 69%;
}
.table-wrapper .table-row-70 {
  width: 70%;
}
.table-wrapper .table-row-71 {
  width: 71%;
}
.table-wrapper .table-row-72 {
  width: 72%;
}
.table-wrapper .table-row-73 {
  width: 73%;
}
.table-wrapper .table-row-74 {
  width: 74%;
}
.table-wrapper .table-row-75 {
  width: 75%;
}
.table-wrapper .table-row-76 {
  width: 76%;
}
.table-wrapper .table-row-77 {
  width: 77%;
}
.table-wrapper .table-row-78 {
  width: 78%;
}
.table-wrapper .table-row-79 {
  width: 79%;
}
.table-wrapper .table-row-80 {
  width: 80%;
}
.table-wrapper .table-row-81 {
  width: 81%;
}
.table-wrapper .table-row-82 {
  width: 82%;
}
.table-wrapper .table-row-83 {
  width: 83%;
}
.table-wrapper .table-row-84 {
  width: 84%;
}
.table-wrapper .table-row-85 {
  width: 85%;
}
.table-wrapper .table-row-86 {
  width: 86%;
}
.table-wrapper .table-row-87 {
  width: 87%;
}
.table-wrapper .table-row-88 {
  width: 88%;
}
.table-wrapper .table-row-89 {
  width: 89%;
}
.table-wrapper .table-row-90 {
  width: 90%;
}
.table-wrapper .table-row-91 {
  width: 91%;
}
.table-wrapper .table-row-92 {
  width: 92%;
}
.table-wrapper .table-row-93 {
  width: 93%;
}
.table-wrapper .table-row-94 {
  width: 94%;
}
.table-wrapper .table-row-95 {
  width: 95%;
}
.table-wrapper .table-row-96 {
  width: 96%;
}
.table-wrapper .table-row-97 {
  width: 97%;
}
.table-wrapper .table-row-98 {
  width: 98%;
}
.table-wrapper .table-row-99 {
  width: 99%;
}
.table-wrapper .table-row-100 {
  width: 100%;
}
.table .filter {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 0.5rem;
  border-radius: 5px;
}
.table .filter .form-row {
  display: flex;
  align-items: center;
  border: 1px solid rgba(112, 112, 112, 0.2);
  border-radius: 5px;
  margin-left: 5px;
  min-width: 150px;
  background-color: #fff;
  height: 2.4rem;
  overflow: hidden;
}
.table .filter .form-row input,
.table .filter .form-row select {
  height: 100%;
  display: flex;
  align-items: center;
  border: none;
  padding-left: 5px;
  box-sizing: border-box;
  width: calc(100% - 24px);
  font-size: 14px;
}
.table .filter .form-row input:focus,
.table .filter .form-row select:focus {
  outline: none;
}
.table .filter .form-row input::-moz-placeholder, .table .filter .form-row select::-moz-placeholder {
  color: #ccc;
}
.table .filter .form-row input:-ms-input-placeholder, .table .filter .form-row select:-ms-input-placeholder {
  color: #ccc;
}
.table .filter .form-row input::placeholder,
.table .filter .form-row select::placeholder {
  color: #ccc;
}
.table .filter .form-row select {
  cursor: pointer;
  width: calc(100% - 9px);
  color: #7d7d7d;
}
.table .filter .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.table .filter .form-row svg {
  color: #7d7d7d;
}
.table .filter .form-row.group-input select {
  color: #7d7d7d;
  max-width: 100px;
  font-size: 0.9rem;
  border: 1px #eee solid;
  border-radius: 5px 0 0 5px;
}
.table .filter button {
  font-size: 0.9rem;
  margin: auto 0.3rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.table .filter button svg {
  width: 1.2rem;
}
.table .filter button:hover {
  opacity: 0.9;
}
.table-header {
  width: 100%;
  background: #fff;
  padding: 5px 20px;
  box-sizing: border-box;
  height: 60px;
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #f1f1f1;
}
.table-header .row {
  text-align: center;
}
.table-header .row.text-left {
  text-align: left;
}
.table-header .row.text-right {
  text-align: right;
}
.table-header .row span {
  font-size: 14px;
  font-weight: 600;
}
.table-header .row span.wrap {
  white-space: nowrap;
}
.table-body {
  width: calc(100% + 20px);
  padding-right: 15px;
  height: calc(100% - 120px);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  overflow-y: scroll;
  box-sizing: border-box;
}
.table-body .column {
  width: 100%;
  background: rgb(255, 255, 255);
  padding: 5px 20px;
  box-sizing: border-box;
  height: 80px;
  display: flex;
  align-items: center;
  transition: 0.2s;
  box-sizing: border-box;
}
.table-body .column:not(:last-child) {
  border-bottom: 1px solid #f1f1f1;
}
.table-body .column.expanded {
  box-shadow: -10px 6px 5px 3px rgba(0, 0, 0, 0.1);
}
.table-body .column.expanded .expand-icon {
  transition: 0.2s;
  transform: rotate(180deg);
}
.table-body .column.expand {
  z-index: -1;
  background: rgba(255, 255, 255, 0.5);
}
.table-body .column.expand .flex span {
  display: flex !important;
}
.table-body .column.expand .flex span b {
  margin-left: 5px;
}
.table-body .column.expand .flex-row {
  display: flex;
  align-items: center;
}
.table-body .column.expand .flex-col {
  display: flex;
  flex-direction: column;
}
.table-body .column:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.table-body .column:hover {
  background: rgba(255, 255, 255, 0.5);
}
.table-body .column:hover .row .action-btn {
  color: black;
}
.table-body .column .row {
  text-align: center;
  line-height: 16px;
}
.table-body .column .row.text.left {
  text-align: left;
}
.table-body .column .row.text.right {
  text-align: right;
}
.table-body .column .row.text.bold {
  font-weight: bold;
}
.table-body .column .row.text.primary {
  color: #024de3;
}
.table-body .column .row.text.danger {
  color: #ff3838;
}
.table-body .column .row.text.success {
  color: #00c753;
}
.table-body .column .row.text.col {
  display: flex;
  flex-direction: column;
}
.table-body .column .row.text.textLeft {
  text-align: left;
}
.table-body .column .row span {
  font-size: 14px;
  word-break: normal;
  line-height: 20px;
}
.table-body .column .row span, .table-body .column .row span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 3) {
  .table-body .column .row span, .table-body .column .row span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
.table-body .column .row span.link {
  color: #024de3;
  cursor: pointer;
  word-break: break-all;
}
.table-body .column .row span.link:hover {
  text-decoration: underline;
}
.table-body .column .row span.badge {
  background: rgba(2, 77, 227, 0.1);
  color: #024de3;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 10px;
  border-radius: 8px;
  font-size: 13px;
  margin: auto;
}
.table-body .column .row span.badge.warming {
  background: rgba(255, 184, 0, 0.1);
  color: #024de3;
}
.table-body .column .row span.badge.primary {
  background: rgba(2, 77, 227, 0.1);
  color: #024de3;
}
.table-body .column .row span.badge.danger {
  background: rgba(255, 56, 56, 0.1);
  color: #ff3838;
}
.table-body .column .row span.badge.success {
  background: rgba(0, 199, 83, 0.1);
  color: #00c753;
}
.table-body .column .row span.badge.pending {
  background: rgba(255, 184, 0, 0.2);
  color: #ffb800;
}
.table-body .column .row span.badge.confirmed {
  background: rgba(2, 77, 227, 0.1);
  color: #024de3;
}
.table-body .column .row span.badge.cancelled {
  background: rgba(255, 56, 56, 0.1);
  color: #ff3838;
}
.table-body .column .row span.badge.completed {
  background: rgba(0, 199, 83, 0.1);
  color: #00c753;
}
.table-body .column .row span.wordBreak {
  word-break: break-all;
  -webkit-line-clamp: unset !important;
}
.table-body .column .row .action-btn {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
  transition: 0.2s;
}
.table-body .column .row .thumbnail {
  width: 100%;
  height: 70px;
  padding: 3px 5px;
  box-sizing: border-box;
}
.table-body .column .row .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
}
.table-body .column .row .thumbnail[data-fancybox] {
  cursor: zoom-in;
}
.table-body .column .row .thumbnail[data-fancybox]:hover {
  opacity: 0.8;
}
.table-footer {
  height: 50px;
  margin-top: 10px;
  background: #fff;
  border-radius: 5px;
}
.table-footer.table-footer-top {
  margin-top: 0px !important;
  margin-bottom: 10px;
}
.table-footer .row span {
  word-break: break-word;
}
.table-footer .pagination {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.table-footer .pagination-left {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 14px;
}
.table-footer .pagination-right {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.table-footer .pagination-right .pagination-wrapper {
  display: flex;
  background: #fff;
  height: 100%;
  align-items: center;
  padding: 8px 15px;
  border-radius: 8px;
  box-sizing: border-box;
}
.table-footer .pagination-right .pagination-wrapper .pagination-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 30px;
  padding: 0 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 3px;
  border-radius: 5px;
  cursor: pointer;
}
.table-footer .pagination-right .pagination-wrapper .pagination-item.active {
  background: #024de3;
  color: #fff;
  cursor: default;
}
.table-footer .pagination-right .pagination-wrapper .pagination-item.disabled {
  color: #edeff1;
  cursor: no-drop;
}
.table-footer .pagination-right .pagination-wrapper .pagination-item:hover:not(.active) {
  background: rgba(58, 58, 60, 0.1);
}
.table.top-prefix {
  height: calc(100% - 20px);
}
.table.top-prefix .data-empty-container {
  height: calc(100% - 100px);
}
.table.top-prefix .table-wrapper {
  height: calc(100% - 100px);
  padding: 0;
  padding-top: 10px;
}
.table.top-prefix .table-top-prefix {
  height: 80px;
  margin-top: 20px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  gap: 10px;
}
.table.top-prefix .table-top-prefix .item {
  width: 33.3333333333%;
  height: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 0 15px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table.top-prefix .table-top-prefix .item span {
  font-size: 20px;
}
.table.bottom-suffix .data-empty-container {
  height: calc(100% - 100px);
}
.table.bottom-suffix .table-wrapper {
  height: calc(100% - 100px);
  padding-bottom: 10px;
}
.table.bottom-suffix .table-bottom-suffix {
  height: 80px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 15px 20px;
}
.table.bottom-suffix .table-bottom-suffix .item {
  display: flex;
}
.table.bottom-suffix .table-bottom-suffix .item h4 {
  display: flex;
  font-weight: normal;
  margin: 0;
  margin-right: 10px;
}
.table.bottom-suffix .table-bottom-suffix .item p {
  display: flex;
  flex-direction: column;
  font-weight: bold;
  margin: 0;
  text-align: right;
}

.thumbnailWithIcon {
  position: relative;
}
.thumbnailWithIcon img {
  border: 1px solid rgba(238, 238, 238, 0.5490196078);
}
.thumbnailWithIcon .iconThumnail {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  width: 100%;
  height: 100%;
}
.thumbnailWithIcon .iconThumnail svg {
  color: #262626;
  background: #fbfbfb;
  padding: 6px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.dashboard-admin {
  width: 100%;
  height: 100%;
}
.dashboard-admin .dashboard-bg {
  width: 100%;
  height: 90px;
  background: linear-gradient(135deg, rgba(31, 26, 35, 0.8) 0%, rgba(0, 97, 242, 0.8392156863) 100%);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.dashboard-admin .dashboard-wrapper {
  padding: 0 50px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  overflow-y: auto;
}
.dashboard-admin .dashboard-wrapper .dashboard-header {
  width: 100%;
  display: flex;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
}
.dashboard-admin .dashboard-wrapper .dashboard-body {
  box-sizing: border-box;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter h3 {
  color: #fff;
  font-size: 25px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  height: 48px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row {
  display: flex;
  align-items: center;
  border: 1px solid rgba(51, 51, 51, 0.2);
  padding: 10px 15px;
  border-radius: 5px;
  background: #fff;
  position: relative;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input {
  width: 100% !important;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input,
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select {
  display: flex;
  align-items: center;
  border: none;
  padding-left: 5px;
  box-sizing: border-box;
  width: calc(100% - 24px);
  font-size: 14px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input:focus,
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select:focus {
  outline: none;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input::-moz-placeholder, .dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select::-moz-placeholder {
  color: #ccc;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input:-ms-input-placeholder, .dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select:-ms-input-placeholder {
  color: #ccc;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row input::placeholder,
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select::placeholder {
  color: #ccc;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select {
  cursor: pointer;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row svg {
  color: #7d7d7d;
  position: absolute;
  pointer-events: none;
  right: 0;
  right: 15px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row .select2 .select2-selection {
  border-radius: 4px !important;
  border: unset !important;
  box-sizing: border-box !important;
  color: #5a5e66;
  display: flex !important;
  align-items: center;
  font-size: 14px;
  height: 40px !important;
  line-height: 1 !important;
  outline: 0;
  padding: 0 !important;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row .select2 .select2-selection .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  padding: 0 15px !important;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form .form-row.formRowSelect2 {
  width: 200px;
  padding: 0px !important;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form button {
  text-transform: capitalize;
  background: rgba(0, 0, 0, 0.1803921569);
  display: flex;
  justify-content: center;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .filter form button svg {
  width: 20px;
  height: auto;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .welcome {
  display: flex;
  padding: 30px 40px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.dashboard-admin .dashboard-wrapper .dashboard-body .welcome h2 {
  color: #024de3;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .welcome .text {
  flex: auto;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .welcome .img {
  min-width: 300px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .welcome .img img {
  width: 100%;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list {
  width: 100%;
  overflow-x: hidden;
  margin-top: 30px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list > * {
  width: calc(100% + 30px);
  margin-left: -15px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list > * > * {
  width: calc((100% / 3) - 30px - (0px * 2));
  margin: 15px;
  box-sizing: border-box;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .label {
  margin-left: 0 !important;
  font-weight: 600;
  font-size: 25px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item {
  color: #fff;
  padding: 20px 20px;
  border-radius: 8px;
  cursor: pointer;
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-dark-light {
  background: #34495E;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-all-booking {
  background: #00c0ef;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-pending-booking {
  background: #f59e0c;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-completed-booking {
  background: #00a65a;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-cancel-booking {
  background: #98afb3;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-customer {
  background: #0073b7;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-success {
  background: #246dec !important;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item.bg-shop {
  background: #dd4b39;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-body {
  display: flex;
  justify-content: space-between;
  height: 100%;
  min-height: 80px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-body h3 {
  margin: 0;
  font-size: 18px;
  margin-top: 15px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-body .div {
  display: flex;
  font-size: 12px;
  color: rgba(224, 224, 224, 0.8705882353);
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-body svg {
  width: 60px;
  height: auto;
  opacity: 0.5;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-body .left p {
  margin: 0;
  color: #ccc;
  font-size: 13px;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item .item-footer {
  display: flex;
  justify-content: space-between;
  opacity: 0.5;
  transition: 0.2s;
}
.dashboard-admin .dashboard-wrapper .dashboard-body .dashboard-list .dashboard-row .item:hover .item-footer {
  transition: 0.3s;
  opacity: 1;
}
.dashboard-admin .dashboard-wrapper .dashboard-footer {
  height: 40px;
}

.table-action-btn .mat-menu-item {
  display: flex;
  align-items: center;
}
.table-action-btn .mat-menu-item svg {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 10px;
}

.confirm-dialog .mat-dialog-container {
  padding: 0;
  border-radius: 8px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper {
  display: flex;
  flex-direction: column;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background: rgba(255, 0, 0, 0.6);
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header mat-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  font-size: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body {
  text-align: center;
  padding: 10px 0;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body h3 {
  margin: 0;
  font-size: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body p {
  margin: 0;
  padding: 0 20px;
  color: #024de3;
  margin-top: 10px;
  font-size: 14px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  padding-bottom: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button {
  background: #024de3;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  margin: 0 5px;
  font-weight: 500;
  padding: 0 25px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button:last-child {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.6);
}

.confirm-message {
  width: 350px !important;
}
.confirm-message .swal2-icon {
  height: 60px;
  width: 60px;
  font-size: 16px;
  margin: 10px 0;
}
.confirm-message .swal2-icon .swal2-icon-content {
  font-size: 35px;
}
.confirm-message .swal2-content {
  font-size: 16px;
}
.confirm-message .swal2-content .swal2-checkbox {
  margin: 5px 0;
}
.confirm-message .swal2-content .swal2-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.confirm-message .swal2-content .swal2-checkbox .swal2-label {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 700;
}
.confirm-message .swal2-actions {
  padding: 0;
}
.confirm-message .swal2-actions button {
  height: 40px;
  font-size: 16px;
  line-height: normal;
}
.confirm-message .swal2-actions button.swal2-confirm {
  display: flex !important;
}
.confirm-message .swal2-actions button.swal2-cancel {
  display: flex !important;
  background: none;
  color: #ff3838;
}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 210299;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-blend-mode: overlay;
}
.dialog .dialog-container {
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 25px;
  border-radius: 5px;
  max-height: 95vh;
  overflow: auto;
}
.dialog .dialog-container.withBackdrop {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background-blend-mode: overlay;
}
.dialog .dialog-container .dialog-form {
  display: flex;
  flex-direction: column;
}
.dialog .dialog-container .dialog-form .dialog-form-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dialog .dialog-container .dialog-form .dialog-form-header h3 {
  margin: 0;
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.dialog .dialog-container .dialog-form .dialog-form-body {
  padding: 15px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row.no-label {
  margin: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row * {
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label span {
  color: #fa5555;
  margin-left: 4px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::-moz-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input:-ms-input-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::placeholder,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select::placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input.required,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select.required {
  border-color: #fa5555;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon {
  margin-bottom: 5px;
  line-height: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon svg {
  width: 40px;
  height: 40px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 10px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title {
  flex: auto;
  font-size: 14px;
  color: #231f20;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span {
  word-break: break-all;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 2) {
  .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button {
  min-width: unset;
  padding: 5px;
  background: unset;
  border: 1px solid rgba(2, 77, 227, 0.2);
  color: #024de3;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button svg {
  width: 18px;
  height: 18px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button.cancel {
  background: unset;
  border: 1px solid rgba(255, 56, 56, 0.2);
  color: #ff3838;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar {
  height: 5px;
  background: rgba(0, 199, 83, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.pause {
  background: rgba(255, 184, 0, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.error {
  background: rgba(255, 56, 56, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check .form-check-input[type=checkbox] {
  margin-right: unset;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check label {
  text-align: left;
  font-size: 14px;
}
.dialog .dialog-container .dialog-form .dialog-form-body p {
  color: #231f20;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
  word-break: break-all;
}
.dialog .dialog-container .dialog-form .dialog-form-footer {
  display: flex;
  justify-content: flex-end;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button {
  background: #024de3;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button.close {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.8);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader {
  margin-left: 5px;
  font-size: 10px;
  text-indent: -9999em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  transform: translateZ(0);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:after {
  background: rgb(224, 224, 224) !important;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.auth-popup {
  width: 200px;
  height: 120px;
  padding: 0 10px;
}
.auth-popup .mat-menu-content {
  display: flex;
  height: 100%;
  box-sizing: border-box;
}
.auth-popup .mat-menu-content .line {
  width: 2px;
  height: calc(100% - 40px);
  background: #ccc;
  margin: 20px 0;
}
.auth-popup .mat-menu-content button.mat-menu-item {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.auth-popup .mat-menu-content button.mat-menu-item svg {
  width: 30px;
  height: 30px;
}
.auth-popup .mat-menu-content button.mat-menu-item span {
  line-height: 20px;
}
.auth-popup .mat-menu-content button.mat-menu-item.sign-out {
  color: #ff3838;
}

.table-action-btn .mat-menu-item {
  display: flex;
  align-items: center;
}
.table-action-btn .mat-menu-item svg {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 10px;
}

.confirm-dialog .mat-dialog-container {
  padding: 0;
  border-radius: 8px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper {
  display: flex;
  flex-direction: column;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background: rgba(255, 0, 0, 0.6);
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header mat-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  font-size: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body {
  text-align: center;
  padding: 10px 0;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body h3 {
  margin: 0;
  font-size: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body p {
  margin: 0;
  padding: 0 20px;
  color: #024de3;
  margin-top: 10px;
  font-size: 14px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  padding-bottom: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button {
  background: #024de3;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  margin: 0 5px;
  font-weight: 500;
  padding: 0 25px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button:last-child {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.6);
}

.confirm-message {
  width: 350px !important;
}
.confirm-message .swal2-icon {
  height: 60px;
  width: 60px;
  font-size: 16px;
  margin: 10px 0;
}
.confirm-message .swal2-icon .swal2-icon-content {
  font-size: 35px;
}
.confirm-message .swal2-content {
  font-size: 16px;
}
.confirm-message .swal2-content .swal2-checkbox {
  margin: 5px 0;
}
.confirm-message .swal2-content .swal2-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.confirm-message .swal2-content .swal2-checkbox .swal2-label {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 700;
}
.confirm-message .swal2-actions {
  padding: 0;
}
.confirm-message .swal2-actions button {
  height: 40px;
  font-size: 16px;
  line-height: normal;
}
.confirm-message .swal2-actions button.swal2-confirm {
  display: flex !important;
}
.confirm-message .swal2-actions button.swal2-cancel {
  display: flex !important;
  background: none;
  color: #ff3838;
}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 210299;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  background-blend-mode: overlay;
  overflow: hidden;
}
.dialog .dialog-wrapper {
  width: 100%;
  max-height: 100%;
  padding: 25px 0;
  overflow: auto;
  display: flex;
  justify-content: center;
}
.dialog .dialog-container {
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 25px;
  border-radius: 5px;
}
.dialog .dialog-container.withBackdrop {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  background-blend-mode: overlay;
}
.dialog .dialog-container .dialog-form {
  display: flex;
  flex-direction: column;
}
.dialog .dialog-container .dialog-form .dialog-form-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dialog .dialog-container .dialog-form .dialog-form-header h3 {
  margin: 0;
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.dialog .dialog-container .dialog-form .dialog-form-body {
  padding: 15px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row.no-label {
  margin: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row * {
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label span {
  color: #fa5555;
  margin-left: 4px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::-moz-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input:-ms-input-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::placeholder,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select::placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input.required,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select.required {
  border-color: #fa5555;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon {
  margin-bottom: 5px;
  line-height: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon svg {
  width: 40px;
  height: 40px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 10px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title {
  flex: auto;
  font-size: 14px;
  color: #231f20;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span {
  word-break: break-all;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 2) {
  .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button {
  min-width: unset;
  padding: 5px;
  background: unset;
  border: 1px solid rgba(2, 77, 227, 0.2);
  color: #024de3;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button svg {
  width: 18px;
  height: 18px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button.cancel {
  background: unset;
  border: 1px solid rgba(255, 56, 56, 0.2);
  color: #ff3838;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar {
  height: 5px;
  background: rgba(0, 199, 83, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.pause {
  background: rgba(255, 184, 0, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.error {
  background: rgba(255, 56, 56, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check .form-check-input[type=checkbox] {
  margin-right: unset;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check label {
  text-align: left;
  font-size: 14px;
}
.dialog .dialog-container .dialog-form .dialog-form-body p {
  color: #231f20;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
  word-break: break-word;
}
.dialog .dialog-container .dialog-form .dialog-form-body p .div h4 {
  margin-top: 0;
  margin-bottom: 4px;
  color: #024de3;
}
.dialog .dialog-container .dialog-form .dialog-form-footer {
  display: flex;
  justify-content: flex-end;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button {
  background: #024de3;
  border-radius: 5px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
  justify-content: center;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button.close {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.8);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader {
  margin-left: 5px;
  font-size: 10px;
  text-indent: -9999em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  transform: translateZ(0);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:after {
  background: rgb(224, 224, 224) !important;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.form-admin {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.form-admin .form-bg {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, rgba(31, 26, 35, 0.8) 0%, rgba(0, 97, 242, 0.8392156863) 100%);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.form-admin .form-wrapper {
  padding: 0 100px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  max-width: 1200px;
}
.form-admin .form-wrapper .form-header {
  width: 100%;
  display: flex;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
}
.form-admin .form-wrapper .form-header h3 {
  display: flex;
  align-items: center;
}
.form-admin .form-wrapper .form-header h3 svg {
  margin-right: 10px;
  cursor: pointer;
}
.form-admin .form-wrapper .form-body {
  box-sizing: border-box;
  background: #fff;
  padding: 40px;
  border-radius: 5px;
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.form-admin .form-wrapper .form-body .row-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.form-admin .form-wrapper .form-body .row-2 > * {
  width: calc(50% - 10px);
}
.form-admin .form-wrapper .form-body .row-3 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.form-admin .form-wrapper .form-body .row-3 > * {
  width: calc(33.3333333333% - 10px);
}
.form-admin .form-wrapper .form-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.form-admin .form-wrapper .form-body .form-row.no-label {
  margin: 0;
}
.form-admin .form-wrapper .form-body .form-row * {
  line-height: normal;
}
.form-admin .form-wrapper .form-body .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.form-admin .form-wrapper .form-body .form-row label span {
  color: #fa5555;
  margin-left: 4px;
}
.form-admin .form-wrapper .form-body .form-row .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.form-admin .form-wrapper .form-body .form-row > input,
.form-admin .form-wrapper .form-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.form-admin .form-wrapper .form-body .form-row > input::-moz-placeholder, .form-admin .form-wrapper .form-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row > input:-ms-input-placeholder, .form-admin .form-wrapper .form-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row > input::placeholder,
.form-admin .form-wrapper .form-body .form-row select::placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row select {
  display: block;
  width: 100%;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
}
.form-admin .form-wrapper .form-body .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.form-admin .form-wrapper .form-body .form-row textarea {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  outline: 0;
  padding: 10px 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  resize: vertical;
}
.form-admin .form-wrapper .form-body .form-row textarea::-moz-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row textarea:-ms-input-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row textarea::placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .form-row .text-editor {
  display: inline-block;
  width: 100%;
}
.form-admin .form-wrapper .form-body .form-row .text-editor button {
  min-width: unset;
}
.form-admin .form-wrapper .form-body .form-row .text-editor .ql-toolbar {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.form-admin .form-wrapper .form-body .form-row .text-editor .ql-container {
  height: 400px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.form-admin .form-wrapper .form-body .form-row .radio-form {
  display: flex;
  width: 100%;
  align-items: center;
  padding-top: 10px;
}
.form-admin .form-wrapper .form-body .form-row .radio-form.column {
  padding-left: 25px;
  flex-direction: column;
  align-items: flex-start;
}
.form-admin .form-wrapper .form-body .form-row .radio-form.column .form-check {
  margin: 5px 0;
}
.form-admin .form-wrapper .form-body .form-row .radio-form .form-check {
  min-height: unset;
}
.form-admin .form-wrapper .form-body .switch-form-row {
  padding: 0 15px;
  margin-bottom: 5px;
  border-radius: 5px;
  background: #f1f1f1;
}
.form-admin .form-wrapper .form-body .switch-form-row .mat-ink-bar {
  background-color: #024de3 !important;
}
.form-admin .form-wrapper .form-body .switch-form-row .mat-tab-label {
  flex: auto;
  padding: 0 15px;
  height: 40px;
  border-radius: 5px;
}
.form-admin .form-wrapper .form-body .switch-form-row .mat-tab-label.mat-tab-label-active {
  color: #024de3;
  opacity: 1;
  font-weight: 700;
}
.form-admin .form-wrapper .form-body .switch-form-row .mat-tab-body {
  padding-top: 5px;
}
.form-admin .form-wrapper .form-body .gallery {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-admin .form-wrapper .form-body .gallery .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.form-admin .form-wrapper .form-body .gallery .row .drop-placeholder {
  width: calc(50% - 20px);
  height: 150px;
  margin: 10px;
  margin-top: 0;
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px dashed #333;
}
.form-admin .form-wrapper .form-body .gallery .row .item {
  width: calc(50% - 20px);
  height: 150px;
  margin: 10px;
  margin-top: 0;
  margin-bottom: 20px;
  background: #f1f1f1;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.form-admin .form-wrapper .form-body .gallery .row .item:hover .btn-remove {
  opacity: 1;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .gallery .row .item .btn-remove {
  opacity: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  box-shadow: 0px 2px 8px -3px rgba(0, 0, 0, 0.2);
}
.form-admin .form-wrapper .form-body .gallery .row .item .btn-remove svg {
  width: 20px;
  color: red;
  height: auto;
}
.form-admin .form-wrapper .form-body .gallery .row .item.add {
  cursor: pointer;
  flex-direction: column;
}
.form-admin .form-wrapper .form-body .gallery .row .item.add span {
  color: #5a5e66;
  font-size: 15px;
}
.form-admin .form-wrapper .form-body .gallery .row .item.add mat-icon {
  font-size: 40px;
  width: auto;
  height: auto;
}
.form-admin .form-wrapper .form-body .gallery .row .item .img {
  width: 100%;
  height: 100%;
}
.form-admin .form-wrapper .form-body .gallery .row .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-admin .form-wrapper .form-body .form-select-photo {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 300px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
  padding: 5px;
}
.form-admin .form-wrapper .form-body .form-select-photo input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.form-admin .form-wrapper .form-body .form-select-photo.file {
  height: 120px;
}
.form-admin .form-wrapper .form-body .form-select-photo.md {
  height: 200px;
}
.form-admin .form-wrapper .form-body .form-select-photo:hover {
  border-color: #024de3;
}
.form-admin .form-wrapper .form-body .form-select-photo:hover .icon svg {
  color: #024de3;
}
.form-admin .form-wrapper .form-body .form-select-photo:hover .select-photo.active {
  opacity: 1;
  background: rgba(2, 77, 227, 0.5);
}
.form-admin .form-wrapper .form-body .form-select-photo:hover .select-photo.active .icon svg {
  color: #fff;
}
.form-admin .form-wrapper .form-body .form-select-photo:hover .select-photo.active .title {
  color: #fff;
}
.form-admin .form-wrapper .form-body .form-select-photo .select-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.form-admin .form-wrapper .form-body .form-select-photo .select-photo.active {
  opacity: 0;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-photo .select-photo .icon {
  line-height: 0;
}
.form-admin .form-wrapper .form-body .form-select-photo .select-photo .icon svg {
  width: 50px;
  height: 50px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-photo .select-photo .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-photo .image-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
}
.form-admin .form-wrapper .form-body .form-select-photo .image-view.active {
  opacity: 1;
}
.form-admin .form-wrapper .form-body .form-select-photo .image-view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-admin .form-wrapper .form-body .form-select-photo .image-view img.img-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.form-admin .form-wrapper .form-body .form-select-photo .file-select {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px 20px;
}
.form-admin .form-wrapper .form-body .form-select-photo .file-select svg {
  min-width: 70px;
  height: 70px;
}
.form-admin .form-wrapper .form-body .form-select-photo .file-select p {
  flex: auto;
  word-break: break-all;
  line-height: normal;
  text-align: left;
  padding: 0 10px;
}
.form-admin .form-wrapper .form-body .form-select-file {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
}
.form-admin .form-wrapper .form-body .form-select-file input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.form-admin .form-wrapper .form-body .form-select-file.file {
  height: 120px;
}
.form-admin .form-wrapper .form-body .form-select-file:hover {
  border-color: #024de3;
}
.form-admin .form-wrapper .form-body .form-select-file:hover .icon svg {
  color: #024de3;
}
.form-admin .form-wrapper .form-body .form-select-file:hover .select-file.active {
  opacity: 1;
  background: rgba(2, 77, 227, 0.5);
}
.form-admin .form-wrapper .form-body .form-select-file:hover .select-file.active .icon svg {
  color: #fff;
}
.form-admin .form-wrapper .form-body .form-select-file:hover .select-file.active .title {
  color: #fff;
}
.form-admin .form-wrapper .form-body .form-select-file .select-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-admin .form-wrapper .form-body .form-select-file .select-file.active {
  opacity: 0;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .select-file .icon {
  line-height: 0;
}
.form-admin .form-wrapper .form-body .form-select-file .select-file .icon svg {
  width: 50px;
  height: 50px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .select-file .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 5px;
  opacity: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view.active {
  opacity: 1;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view .icon {
  line-height: 0;
  padding: 0 15px;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view .icon svg {
  width: 50px;
  height: 50px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: left;
  transition: 0.2s;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view .title h3 {
  margin: 0;
  font-size: 14px;
}
.form-admin .form-wrapper .form-body .form-select-file .file-view .title span {
  text-transform: uppercase;
}
.form-admin .form-wrapper .form-body .form-select-file .file-select {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px 20px;
}
.form-admin .form-wrapper .form-body .form-select-file .file-select svg {
  min-width: 70px;
  height: 70px;
}
.form-admin .form-wrapper .form-body .form-select-file .file-select p {
  flex: auto;
  word-break: break-all;
  line-height: normal;
  text-align: left;
  padding: 0 10px;
}
.form-admin .form-wrapper .form-body .video-embed {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.form-admin .form-wrapper .form-body .video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.form-admin .form-wrapper .form-body .form-button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.form-admin .form-wrapper .form-body .form-button .left {
  display: flex;
  justify-content: flex-end;
}
.form-admin .form-wrapper .form-body .form-button .left button {
  margin: 0;
  margin-right: 10px;
}
.form-admin .form-wrapper .form-body .form-button .gap {
  flex: auto;
}
.form-admin .form-wrapper .form-body .form-button .right {
  display: flex;
}
.form-admin .form-wrapper .form-body .form-button.between {
  justify-content: space-between;
}
.form-admin .form-wrapper .form-body .form-button button {
  margin-left: 10px;
  height: 45px;
  font-size: 14px;
  border-radius: 5px;
  box-sizing: border-box;
  color: #231f20;
  border: 1px solid #231f20;
  background: none;
}
.form-admin .form-wrapper .form-body .form-button button svg {
  margin-right: 8px;
}
.form-admin .form-wrapper .form-body .form-button button[color=success] {
  color: #fff;
  background-color: #00c753;
  border: none;
}
.form-admin .form-wrapper .form-body .form-button button[color=primary] {
  color: #fff;
  background-color: #024de3;
  border: none;
}
.form-admin .form-wrapper .form-body .form-button button[color=danger] {
  color: #fff;
  background-color: #ff3838;
  border: none;
}
.form-admin .form-wrapper .form-body .form-button button.icon {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.form-admin .form-wrapper .form-body .form-button button.icon svg {
  margin: 0;
}
.form-admin .form-wrapper .form-body .form-button button.icon.right svg {
  margin: 0;
  margin-left: 8px;
}
.form-admin .form-wrapper .form-body .multi-input {
  width: 100%;
  display: inline-block;
}
.form-admin .form-wrapper .form-body .multi-input .item {
  display: flex;
  height: 40px;
  position: relative;
}
.form-admin .form-wrapper .form-body .multi-input .item:not(:first-child) {
  margin-top: 20px;
}
.form-admin .form-wrapper .form-body .multi-input .item .no {
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-admin .form-wrapper .form-body .multi-input .item > input {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  outline: 0;
  padding: 10px 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  flex: auto;
  resize: none;
  height: 100%;
}
.form-admin .form-wrapper .form-body .multi-input .item > input::-moz-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .multi-input .item > input:-ms-input-placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .multi-input .item > input::placeholder {
  color: #b7bac1;
}
.form-admin .form-wrapper .form-body .multi-input .item button {
  margin-left: 10px;
  max-width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-admin .form-wrapper .form-body .tab-content {
  border: 2px solid #d8dce5;
  border-radius: 5px;
  padding: 15px 25px;
  margin-bottom: 15px;
}
.form-admin .form-wrapper .form-body .item-list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-admin .form-wrapper .form-body .item-list .item {
  width: 100%;
  display: flex;
  height: 70px;
  border: 1px solid #ddd;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
}
.form-admin .form-wrapper .form-body .item-list .item .img {
  width: 80px;
  height: 100%;
  padding: 5px;
}
.form-admin .form-wrapper .form-body .item-list .item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-admin .form-wrapper .form-body .item-list .item .title {
  flex: auto;
  margin: 0;
  padding: 5px 0;
  font-size: 14px;
}
.form-admin .form-wrapper .form-body .item-list .item .remove, .form-admin .form-wrapper .form-body .item-list .item .add {
  color: #fff;
  padding: 5px;
  background: #ff3838;
  cursor: pointer;
}
.form-admin .form-wrapper .form-body .item-list .item .add {
  background: #00c753;
}
.form-admin .form-wrapper .form-body .step {
  width: 100%;
}
.form-admin .form-wrapper .form-body .step .step-wrapper {
  display: flex;
  flex-direction: column;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header {
  display: flex;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header hr {
  flex: auto;
  position: relative;
  top: 25px;
  margin: 0;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header .step-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  cursor: pointer;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header .step-button.active .icon {
  background: #024de3;
  color: #fff;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header .step-button.active span {
  font-weight: 700;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header .step-button .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 50%;
  color: #231f20;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-header .step-button span {
  margin: 5px 0;
  font-size: 14px;
  text-align: center;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-body {
  width: 100%;
  height: auto;
  padding: 20px 0;
}
.form-admin .form-wrapper .form-body .step .step-wrapper .step-body .step-content {
  width: 100%;
  position: relative;
}
.form-admin .form-wrapper .form-body .radio-group {
  width: 100%;
  display: inline-grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px 15px;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  cursor: pointer;
  display: flex;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  align-items: center;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item label {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex: auto;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item .img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
  cursor: pointer;
  border-radius: 5px;
  overflow: hidden;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item input {
  margin-right: 10px;
  width: 20px;
  height: 20px;
}
.form-admin .form-wrapper .form-body .radio-group .radio-item p {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.form-admin .form-wrapper .form-body .accordion button.accordion-button {
  color: #333;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid rgba(0, 0, 0, 0.04);
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  box-shadow: unset;
}
.form-admin .form-wrapper .form-body .accordion button.accordion-button::after {
  content: "";
  background-image: url(https://cdn-icons-png.flaticon.com/512/32/32195.png) !important;
  opacity: 0.6;
}
.form-admin .form-wrapper .form-body .accordion .accordion-collapse {
  box-shadow: unset;
  border: 1px solid rgba(0, 0, 0, 0.04);
  border-top: unset;
}
.form-admin .form-wrapper .form-body .list-group {
  margin-bottom: 25px;
}
.form-admin .form-wrapper .form-body .list-group .list-group-item {
  font-size: 14px;
  padding-left: 40px;
}
.form-admin .form-wrapper .form-body .list-group .list-group-item.active {
  color: #1d2129;
  background-color: #ddd;
  border-color: #ddd;
  font-size: 16px;
  padding-left: 15px;
}
.form-admin .form-wrapper .form-body .list-group .list-group-item .form-check {
  display: flex;
}
.form-admin .form-wrapper .form-body .list-group .list-group-item .form-check label {
  flex: auto;
}
.form-admin .form-wrapper .form-body .map {
  width: 100%;
  height: 300px;
  border-radius: 5px;
}
.form-admin .form-wrapper .form-body .form-check .form-check-input[type=checkbox] {
  margin-right: unset;
}
.form-admin .form-wrapper .form-body .form-check label {
  text-align: left;
}
.form-admin .form-wrapper .form-body .permission-list {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}
.form-admin .form-wrapper .form-body .permission-list .permission-item {
  background: rgba(0, 0, 0, 0.01);
  display: flex;
  border-radius: 8px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  box-sizing: border-box;
}
.form-admin .form-wrapper .form-body .permission-list .permission-item .title {
  min-width: 300px;
  font-size: 16px;
  font-weight: 700;
  padding: 20px 20px;
  color: #024de3;
}
.form-admin .form-wrapper .form-body .permission-list .permission-item .option-list {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  background: rgba(0, 0, 0, 0.03);
  display: flex;
  border-radius: 8px;
  flex: auto;
  padding: 20px 20px;
}
.form-admin .form-wrapper .form-body .permission-list .permission-item .option-list label.form-check-label {
  margin-left: 5px;
}
.form-admin .form-wrapper .form-footer {
  height: 40px;
}

.table-form {
  position: relative;
  height: 100%;
  width: 100%;
}
.table-form .form-body {
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
  border-radius: 5px;
}
.table-form .form-body .row-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.table-form .form-body .row-2 > * {
  width: calc(50% - 10px);
}
.table-form .form-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.table-form .form-body .form-row.suffix svg {
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
}
.table-form .form-body .form-row.no-label {
  margin: 0;
}
.table-form .form-body .form-row * {
  line-height: normal;
}
.table-form .form-body .form-row label {
  text-align: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
  display: flex;
  white-space: nowrap;
}
.table-form .form-body .form-row label b {
  margin-left: 5px;
}
.table-form .form-body .form-row label b, .table-form .form-body .form-row label b > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 1) {
  .table-form .form-body .form-row label b, .table-form .form-body .form-row label b > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.table-form .form-body .form-row > input,
.table-form .form-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.table-form .form-body .form-row > input::-moz-placeholder, .table-form .form-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.table-form .form-body .form-row > input:-ms-input-placeholder, .table-form .form-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.table-form .form-body .form-row > input::placeholder,
.table-form .form-body .form-row select::placeholder {
  color: #b7bac1;
}
.table-form .form-body .form-row select {
  display: block;
  width: 100%;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: normal;
}
.table-form .form-body .form-row select * {
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.table-form .form-body .form-button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.table-form .form-body .form-button .left {
  display: flex;
  justify-content: flex-end;
}
.table-form .form-body .form-button .left button {
  margin: 0;
  margin-right: 10px;
}
.table-form .form-body .form-button .gap {
  flex: auto;
}
.table-form .form-body .form-button .right {
  display: flex;
}
.table-form .form-body .form-button button {
  margin-left: 10px;
  height: 45px;
  font-size: 14px;
  border-radius: 5px;
  box-sizing: border-box;
  color: #231f20;
  border: 1px solid #231f20;
  background: none;
}
.table-form .form-body .form-button button svg {
  margin-right: 8px;
  width: 18px;
}
.table-form .form-body .form-button button[color=success] {
  color: #fff;
  background-color: #00c753;
  border: none;
}
.table-form .form-body .form-button button[color=primary] {
  color: #fff;
  background-color: #024de3;
  border: none;
}
.table-form .form-body .form-button button[color=danger] {
  color: #fff;
  background-color: #ff3838;
  border: none;
}
.table-form .form-body .form-button button.icon {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.table-form .form-body .form-button button.icon svg {
  margin: 0;
}
.table-form .form-body .form-button button.icon.right svg {
  margin: 0;
  margin-left: 8px;
}
.table-form .form-body .form-tab {
  width: 100%;
  border-radius: 5px;
  margin: 15px 0;
}
.table-form .form-body .form-tab .menu-row {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.table-form .form-body .form-tab .menu-row .menu-item {
  padding: 10px 15px;
  cursor: pointer;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: auto;
  color: #231f20;
  border-radius: 5px;
  background: #f0f0f0;
}
.table-form .form-body .form-tab .menu-row .menu-item:hover {
  color: #024de3;
}
.table-form .form-body .form-tab .menu-row .menu-item.active {
  color: #fff;
  background-color: #024de3;
}

.cancelStatus {
  color: #ff4141;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}

.confirmStatus {
  color: #1000eb;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}

.completeStatus {
  color: #22ab22;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}

.tox-edit-area {
  max-width: 100% !important;
}

.pdfFIleinputGp {
  height: 40px;
  position: relative;
  border: 1px solid #d8dce5;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 12px;
  border-radius: 4px;
  cursor: pointer;
}

.filePdf {
  display: flex !important;
  align-items: center;
  line-height: 32px !important;
  margin: 0;
  padding: 0 !important;
  width: 100%;
  cursor: pointer;
  z-index: 2;
  opacity: 0;
}

.nameFIlePdf {
  position: absolute;
  z-index: 1;
  cursor: pointer;
}
.nameFIlePdf .chooseFileText {
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  cursor: pointer;
}

.lt-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 20px;
  background: #fff;
}
.lt-group.no-padding {
  padding: 0;
}
.lt-group .title {
  margin: 0;
  padding-bottom: 10px;
}
.lt-group .lt-group-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.lt-group .lt-group-wrapper .lt-group-item {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  min-height: 60px;
  height: 70px;
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  padding: 10px;
}
.lt-group .lt-group-wrapper .lt-group-item .thumbnail {
  width: 60px;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.lt-group .lt-group-wrapper .lt-group-item .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lt-group .lt-group-wrapper .lt-group-item .des {
  width: calc(100% - 60px - 20px);
  font-size: 14px;
}
.lt-group .lt-group-wrapper .lt-group-item svg {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.message-admin {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.message-admin .message-bg {
  width: 100%;
  height: 200px;
  background: linear-gradient(135deg, rgba(31, 26, 35, 0.8) 0%, rgba(0, 97, 242, 0.8392156863) 100%);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}
.message-admin .message-wrapper {
  padding: 0 100px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  max-width: 1200px;
}
.message-admin .message-wrapper .message-header {
  width: 100%;
  display: flex;
  color: #fff;
  font-size: 20px;
  padding: 10px 0;
}
.message-admin .message-wrapper .message-header h3 {
  display: flex;
  align-items: center;
}
.message-admin .message-wrapper .message-header h3 svg {
  margin-right: 10px;
  cursor: pointer;
}
.message-admin .message-wrapper .message-body {
  box-sizing: border-box;
  background: #fff;
  padding: 40px;
  border-radius: 5px;
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.message-admin .message-wrapper .message-body .row-2 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.message-admin .message-wrapper .message-body .row-3 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.message-admin .message-wrapper .message-body .list {
  width: 100%;
  display: flex;
  padding: 3px 0;
  transition: 0.2s;
}
.message-admin .message-wrapper .message-body .list:hover {
  transition: 0.3s;
  background-color: #f1f1f1;
}
.message-admin .message-wrapper .message-body .list.link span {
  color: #024de3;
  cursor: pointer;
  word-break: break-all;
}
.message-admin .message-wrapper .message-body .list.link span:hover {
  text-decoration: underline;
}
.message-admin .message-wrapper .message-body .list.col {
  flex-direction: column;
}
.message-admin .message-wrapper .message-body .list p {
  min-width: 150px;
  margin: 0;
  font-weight: 700;
}
.message-admin .message-wrapper .message-body .list span {
  margin-left: 10px;
  display: flex;
  word-break: break-all;
}
.message-admin .message-wrapper .message-body .list span svg {
  width: 16px;
  margin-left: 10px;
}
.message-admin .message-wrapper .message-body .list .img {
  width: 100%;
  height: 250px;
  border-radius: 5px;
  overflow: hidden;
}
.message-admin .message-wrapper .message-body .list .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.message-admin .message-wrapper .message-body .step {
  width: 100%;
}
.message-admin .message-wrapper .message-body .step .step-wrapper {
  display: flex;
  flex-direction: column;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header {
  display: flex;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header hr {
  flex: auto;
  position: relative;
  top: 25px;
  margin: 0;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header .step-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100px;
  cursor: pointer;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header .step-button.active .icon {
  background: #024de3;
  color: #fff;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header .step-button.active span {
  font-weight: 700;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header .step-button .icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f1f1;
  border-radius: 50%;
  color: #231f20;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-header .step-button span {
  margin: 5px 0;
  font-size: 14px;
  text-align: center;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-body {
  width: 100%;
  height: auto;
  padding: 20px 0;
}
.message-admin .message-wrapper .message-body .step .step-wrapper .step-body .step-content {
  width: 100%;
  position: relative;
}
.message-admin .message-wrapper .message-body .form-button {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}
.message-admin .message-wrapper .message-body .form-button .left {
  display: flex;
  justify-content: flex-end;
}
.message-admin .message-wrapper .message-body .form-button .left button {
  margin: 0;
  margin-right: 10px;
}
.message-admin .message-wrapper .message-body .form-button .gap {
  flex: auto;
}
.message-admin .message-wrapper .message-body .form-button .right {
  display: flex;
}
.message-admin .message-wrapper .message-body .form-button button {
  margin-left: 10px;
  height: 45px;
  font-size: 14px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #231f20;
  border: 1px solid #231f20;
  background: none;
}
.message-admin .message-wrapper .message-body .form-button button svg {
  margin-right: 8px;
}
.message-admin .message-wrapper .message-body .form-button button[color=primary] {
  color: #fff;
  background-color: #024de3;
  border: none;
}
.message-admin .message-wrapper .message-body .form-button button[color=danger] {
  color: #fff;
  background-color: #ff3838;
  border: none;
}
.message-admin .message-wrapper .message-body .form-button button.icon {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.message-admin .message-wrapper .message-body .form-button button.icon svg {
  margin: 0;
}
.message-admin .message-wrapper .message-body .form-button button.icon.right svg {
  margin: 0;
  margin-left: 8px;
}
.message-admin .message-wrapper .message-footer {
  height: 40px;
}

.file-manager-wrapper {
  width: 1000px;
  height: 85vh;
  min-width: 800px;
  max-height: 700px;
  display: flex;
  flex-direction: column;
}
.file-manager-wrapper.full-page {
  padding: 25px;
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
  box-sizing: border-box;
}
.file-manager-wrapper .file-manager-header {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: space-between;
}
.file-manager-wrapper .file-manager-header .label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.file-manager-wrapper .file-manager-header .label span {
  font-size: 24px;
  color: #231f20;
  font-weight: 700;
}
.file-manager-wrapper .file-manager-header button {
  background: rgba(255, 56, 56, 0.1);
  color: #ff3838;
  height: 40px;
  border-radius: 25px;
  margin-left: 10px;
}
.file-manager-wrapper .file-manager-header button svg {
  margin-right: 5px;
}
.file-manager-wrapper .file-manager-body {
  width: calc(100% + 15px);
  height: calc(100% - 90px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-right: 15px;
}
.file-manager-wrapper .file-manager-body .file-side {
  height: calc(100% - 50px);
  display: flex;
}
.file-manager-wrapper .file-manager-body .breadcrumb {
  height: 30px;
  display: flex;
  align-items: center;
}
.file-manager-wrapper .file-manager-body .breadcrumb span {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  color: #989898;
}
.file-manager-wrapper .file-manager-body .breadcrumb span:first-child {
  font-weight: 500;
  background: rgba(2, 77, 227, 0.1);
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 13px;
  color: #024de3;
}
.file-manager-wrapper .file-manager-body .breadcrumb span svg {
  width: 20px;
  min-width: 20px;
  height: auto;
  line-height: 0;
  color: #024de3;
}
.file-manager-wrapper .file-manager-body .breadcrumb span svg.folder-icon {
  margin-right: 5px;
  color: #e5e5e5;
}
.file-manager-wrapper .file-manager-body .breadcrumb span:hover {
  color: #024de3;
}
.file-manager-wrapper .file-manager-body .file-menu-list {
  height: auto;
  width: 100%;
  overflow-x: hidden;
  min-width: 200px;
  width: 200px;
  padding-right: 20px;
  border-right: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.file-manager-wrapper .file-manager-body .file-menu-list > * {
  width: calc(100% + 10px);
  margin-left: -5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.file-manager-wrapper .file-manager-body .file-menu-list > * > * {
  width: calc((100% / 1) - 10px - (0px * 2));
  margin: 5px;
  box-sizing: border-box;
}
.file-manager-wrapper .file-manager-body .file-menu-list .file-menu-row .file-menu-item {
  padding: 10px 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 5px;
  cursor: pointer;
  color: #989898;
}
.file-manager-wrapper .file-manager-body .file-menu-list .file-menu-row .file-menu-item span {
  font-size: 14px;
  font-weight: 500;
}
.file-manager-wrapper .file-manager-body .file-menu-list .file-menu-row .file-menu-item.active {
  background: rgba(2, 77, 227, 0.1);
  color: #024de3;
}
.file-manager-wrapper .file-manager-body .file-menu-list .file-menu-row .file-menu-item .gap {
  flex: auto;
}
.file-manager-wrapper .file-manager-body .file-menu-list .file-menu-row .file-menu-item svg {
  width: 20px;
  margin-right: 5px;
}
.file-manager-wrapper .file-manager-body .file-list {
  width: calc(100% - 200px);
  height: auto;
  padding-left: 20px;
}
.file-manager-wrapper .file-manager-body .file-list .action {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
  height: 40px;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  padding: 5px 5px;
  border-radius: 5px;
  width: 250px;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row input,
.file-manager-wrapper .file-manager-body .file-list .action .form-row select {
  display: flex;
  align-items: center;
  border: none;
  padding-left: 5px;
  box-sizing: border-box;
  width: calc(100% - 24px);
  font-size: 14px;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row input:focus,
.file-manager-wrapper .file-manager-body .file-list .action .form-row select:focus {
  outline: none;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row input::-moz-placeholder, .file-manager-wrapper .file-manager-body .file-list .action .form-row select::-moz-placeholder {
  color: #989898;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row input:-ms-input-placeholder, .file-manager-wrapper .file-manager-body .file-list .action .form-row select:-ms-input-placeholder {
  color: #989898;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row input::placeholder,
.file-manager-wrapper .file-manager-body .file-list .action .form-row select::placeholder {
  color: #989898;
}
.file-manager-wrapper .file-manager-body .file-list .action .form-row svg {
  color: #989898;
}
.file-manager-wrapper .file-manager-body .file-list .action .gap {
  flex: auto;
}
.file-manager-wrapper .file-manager-body .file-list .action button {
  background: rgba(0, 199, 83, 0.1);
  color: #00c753;
  border-radius: 5px;
  margin-left: 10px;
  padding: 10px 15px;
}
.file-manager-wrapper .file-manager-body .file-list .action button.reload {
  background: rgba(2, 77, 227, 0.1);
  color: #024de3;
}
.file-manager-wrapper .file-manager-body .file-list .action button.danger {
  background: rgba(255, 56, 56, 0.1);
  color: #ff3838;
}
.file-manager-wrapper .file-manager-body .file-list .action button.full-fill {
  background: #00c753;
  color: #fff;
}
.file-manager-wrapper .file-manager-body .file-list .action button.full-fill.danger {
  background: #ff3838;
}
.file-manager-wrapper .file-manager-body .file-list .action button.full-fill.reload {
  background: #024de3;
}
.file-manager-wrapper .file-manager-body .file-list .action button svg {
  font-size: 20px;
  width: 20px;
  margin-right: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .action button span {
  font-size: 14px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper {
  width: calc(100% + 10px);
  margin-right: -10px;
  height: 100%;
  padding-right: 10px;
  padding-bottom: 60px;
  overflow-y: auto;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  transition: 0.2s;
  padding: 10px;
  border-radius: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item.selected {
  background: rgba(2, 77, 227, 0.1);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item:hover {
  background: rgba(2, 77, 227, 0.1);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item:hover .select-folder-icon {
  opacity: 1;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .img {
  width: 100%;
  height: auto;
  min-height: 100px;
  overflow: hidden;
  border-radius: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.select-folder-icon {
  padding-top: 10px;
  padding-bottom: 5px;
  position: absolute;
  right: -34px;
  top: -5px;
  width: 100px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  background: #024de3;
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.2s;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.select-folder-icon svg {
  width: 20px;
  height: auto;
  color: white;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.select-folder-icon div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 14px;
  background: unset;
  border: 2px solid #fff;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  line-height: normal;
  font-weight: 700;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.selected-folder-icon {
  padding-top: 10px;
  padding-bottom: 5px;
  position: absolute;
  right: -34px;
  top: -5px;
  width: 100px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  background: #024de3;
  transform: rotate(45deg);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.selected-folder-icon svg {
  width: 20px;
  height: auto;
  color: white;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item div.selected-folder-icon div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 14px;
  background: white;
  border: 2px solid #fff;
  color: #ff3838;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  line-height: normal;
  font-weight: 700;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name {
  width: 100%;
  padding: 5px 5px;
  box-sizing: border-box;
  text-align: center;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name span {
  font-size: 12px;
  font-weight: 500;
  color: #231f20;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name span, .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 2) {
  .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name span, .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .folder-row .folder-item .name span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  transition: 0.2s;
  padding: 5px;
  border-radius: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item.selected {
  background: rgba(2, 77, 227, 0.1);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item:hover {
  background: rgba(2, 77, 227, 0.1);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item:hover .select-file-icon {
  opacity: 1;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .img {
  width: 100%;
  height: 100px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background: #e5e5e5;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.select-file-icon {
  padding-top: 10px;
  padding-bottom: 5px;
  position: absolute;
  right: -34px;
  top: -5px;
  width: 100px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  background: #024de3;
  transform: rotate(45deg);
  opacity: 0;
  transition: 0.2s;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.select-file-icon svg {
  width: 20px;
  height: auto;
  color: white;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.select-file-icon div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 14px;
  background: unset;
  border: 2px solid #fff;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  line-height: normal;
  font-weight: 700;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.selected-file-icon {
  padding-top: 10px;
  padding-bottom: 5px;
  position: absolute;
  right: -34px;
  top: -5px;
  width: 100px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  background: #024de3;
  transform: rotate(45deg);
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.selected-file-icon svg {
  width: 20px;
  height: auto;
  color: white;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item div.selected-file-icon div {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  font-size: 14px;
  background: white;
  border: 2px solid #fff;
  color: #ff3838;
  transform: rotate(-45deg);
  display: grid;
  place-items: center;
  line-height: normal;
  font-weight: 700;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name {
  width: 100%;
  padding: 5px 5px;
  box-sizing: border-box;
  text-align: center;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name span {
  font-size: 12px;
  font-weight: 500;
  color: #231f20;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name span, .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 2) {
  .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name span, .file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .file-row .file-item .name span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .skeleton-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  /* skeleton animation */
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .skeleton-row .skeleton {
  background: linear-gradient(90deg, hsl(210deg, 15%, 88%), hsl(210deg, 15%, 95%), hsl(210deg, 15%, 88%));
  background-size: 200%;
  animation: loader 1s infinite reverse;
  overflow: hidden;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .skeleton-row .skeleton-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  transition: 0.2s;
  padding: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(220, 224, 229, 0.2), rgba(240, 242, 244, 0.2), rgba(220, 224, 229, 0.2));
  animation: loader 1s infinite reverse;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .skeleton-row .skeleton-item .img {
  width: 100%;
  height: 80px;
  border-radius: 5px;
}
.file-manager-wrapper .file-manager-body .file-list .file-list-wrapper .skeleton-row .skeleton-item .name {
  width: 100%;
  padding: 5px 0;
  margin-top: 5px;
  box-sizing: border-box;
  border-radius: 5px;
}
@-webkit-keyframes loader {
  from {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
@keyframes loader {
  from {
    background-position: -100% 0;
  }
  to {
    background-position: 100% 0;
  }
}
.file-manager-wrapper .file-manager-footer {
  padding-top: 10px;
  height: 50px;
  background: #fff;
  z-index: 1;
}
.file-manager-wrapper .file-manager-footer .file-manager-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
}
.file-manager-wrapper .file-manager-footer .file-manager-button button {
  background: rgba(255, 56, 56, 0.1);
  color: #ff3838;
  height: 40px;
  border-radius: 25px;
  margin-left: 10px;
}
.file-manager-wrapper .file-manager-footer .file-manager-button button.save {
  background: #024de3;
  color: #fff;
}
.file-manager-wrapper .file-manager-footer .file-manager-button button.success {
  background: #00c753;
  color: #fff;
}
.file-manager-wrapper .file-manager-footer .file-manager-button button.danger {
  background: #ff3838;
  color: #fff;
}
.file-manager-wrapper .file-manager-footer .file-manager-button button svg {
  margin-right: 5px;
}

.context-menu {
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 180px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
.context-menu .context-menu-item {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  padding: 0 10px;
  box-sizing: border-box;
  cursor: pointer;
  color: #231f20;
}
.context-menu .context-menu-item:last-child {
  border-bottom: none;
}
.context-menu .context-menu-item svg {
  width: 20px;
  height: 20px;
}
.context-menu .context-menu-item span {
  font-size: 14px;
}
.context-menu .context-menu-item.danger {
  color: #ff3838;
}
.context-menu .context-menu-item:hover {
  background: rgba(35, 31, 32, 0.1);
}

.tooltipX {
  z-index: 99999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(35, 31, 32, 0.7);
  border-radius: 5px;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  padding: 5px 10px;
}
.tooltipX p {
  font-size: 12px;
  color: #fff;
  margin: 0;
  text-align: left;
}

.loading {
  width: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading.load-top {
  min-height: unset;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.7);
}
.loading span {
  margin-top: 10px;
  color: #024de3;
}
.loading.loadingSubmit {
  min-height: auto !important;
  width: auto !important;
}
.loading.loadingSubmit span {
  margin-top: 0 !important;
}
.loading.loadingSubmit #spinner {
  width: 25px !important;
  height: 25px !important;
}
.loading #spinner {
  width: 45px;
  height: 45px;
  border: 4px solid rgba(2, 77, 227, 0.1);
  border-top: 4px solid #024de3;
  border-radius: 50%;
}
.loading #spinner {
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 1.2s;
  -webkit-animation-name: rotate;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-transition-property: -moz-transform;
  -moz-animation-name: rotate;
  -moz-animation-duration: 1.2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  transition-property: transform;
  animation-name: rotate;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.loadingShimmerLayout {
  font-size: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.6196078431);
  padding: 15px;
  border-radius: 10px;
  color: black;
  margin-bottom: 15px;
}
.loadingShimmerLayout .itemLoad {
  display: flex;
  align-items: flex-start;
}
.loadingShimmerLayout .itemLoad .imgBox {
  width: 80px;
  height: 90px;
  border-radius: 10px;
  margin-right: 10px;
  border: 1px solid rgba(224, 224, 224, 0.768627451);
  background: #e0e0e0;
  position: relative;
  overflow: hidden;
}
.loadingShimmerLayout .itemLoad .textItemGp {
  flex: 1;
}
.loadingShimmerLayout .itemLoad .textItemGp .lineBox {
  width: 100%;
  height: 8px;
  border-radius: 10px;
  background: #e0e0e0;
  margin-bottom: 8px;
  position: relative;
  overflow: hidden;
}
.loadingShimmerLayout .itemLoad .textItemGp .lineBox-2 {
  width: 70%;
  height: 8px;
  border-radius: 10px;
  background: #e0e0e0;
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
.loadingShimmerLayout .itemLoad .textItemGp .lineBox-2:last-child {
  margin-bottom: 0;
}
.loadingShimmerLayout .btnActionOrderAddCartGp {
  padding-top: 10px;
}
.loadingShimmerLayout .btnActionOrderAddCartGp .addCart {
  padding: 0;
  height: 28px;
  background: #e0e0e0;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.loadingShimmerLayout:last-child {
  margin-bottom: 0;
}

.loadingShimmerLayout .itemLoad .imgBox::before,
.loadingShimmerLayout .itemLoad .textItemGp .lineBox::before,
.loadingShimmerLayout .itemLoad .textItemGp .lineBox-2::before,
.loadingShimmerLayout .btnActionOrderAddCartGp .addCart::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, #d9d9d9 0%, #888b94 20%, #d9d9d9 40%, #d9d9d9 100%);
  background-size: 450px 400px;
  background-repeat: no-repeat;
  -webkit-animation: shimmer 1.4s linear infinite;
          animation: shimmer 1.4s linear infinite;
}

.loadingShimmerLayout .itemLoad .textItemGp .lineBox::before,
.loadingShimmerLayout .itemLoad .textItemGp .lineBox-2::before,
.loadingShimmerLayout .btnActionOrderAddCartGp .addCart::before {
  -webkit-animation-delay: 0.29s;
          animation-delay: 0.29s;
}

@-webkit-keyframes shimmer {
  0% {
    background-position: -450px 0;
  }
  100% {
    background-position: 450px 0;
  }
}

@keyframes shimmer {
  0% {
    background-position: -450px 0;
  }
  100% {
    background-position: 450px 0;
  }
}
.data-empty-container {
  width: 100%;
  display: block;
  padding: 100px 0;
}
.data-empty-container .data-empty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}
.data-empty-container .data-empty-wrapper .image {
  width: auto;
  height: 200px;
}
.data-empty-container .data-empty-wrapper .image img {
  height: 100%;
}
.data-empty-container .data-empty-wrapper .message {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.data-empty-container .data-empty-wrapper .message .title {
  color: #333;
  font-size: 18px;
  font-weight: 700;
}
.data-empty-container .data-empty-wrapper .message .des {
  font-size: 14px;
  color: #989898;
}
.data-empty-container .data-empty-wrapper .message button {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
  border: unset;
  background: #024de3;
  border: unset;
  color: #fff;
  margin-top: 10px;
}
.data-empty-container .data-empty-wrapper .message button span {
  font-size: 13px;
}
.data-empty-container .data-empty-wrapper .message button svg {
  width: 18px;
  height: 18px;
  line-height: 0;
  margin-right: 5px;
}

.no-permission-container {
  width: 100%;
  height: 100vh;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #333;
  justify-content: center;
}
.no-permission-container .no-permission-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  box-sizing: border-box;
  padding: 30px 100px;
  border-radius: 8px;
}
.no-permission-container .no-permission-wrapper .image {
  width: 300px;
  height: 300px;
}
.no-permission-container .no-permission-wrapper .image img {
  width: 100%;
}
.no-permission-container .no-permission-wrapper .message {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.no-permission-container .no-permission-wrapper .message h1 {
  font-size: 120px;
  color: #fff;
  margin: 0;
  line-height: normal;
}
.no-permission-container .no-permission-wrapper .message .title {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
.no-permission-container .no-permission-wrapper .message .des {
  font-size: 14px;
  color: #fff;
}
.no-permission-container .no-permission-wrapper .message button {
  border: 1px solid #ccc;
  background: #fff;
  border: unset;
  background: #024de3;
  border: unset;
  color: #fff;
  margin-top: 15px;
  background-color: #ff3838;
  border-radius: 5px;
}
.no-permission-container .no-permission-wrapper .message button span {
  font-size: 13px;
}
.no-permission-container .no-permission-wrapper .message button svg {
  width: 18px;
  height: 18px;
  line-height: 0;
  margin-right: 5px;
}

.login {
  width: 100%;
  height: 100vh;
  background: #F3F4F8;
  overflow-y: auto;
}
.login .login-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 2;
  position: relative;
}
.login .login-wrapper .login-header {
  width: 100%;
  padding: 15px 0;
  display: flex;
  box-sizing: border-box;
  background: #fff;
  justify-content: center;
  align-items: center;
}
.login .login-wrapper .login-header .logo {
  height: 70px;
  width: 70px;
  margin-right: 5px;
}
.login .login-wrapper .login-header span {
  font-size: 24px;
  font-weight: 600;
}
.login .login-wrapper .form-container {
  width: 400px;
  height: 100%;
  min-height: 500px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  justify-content: center;
}
.login .login-wrapper .form-container .form {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background: #fff;
  padding: 0px 0px 40px 0px;
  border-radius: 15px;
  border-top: 5px solid #3A3A3C;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.login .login-wrapper .form-container .form .title {
  font-size: 24px;
  text-align: center;
  color: #333;
}
.login .login-wrapper .form-container .form .form-wrapper {
  padding: 0 50px;
  box-sizing: border-box;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: black;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row label svg {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row label span.required {
  color: #fa5555;
  margin-right: 4px;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row input {
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 15px;
  box-sizing: border-box;
  color: #231f20;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 20px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  box-sizing: border-box;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row input::-moz-placeholder {
  color: #b7bac1;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row input:-ms-input-placeholder {
  color: #b7bac1;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row input::placeholder {
  color: #b7bac1;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row input.error-input {
  border-color: #fa5555;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .group-input {
  width: 100%;
  display: flex;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 15px;
  height: 40px;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .group-input input {
  flex: auto;
  height: 100%;
  padding-right: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .group-input .group-item {
  min-width: 50px;
  height: 100%;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .group-input .group-item span {
  display: grid;
  place-items: center;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .group-input .group-item span svg {
  width: 20px;
  height: 20px;
}
.login .login-wrapper .form-container .form .form-wrapper .form-row .error {
  color: #ff7d7d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.login .login-wrapper .form-container .form .form-wrapper .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  margin-top: 20px;
}
.login .login-wrapper .form-container .form .form-wrapper .option.no-remember {
  justify-content: center;
}
.login .login-wrapper .form-container .form .form-wrapper .option .remember-me {
  font-size: 14px;
  color: #989898;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.login .login-wrapper .form-container .form .form-wrapper .option .remember-me input {
  margin-right: 5px;
}
.login .login-wrapper .form-container .form .form-wrapper .option .link-label {
  margin: 0;
  text-align: right;
  color: #024de3;
  font-size: 14px;
}
.login .login-wrapper .form-container .form .form-wrapper .option .link-label span {
  cursor: pointer;
}
.login .login-wrapper .form-container .form .form-wrapper .option .link-label span:hover {
  text-decoration: underline;
}
.login .login-wrapper .form-container .form .form-wrapper .q-label {
  font-size: 14px;
}
.login .login-wrapper .form-container .form .form-wrapper .q-label span {
  color: #409eff;
  font-weight: 500;
  margin-left: 5px;
  cursor: pointer;
}
.login .login-wrapper .form-container .form .form-wrapper .q-label span:hover {
  text-decoration: underline;
}
.login .login-wrapper .form-container .form .form-wrapper .btn-submit-form {
  min-width: 70%;
  background-color: #024de3;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  margin: 0 auto;
}
.login .login-wrapper .form-container .form .q-label-error {
  margin-top: 20px;
  font-size: 14px;
  color: #ff3838;
  font-weight: 500;
  text-align: center;
}
.login .login-wrapper .form-container .form .q-label-error.success {
  color: #024de3;
}
.login .login-footer {
  fill: #024de3;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.copy-right {
  position: fixed;
  right: 10px;
  bottom: 10px;
  color: #fff;
  z-index: 10;
  font-size: 12px;
  font-weight: 500;
}
.copy-right a {
  color: #fff;
  text-decoration: underline;
}

.pick-me {
  padding: 10px;
  box-sizing: border-box;
  background: #f0f0f0;
  border-radius: 5px;
  max-height: 100%;
}
.pick-me .pick-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.pick-me .pick-header h3 {
  flex: auto;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  background: #231f20;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  cursor: pointer;
}
.pick-me .pick-header svg {
  width: 25px;
  cursor: pointer;
}
.pick-me .pick-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  max-height: 100%;
}
.pick-me .pick-wrapper.pick-year {
  grid-template-columns: repeat(3, 1fr);
}
.pick-me .pick-wrapper .pick-group {
  max-height: 230px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  overflow-y: auto;
  box-sizing: border-box;
  padding-right: 5px;
}
.pick-me .pick-wrapper .pick-item {
  cursor: pointer;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
.pick-me .pick-wrapper .pick-item svg {
  width: 15px;
  position: absolute;
  left: 3px;
}
.pick-me .pick-wrapper .pick-item.picked {
  background: #231f20;
  color: #fff;
}

.custom-error {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.custom-error .image {
  width: auto;
  height: 250px;
}
.custom-error .image img {
  width: 100%;
  height: 100%;
}
.custom-error h1 {
  line-height: normal;
  margin: 10px 0;
}
.custom-error p {
  margin: 0;
  margin-bottom: 15px;
}

#mapLocation {
  height: 350px !important;
  border-radius: 5px;
  border: 1px dashed #d9d9d9 !important;
  width: 100%;
  padding: 0;
  margin: 0;
}

div button.gm-control-active {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 100% !important;
}
div button.gm-fullscreen-control {
  max-width: 40px !important;
  width: 40px !important;
  min-width: 40px !important;
}

.gm-style-mtc button {
  margin-right: 10px !important;
}

#shop-form .user-info {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
#shop-form .user-info .row-2 {
  width: 100%;
}
#shop-form .user-info .row {
  width: 300px;
  margin-left: 20px;
}
#shop-form .add-input {
  background-color: #024de3;
  padding: 5px;
}
#shop-form .add-input span {
  font-size: 0.8rem !important;
}
#shop-form .add-input span svg {
  width: 1rem;
  margin-right: 0.3rem;
}
#shop-form .shop-image {
  display: grid;
  grid-template-columns: minmax(200px, 25%) 1fr;
  gap: 16px;
}
#shop-form #phone-number {
  width: 100%;
  display: flex;
  flex-direction: column;
}
#shop-form .input-button-group {
  display: flex;
  width: 100%;
  margin: 3px auto;
  position: relative;
}
#shop-form .input-button-group input {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  margin-right: 8px;
}
#shop-form .input-button-group a {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  cursor: pointer;
}
#shop-form .input-button-group a span {
  font-size: 1rem;
}
#shop-form .input-button-group a .icon {
  width: 24px;
}
#shop-form .input-button-group a.remove-input {
  color: red;
}
#shop-form .input-button-group a.remove-input:hover {
  opacity: 0.6;
}
#shop-form #mapLocation {
  height: 350px !important;
  border-radius: 5px;
  border: 1px dashed #d9d9d9 !important;
  width: 100%;
  padding: 0;
  margin: 0;
}
#shop-form .form-group-input label {
  margin-top: 6px;
}

#popup-container {
  display: flex;
  flex-direction: column;
}
#popup-container .popup-header {
  font-size: 1rem;
}
#popup-container .popup-body {
  flex-grow: 1;
}
#popup-container .popup-body #qr-code-form {
  min-width: 300px;
}
#popup-container .popup-body #qr-code-form .input-group {
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
}
#popup-container .popup-body #qr-code-form .input-group input {
  border: 1px solid rgba(128, 128, 128, 0.5) !important;
  padding: 5px;
  width: 100%;
}
#popup-container .popup-body #qr-code-form .input-group .generate-btn {
  background-color: #024de3;
  font-size: 0.9rem;
  color: #fff;
  padding: 6px 16px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
#popup-container .popup-body #qr-code-form .input-group .generate-btn:hover {
  opacity: 0.8;
}
#popup-container .popup-body #qr-code-form .input-group .generate-btn:active {
  transform: scale(0.98);
}
#popup-container .popup-body #qr-code-form img {
  width: 100%;
  height: 300px;
  padding: 3px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px dashed rgba(128, 128, 128, 0.5);
  margin: 10px auto;
  border-radius: 6px;
}
#popup-container .popup-footer button {
  background-color: #ff3838 !important;
}

#order-container .form-wrapper {
  max-width: none;
}
#order-container .form-wrapper .order-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eee;
  margin-bottom: 0.5rem;
}
#order-container .form-wrapper .order-header .invoice {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  font-weight: 500;
}
#order-container .form-wrapper .order-header .option {
  display: flex;
}
#order-container .form-wrapper .order-header .option button {
  font-size: 0.8rem;
  margin: 0.1rem;
}
#order-container .form-wrapper .order-header .option button svg {
  width: 0.9rem;
  margin: auto 0.15rem;
}
#order-container .form-wrapper .order-header .option button.option-primary {
  background-color: #024de3 !important;
}
#order-container .form-wrapper .order-header .option button.option-success {
  background-color: #00c753 !important;
}
#order-container .form-wrapper .order-header .option button.option-danger {
  background-color: #ff3838 !important;
}
#order-container .form-wrapper .order-header .option button.option-dark {
  background-color: #231f20 !important;
}
#order-container .form-wrapper .order-contact {
  display: flex;
  justify-content: space-between;
}
#order-container .form-wrapper .order-contact .user-profile {
  display: flex;
  max-width: 500px;
}
#order-container .form-wrapper .order-contact .user-profile .profile-image {
  min-width: 145px;
  height: 145px;
  padding: 0.15rem;
  border-radius: 0.1rem;
  background-color: #eee;
  overflow: hidden;
}
#order-container .form-wrapper .order-contact .user-profile .profile-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#order-container .form-wrapper .order-contact .user-profile .profile-description {
  margin: 0 1rem;
  width: 100%;
}
#order-container .form-wrapper .order-contact .user-profile .profile-description .profile-item {
  margin-bottom: 0.4rem;
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
}
#order-container .form-wrapper .order-contact .user-profile .profile-description .profile-item .header {
  font-size: 0.9;
  padding: 0;
  font-weight: 600;
}
#order-container .form-wrapper .order-contact .user-profile .profile-description .profile-item svg {
  margin-right: 0.5rem;
  width: 0.9rem;
}
#order-container .form-wrapper .table {
  border-radius: 0.2rem;
  margin: 1.2rem auto;
  font-size: 0.8rem;
}
#order-container .form-wrapper .table .shop-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.4rem 0;
}
#order-container .form-wrapper .table .shop-info a {
  display: flex;
  align-items: center;
  font-size: 1.06rem;
  font-weight: 500;
  cursor: pointer;
}
#order-container .form-wrapper .table .shop-info a:hover {
  color: #024de3;
}
#order-container .form-wrapper .table .shop-info a svg {
  width: 1.06rem;
  margin-right: 0.3rem;
}
#order-container .form-wrapper .table .shop-info button {
  font-size: 0.8rem;
  margin: 0.1rem;
}
#order-container .form-wrapper .table .shop-info button svg {
  width: 0.9rem;
  margin: auto 0.15rem;
}
#order-container .form-wrapper .table .shop-info button.option-dark {
  background-color: #231f20 !important;
}
#order-container .form-wrapper .table .table-wrapper {
  padding: 0;
}
#order-container .form-wrapper .table .table-wrapper .table-header {
  padding: 0.5rem 1rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #eee;
}
#order-container .form-wrapper .table .table-wrapper .table-header .row span {
  font-size: 0.8rem;
}
#order-container .form-wrapper .table .table-wrapper .table-header.bottom {
  border: none;
}
#order-container .form-wrapper .table .table-wrapper .table-header.bottom .table-row-10 {
  display: flex;
  justify-content: space-between;
}
#order-container .form-wrapper .table .table-wrapper .table-header.bottom .table-row-10 span {
  font-size: 0.9rem;
  line-height: 0;
}
#order-container .form-wrapper .table .table-wrapper .table-header.bottom .table-row-15 span {
  font-weight: 1rem;
  font-weight: 500;
}
#order-container .form-wrapper .table .table-wrapper .table-header .border-top {
  border-top: 1px solid #eee;
  padding-top: 0.5rem;
}
#order-container .form-wrapper .table .table-wrapper .table-body {
  border-bottom: 1px solid #eee;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column .product-column {
  display: flex;
  align-items: center;
  padding: 0 2rem;
  cursor: pointer;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column .product-column .thumbnail {
  max-width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column .product-column .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column .product-column .product-content {
  margin-left: 1rem;
}
#order-container .form-wrapper .table .table-wrapper .table-body .column .product-column .product-content .span {
  font-size: 0.8rem;
}
#order-container .form-wrapper .table .left {
  text-align: end;
}

.invoice-printer {
  background-color: #fff;
  width: 100%;
  font-size: 1rem;
  font-family: sans-serif;
  display: none;
  flex-direction: column;
}
.invoice-printer .pdfwebinfo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
}
.invoice-printer .pdfwebinfo .company-info {
  display: flex;
  flex-direction: column;
}
.invoice-printer .pdfwebinfo .company-info img {
  width: 230px;
  height: 120px;
  -o-object-fit: contain;
     object-fit: contain;
}
.invoice-printer .pdfwebinfo .invoice-detail {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  min-width: 330px;
}
.invoice-printer .pdfwebinfo .invoice-detail span {
  text-align: center;
}
.invoice-printer .pdfwebinfo .invoice-detail span.title {
  font-size: 0.9rem;
  font-weight: 600;
  background-color: rgb(36, 72, 159);
  color: #fff;
  padding: 1px 5px;
  margin-bottom: 10px;
}
.invoice-printer .pdfdetail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.invoice-printer .detail-list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 330px;
}
.invoice-printer .detail-list span {
  display: flex;
  align-items: flex-start;
  font-size: 0.9rem;
  padding: 2px;
}
.invoice-printer .detail-list svg {
  min-width: 0.9rem;
  width: 0.9rem;
  margin-right: 0.2rem;
}
.invoice-printer .detail-list .head {
  font-size: 0.9rem;
  font-weight: 600;
  background-color: rgb(36, 72, 159);
  color: #fff;
  padding: 1px 5px;
  margin-bottom: 10px;
}
.invoice-printer .detail-list .subhead {
  font-weight: 500;
  font-size: 1rem;
}
.invoice-printer .detail-list.invoice-detail span {
  display: flex;
  justify-content: flex-end;
}
.invoice-printer .table {
  border: 1px solid #eee;
  border-radius: 0.2rem;
  font-size: 0.9rem;
  font-weight: 500;
}
.invoice-printer .table .table-wrapper {
  padding: 0;
}
.invoice-printer .table .table-wrapper .table-header {
  padding: 0.5rem 1rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.invoice-printer .table .table-wrapper .table-header .row span {
  font-size: 0.9rem;
}
.invoice-printer .table .table-wrapper .table-header.bottom {
  border: none;
}
.invoice-printer .table .table-wrapper .table-header.bottom .table-row-10 {
  display: flex;
  justify-content: space-between;
}
.invoice-printer .table .table-wrapper .table-header.bottom .table-row-70 {
  text-align: left;
}
.invoice-printer .table .table-wrapper .table-header.bottom .table-row-70 .content {
  display: block;
  font-weight: 500;
  max-width: 400px;
}
.invoice-printer .table .table-wrapper .table-body {
  overflow-y: hidden;
}
.invoice-printer .table .table-wrapper .table-body .column {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.invoice-printer .table .table-wrapper .table-body .column .product-column {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.invoice-printer .table .table-wrapper .table-body .column .product-column .thumbnail {
  max-width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
}
.invoice-printer .table .table-wrapper .table-body .column .product-column .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.invoice-printer .table .table-wrapper .table-body .column .product-column .product-content .span {
  font-size: 0.9rem;
}
.invoice-printer .table .table-wrapper .left {
  text-align: end;
}
.invoice-printer .invoice-botton {
  display: flex;
  justify-content: space-between;
}
.invoice-printer .invoice-botton .notice p {
  padding: 0;
  margin: 0;
  font-size: 0.9rem;
  max-width: 400px;
}
.invoice-printer .invoice-botton .notice p.header {
  font-size: 1rem;
  font-weight: 500;
}
.invoice-printer .invoice-botton .sum-total {
  width: 200px;
}
.invoice-printer .invoice-botton .sum-total p {
  display: flex;
  justify-content: space-between;
}
.invoice-printer .invoice-botton .sum-total p .head {
  font-weight: 500;
}

.Toast {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.Toast .Toast-container {
  background: linear-gradient(335deg, #90f7ec 0%, #32ccbc 100%);
  width: 380px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 15px 18px;
  max-height: 95vh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  color: #fff;
  box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
  box-sizing: border-box;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}
.Toast .Toast-container[status=success] {
  background: linear-gradient(335deg, #90f7ec 0%, #32ccbc 100%);
}
.Toast .Toast-container[status=danger] {
  background: linear-gradient(335deg, #feb692 0%, #ea5455 100%);
}
.Toast .Toast-container[status=warning] {
  background: linear-gradient(335deg, #fdeb71 0%, #f8d600 100%);
}
.Toast .Toast-container[status=info] {
  background: linear-gradient(335deg, #abdcff 0%, #0396ff 100%);
}
.Toast .Toast-container .Toast-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.Toast .Toast-container .Toast-header h3 {
  margin: 0;
  line-height: normal;
  font-size: 16px;
  font-weight: 600;
}
.Toast .Toast-container .Toast-header h3, .Toast .Toast-container .Toast-header h3 > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 1) {
  .Toast .Toast-container .Toast-header h3, .Toast .Toast-container .Toast-header h3 > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.Toast .Toast-container .Toast-header .button-close {
  width: 20px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 20px;
  border-radius: 50%;
  font-size: 20px;
  background: unset;
  padding: 0;
}
.Toast .Toast-container .Toast-header .button-close svg {
  width: 100%;
  height: 100%;
}
.Toast .Toast-container .Toast-body {
  width: 100%;
}
.Toast .Toast-container .Toast-body p {
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 14px;
  word-break: break-all;
}
.Toast .Toast-container .duration-bar {
  width: 100%;
  height: 3px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
}

.select-option {
  display: flex;
  flex-direction: column;
}
.select-option .select-option-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.select-option .select-option-header h3 {
  margin: 0;
  line-height: normal;
  font-size: 18px;
}
.select-option .select-option-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.select-option .select-option-header button.btn-close {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.select-option .select-option-header button.btn-close svg {
  width: 24px;
  height: 24px;
  color: #ff3838;
}
.select-option .select-option-body {
  padding: 15px 0;
}
.select-option .select-option-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.select-option .select-option-body .form-row.no-label {
  margin: 0;
}
.select-option .select-option-body .form-row * {
  line-height: normal;
}
.select-option .select-option-body .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.select-option .select-option-body .form-row label span {
  color: #fa5555;
  margin-left: 4px;
}
.select-option .select-option-body .form-row .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.select-option .select-option-body .form-row > input,
.select-option .select-option-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.select-option .select-option-body .form-row > input::-moz-placeholder, .select-option .select-option-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.select-option .select-option-body .form-row > input:-ms-input-placeholder, .select-option .select-option-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.select-option .select-option-body .form-row > input::placeholder,
.select-option .select-option-body .form-row select::placeholder {
  color: #b7bac1;
}
.select-option .select-option-body .form-row > input.required,
.select-option .select-option-body .form-row select.required {
  border-color: #fa5555;
}
.select-option .select-option-body p {
  color: #231f20;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
}
.select-option .select-option-body .data-list {
  width: 100%;
  max-height: 300px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  overflow-y: scroll;
  gap: 5px;
  padding: 1px 0 1px 1px;
}
.select-option .select-option-body .data-list .data-list-item {
  display: flex;
  gap: 10px;
  cursor: pointer;
  transition: background 0.2s;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-right: 10px;
  overflow: hidden;
  min-height: 90px;
}
.select-option .select-option-body .data-list .data-list-item:hover {
  background: rgba(2, 77, 227, 0.05);
}
.select-option .select-option-body .data-list .data-list-item:hover .title p {
  color: #024de3;
}
.select-option .select-option-body .data-list .data-list-item.selected {
  background: rgba(2, 77, 227, 0.05);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.select-option .select-option-body .data-list .data-list-item .img {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  overflow: hidden;
  overflow: hidden;
  border: 1px solid rgba(224, 224, 224, 0.7019607843);
}
.select-option .select-option-body .data-list .data-list-item .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.select-option .select-option-body .data-list .data-list-item .title {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.select-option .select-option-body .data-list .data-list-item .title * {
  margin: 0;
  padding: 0;
}
.select-option .select-option-body .data-list .data-list-item .title p {
  font-size: 16px;
  font-weight: 500;
  transition: color 0.2s;
}
.select-option .select-option-body .data-list .data-list-item .title span {
  font-size: 14px;
}
.select-option .select-option-body .data-list .data-list-item .selected-file-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
}
.select-option .select-option-body .data-list .data-list-item .selected-file-icon div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  border: 1px solid #024de3;
  display: grid;
  place-items: center;
  line-height: normal;
  font-weight: 700;
}
.select-option .select-option-body .data-list .data-list-item .selected-file-icon div.selected {
  background: #024de3;
  color: #fff;
}
.select-option .select-option-footer {
  display: flex;
  justify-content: flex-end;
}
.select-option .select-option-footer button {
  background: #024de3;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
}
.select-option .select-option-footer button.close {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.8);
}
.select-option .select-option-footer button .loader {
  margin-left: 5px;
  font-size: 10px;
  text-indent: -9999em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  transform: translateZ(0);
}
.select-option .select-option-footer button .loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.select-option .select-option-footer button .loader:after {
  background: rgb(224, 224, 224) !important;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.auth-popup {
  width: 200px;
  height: 120px;
  padding: 0 10px;
}
.auth-popup .mat-menu-content {
  display: flex;
  height: 100%;
  box-sizing: border-box;
}
.auth-popup .mat-menu-content .line {
  width: 2px;
  height: calc(100% - 40px);
  background: #ccc;
  margin: 20px 0;
}
.auth-popup .mat-menu-content button.mat-menu-item {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
}
.auth-popup .mat-menu-content button.mat-menu-item svg {
  width: 30px;
  height: 30px;
}
.auth-popup .mat-menu-content button.mat-menu-item span {
  line-height: 20px;
}
.auth-popup .mat-menu-content button.mat-menu-item.sign-out {
  color: #ff3838;
}

.table-action-btn .mat-menu-item {
  display: flex;
  align-items: center;
}
.table-action-btn .mat-menu-item svg {
  width: 20px;
  height: 20px;
  line-height: 0;
  margin-right: 10px;
}

.confirm-dialog .mat-dialog-container {
  padding: 0;
  border-radius: 8px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper {
  display: flex;
  flex-direction: column;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  background: rgba(255, 0, 0, 0.6);
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header mat-icon {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  font-size: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body {
  text-align: center;
  padding: 10px 0;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body h3 {
  margin: 0;
  font-size: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-body p {
  margin: 0;
  padding: 0 20px;
  color: #024de3;
  margin-top: 10px;
  font-size: 14px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer {
  display: flex;
  justify-content: center;
  padding: 10px 0;
  padding-bottom: 20px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button {
  background: #024de3;
  border-radius: 8px;
  color: #fff;
  font-size: 15px;
  margin: 0 5px;
  font-weight: 500;
  padding: 0 25px;
}
.confirm-dialog .mat-dialog-container .confirm-wrapper .confirm-footer button:last-child {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.6);
}

.confirm-message {
  width: 350px !important;
}
.confirm-message .swal2-icon {
  height: 60px;
  width: 60px;
  font-size: 16px;
  margin: 10px 0;
}
.confirm-message .swal2-icon .swal2-icon-content {
  font-size: 35px;
}
.confirm-message .swal2-content {
  font-size: 16px;
}
.confirm-message .swal2-content .swal2-checkbox {
  margin: 5px 0;
}
.confirm-message .swal2-content .swal2-checkbox input[type=checkbox] {
  width: 20px;
  height: 20px;
}
.confirm-message .swal2-content .swal2-checkbox .swal2-label {
  margin: 5px 0;
  font-size: 14px;
  font-weight: 700;
}
.confirm-message .swal2-actions {
  padding: 0;
}
.confirm-message .swal2-actions button {
  height: 40px;
  font-size: 16px;
  line-height: normal;
}
.confirm-message .swal2-actions button.swal2-confirm {
  display: flex !important;
}
.confirm-message .swal2-actions button.swal2-cancel {
  display: flex !important;
  background: none;
  color: #ff3838;
}

.dialog {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog .dialog-container {
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 25px;
  border-radius: 20px;
  max-height: 95vh;
  overflow: auto;
}
.dialog .dialog-container .dialog-form {
  display: flex;
  flex-direction: column;
}
.dialog .dialog-container .dialog-form .dialog-form-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.dialog .dialog-container .dialog-form .dialog-form-header h3 {
  margin: 0;
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-header svg {
  width: 40px;
  height: 40px;
  color: #fff;
}
.dialog .dialog-container .dialog-form .dialog-form-body {
  padding: 15px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row {
  margin-bottom: 18px;
  line-height: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row.no-label {
  margin: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row * {
  line-height: normal;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label {
  text-align: right;
  float: left;
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row label span {
  color: #fa5555;
  margin-left: 4px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::-moz-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select::-moz-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input:-ms-input-placeholder, .dialog .dialog-container .dialog-form .dialog-form-body .form-row select:-ms-input-placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input::placeholder,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select::placeholder {
  color: #b7bac1;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row > input.required,
.dialog .dialog-container .dialog-form .dialog-form-body .form-row select.required {
  border-color: #fa5555;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 100%;
  height: 100px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon {
  margin-bottom: 5px;
  line-height: 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .icon svg {
  width: 40px;
  height: 40px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-row .form-select-file .select-file .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding: 10px 0;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d4d4d4;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .item-thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title {
  flex: auto;
  font-size: 14px;
  color: #231f20;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span {
  word-break: break-all;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: normal;
}
@supports (-webkit-line-clamp: 2) {
  .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span, .dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .file-upload-item-title span > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: initial;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button {
  min-width: unset;
  padding: 5px;
  background: unset;
  border: 1px solid rgba(2, 77, 227, 0.2);
  color: #024de3;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button svg {
  width: 18px;
  height: 18px;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-header .action-item button.cancel {
  background: unset;
  border: 1px solid rgba(255, 56, 56, 0.2);
  color: #ff3838;
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar {
  height: 5px;
  background: rgba(0, 199, 83, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.pause {
  background: rgba(255, 184, 0, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .file-upload-list .file-upload-item .file-upload-item-body .item-progress-bar.error {
  background: rgba(255, 56, 56, 0.5);
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check .form-check-input[type=checkbox] {
  margin-right: unset;
}
.dialog .dialog-container .dialog-form .dialog-form-body .form-check label {
  text-align: left;
  font-size: 14px;
}
.dialog .dialog-container .dialog-form .dialog-form-body p {
  color: #231f20;
  margin: 0;
  padding: 0 5px;
  box-sizing: border-box;
  font-size: 14px;
}
.dialog .dialog-container .dialog-form .dialog-form-footer {
  display: flex;
  justify-content: flex-end;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button {
  background: #024de3;
  border-radius: 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  padding: 0 15px;
}
.dialog .dialog-container .dialog-form .dialog-form-footer button.close {
  background: none;
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(255, 0, 0, 0.8);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader {
  margin-left: 5px;
  font-size: 10px;
  text-indent: -9999em;
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  transform: translateZ(0);
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}
.dialog .dialog-container .dialog-form .dialog-form-footer button .loader:after {
  background: rgb(224, 224, 224) !important;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.popup-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  /* Safari */
}
.popup-loading .loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #00386e;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  position: fixed;
  /* or absolute */
  top: 45%;
  left: 50%;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.modalCus {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.5s ease;
  background: rgba(117, 117, 117, 0.6784313725);
  padding: 40px 0;
  overflow-y: auto;
}

.model-innermodalCus {
  background-color: white;
  border-radius: 1.5em;
  max-width: 600px;
  padding: 1em;
  margin: auto;
  border: 1px solid #eee;
  position: relative;
}
.model-innermodalCus .buttonClose {
  min-width: unset !important;
  background: red;
  border-radius: 50% !important;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -10px;
  right: -13px;
  position: absolute !important;
}

.modal-headermodalCus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid black;
  padding-bottom: 10px;
}
.modal-headermodalCus h3 {
  margin: 0 !important;
}

.activePopup {
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.8);
}

.bodyAlert {
  justify-content: center;
  display: flex;
  flex-direction: column;
  line-height: 25px;
  align-items: center;
  width: 170px;
  text-align: center;
}
.bodyAlert .icon {
  color: red;
}

.inHeaderLy {
  display: flex;
  align-items: center;
  margin: 0 0 15px 0;
}
.inHeaderLy .gpLogo {
  justify-content: flex-start;
  display: flex;
  align-items: flex-start;
  flex: 1;
}
.inHeaderLy .gpLogo img {
  width: 75px;
  height: 75px;
}
.inHeaderLy .flexLeft {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 20px;
}
.inHeaderLy .flexRight {
  flex: 1;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  line-height: 20px;
}
.inHeaderLy .h3 {
  margin: 5px 0;
  text-transform: capitalize;
}
.inHeaderLy .p {
  margin: 0;
  font-size: 13px;
}

.cusTableInvoice {
  width: 100%;
  border: 1px solid #b7bac1;
}
.cusTableInvoice .header {
  border-bottom: 1px solid #b7bac1;
  padding: 0;
  background: rgba(238, 238, 238, 0.5882352941);
}
.cusTableInvoice .header div {
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.7px;
  padding: 7px 5px;
}
.cusTableInvoice .bodyTable {
  width: 100%;
}

.tableLayout {
  width: 100%;
  display: flex;
}
.tableLayout div {
  font-size: 13px;
  border-right: 1px solid #b7bac1;
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}
.tableLayout div:last-child {
  border-right: unset;
}
.tableLayout .cusTb10 {
  width: 10%;
}
.tableLayout .cusTb15 {
  width: 15%;
}
.tableLayout .cusTb20 {
  width: 20%;
}
.tableLayout .cusTb30 {
  width: 30%;
}
.tableLayout .cusTb40 {
  width: 40%;
}
.tableLayout .cusTb45 {
  width: 45%;
}
.tableLayout .cusTb50 {
  width: 50%;
}
.tableLayout .cusTb80 {
  width: 80%;
}

.cusTableInvoiceTotal {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.cusTableInvoiceTotal .totalLayout {
  width: 240px;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  background: #fbfbfb;
  line-height: 30px;
}
.cusTableInvoiceTotal .totalLayout .itemTotal {
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 2px 5px;
  font-size: 14px;
}
.cusTableInvoiceTotal .totalLayout .itemTotal .label {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.cusTableInvoiceTotal .totalLayout .itemTotal .price {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  font-weight: unset;
  -webkit-text-stroke: 0.7px;
}
.cusTableInvoiceTotal .totalLayout .itemTotal:last-child {
  border-bottom: unset;
}

.desInvoiceLayout {
  margin-top: 20px;
}
.desInvoiceLayout .desInvoiceGp {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
}
.desInvoiceLayout .desInvoiceGp h3 {
  margin: 0;
}
.desInvoiceLayout .desInvoiceGp p {
  margin: 0;
  font-size: 13px;
}
.desInvoiceLayout .desInvoiceGp p:first-child {
  margin-top: 3px;
}
.desInvoiceLayout .desHeader {
  border-bottom: 1px solid #e0e0e0;
}

.tbItemList {
  border-bottom: 1px solid #b7bac1;
  height: 100%;
}
.tbItemList div {
  padding: 5px;
}
.tbItemList:last-child {
  border-bottom: unset;
}

.lineBorder {
  border-top: 1px solid #ccc;
  margin: 5px 0;
}

.INBtnActionLY {
  width: 100%;
  margin-bottom: 13px;
}
.INBtnActionLY .btnActionGp {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.INBtnActionLY .btnActionGp button {
  margin-right: 7px;
}
.INBtnActionLY .btnActionGp button:last-child {
  margin-right: unset;
}
.INBtnActionLY .btnActionGp .cancel {
  background: #eb5f5f;
}
.INBtnActionLY .btnActionGp .confirm {
  background: #1266f1;
}
.INBtnActionLY .btnActionGp .complete {
  background: #00b74a;
}
.INBtnActionLY .btnActionGp .print {
  background: #ffa900;
}
.INBtnActionLY .btnActionGp .closeInvoice {
  background: red;
}
.INBtnActionLY .btnActionGp .btnIvoiceCheck {
  display: flex;
  margin-right: 7px;
}
.INBtnActionLY .btnActionGp .btnIvoiceCheck:last-child {
  margin-right: unset;
}

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

.model-innermodalCus .buttonClose {
  background: #fff !important;
  width: 35px !important;
  height: 35px !important;
  top: -2px !important;
  right: -55px !important;
  color: black !important;
}

.gpFormBlog {
  display: flex;
}
.gpFormBlog .blogLeftGp {
  flex: 1;
}
.gpFormBlog .blogRightGp {
  width: 275px;
  margin-left: 15px;
  border-left: 1px solid rgba(170, 170, 170, 0.24);
  padding-left: 15px;
}
.gpFormBlog .blogRightGp .blogRight {
  width: 100%;
}
.gpFormBlog .blogRightGp .blogRight .gpInput {
  margin-bottom: 15px;
}
.gpFormBlog .blogRightGp .blogRight .gpInput label {
  font-size: 14px;
}
.gpFormBlog .blogRightGp .blogRight .gpInput input {
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  background: #fcfcfc;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.gpFormBlog .blogRightGp .blogRight .gpInput .error {
  font-size: 12px;
  color: #ff9d9d;
}
.gpFormBlog .blogRightGp .blogRight .gpRadio {
  margin-bottom: 10px;
}
.gpFormBlog .blogRightGp .blogRight .gpRadio .label {
  margin-bottom: 3px;
}
.gpFormBlog .blogRightGp .blogRight .gpRadio .radioGp .radioItem {
  cursor: pointer;
}
.gpFormBlog .blogRightGp .blogRight .gpRadio .radioGp .radioItem label {
  cursor: pointer;
}
.gpFormBlog .blogRightGp .blogRight .gpRadio .error {
  font-size: 12px;
  color: #ff9d9d;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox {
  overflow: hidden;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .label {
  margin-bottom: 5px;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp {
  max-height: 350px;
  overflow-y: auto;
  background: rgba(251, 251, 251, 0.5490196078);
  padding: 0;
  border-radius: 4px;
  border: 1px solid rgba(238, 238, 238, 0.5607843137);
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp .checkItem {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid rgba(238, 238, 238, 0.431372549);
  padding: 5px 10px;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp .checkItem .typeCheck {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  cursor: pointer;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp .checkItem label {
  cursor: pointer;
  width: 100%;
  font-size: 15px;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp .checkItem:last-child {
  border-bottom: unset;
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .checkboxGp .checkItem:hover {
  background: rgba(238, 238, 238, 0.4509803922);
}
.gpFormBlog .blogRightGp .blogRight .gpCheckBox .error {
  font-size: 12px;
  color: #ff9d9d;
}

.tox-tinymce {
  border: 1px solid #e0e0e0 !important;
}

.tox.tox-tinymce.tox-fullscreen {
  height: 100vh !important;
}

.tox-statusbar__text-container .tox-statusbar__branding {
  display: none;
}
.tox-statusbar__text-container .tox-statusbar__branding svg {
  display: block;
  opacity: 0;
}

.ui-datepicker-title .ui-datepicker-month {
  margin-right: 10px !important;
}

.memberCarViewlayout {
  width: 100%;
}
.memberCarViewlayout .memberHeaderLayout {
  margin-bottom: 25px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader {
  display: flex;
  height: 130px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader img {
  width: 130px;
  height: 100%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e0e0e0;
  border-radius: 50%;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember {
  flex: 1;
  text-align: start;
  margin-left: 10px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember h3 {
  margin-top: 8px;
  margin-bottom: 10px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember .txt {
  display: flex;
  align-items: center;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember .txt span {
  padding: 0 5px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember .txt p {
  margin: 0;
  font-size: 15px;
}
.memberCarViewlayout .memberHeaderLayout .memberHeader .textMember .txt svg {
  width: 17px;
  height: 17px;
}
.memberCarViewlayout .memberCarViewListing {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText {
  margin-bottom: 18px;
  display: flex;
  width: 100%;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
  align-items: center;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .label {
  font-weight: 600;
  width: 100%;
  text-align: start;
  text-transform: uppercase;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .btnReload .refresh {
  margin: 0;
  padding: 2px 12px;
  background: none;
  border: 1px solid #e0e0e0;
  color: #333;
  font-size: 14px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .btnReload .refresh svg {
  margin-right: 5px;
  width: 20px;
  height: 18px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText {
  flex: 1;
  display: flex;
  border: 1px solid #eee;
  border-radius: 5px;
  padding: 4px;
  height: 35px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText input {
  border: none;
  width: 180px;
  font-size: 13px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText button {
  margin: 0;
  padding: 0;
  width: 27px;
  min-width: 25px;
  display: flex;
  justify-content: center;
  margin-right: 5px;
  overflow: hidden;
  padding: 5px;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText button.search {
  background: blue;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText button.clear {
  background: red;
}
.memberCarViewlayout .memberCarViewListing .memberCarListingText .searchText button:last-child {
  margin-right: 0;
}
.memberCarViewlayout .memberCarViewListing .itemList {
  width: 100%;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  position: relative;
}
.memberCarViewlayout .memberCarViewListing .itemList h3 {
  text-align: start;
  margin-top: 0;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
  font-size: 16px;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle {
  display: flex;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .opacity04 {
  opacity: 0.4;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle img {
  width: 275px;
  height: 180px;
  border-radius: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  background: rgba(238, 238, 238, 0.631372549);
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .status {
  position: absolute;
  margin: 10px 10px;
  padding: 0 13px;
  border-radius: 12px;
  font-size: 12px;
  color: #fbfbfb;
  height: 25px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .status.active {
  background: #00b74a;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .status.disable {
  background: #757575;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .status.pending {
  background: #ffa900;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp {
  flex: 1;
  text-align: start;
  margin-left: 10px;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp h3 {
  margin-top: 0;
  margin-bottom: 5px;
  width: calc(100% - 35px);
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp .title {
  display: flex;
  font-size: 14px;
  line-height: 24px;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp .title span {
  padding: 0 7px;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp .title p {
  margin: 0;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp .title .amount {
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
  font-size: 18px;
  color: red;
}
.memberCarViewlayout .memberCarViewListing .itemList .imageTitle .titleGp .title .amount span {
  padding: 0 !important;
}
.memberCarViewlayout .memberCarViewListing .itemList:last-child {
  padding-bottom: 0;
  border-bottom: unset;
  margin-bottom: 0;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button {
  height: 30px;
  margin: 0;
  padding: 0;
  min-width: 30px;
  max-width: 30px;
  display: flex;
  justify-content: center;
  background: rgba(255, 169, 0, 0.8392156863);
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button.accepted {
  width: 100px;
  max-width: 100px;
  border-radius: 20px;
  background: #5353c4;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button i {
  padding: 3px;
  font-size: 18px;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button .popUpBtntext {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  transform: translate(0, 10px);
  background-color: #bfbfbf;
  padding: 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  border-radius: 5px;
  font-size: 12px;
  width: 40px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 55px;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button .popUpBtntext:before {
  position: absolute;
  z-index: -1;
  content: "";
  right: calc(50% - 10px);
  top: -6px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #bfbfbf transparent;
  transition-duration: 0.3s;
  transition-property: transform;
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button:hover .popUpBtntext {
  z-index: 10;
  opacity: 1;
  visibility: visible;
  transform: translate(0, -20px);
  transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.memberCarViewlayout .memberCarViewListing .itemList .itemActionBtnGp button:last-child {
  margin-right: 0;
}
.memberCarViewlayout .memberCarViewListing .EmptyViewGp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 50px 0;
}
.memberCarViewlayout .memberCarViewListing .EmptyViewGp img {
  width: 150px;
}
.memberCarViewlayout .memberCarViewListing .EmptyViewGp button {
  background: rgba(18, 102, 241, 0.7882352941);
  font-size: 13px;
}

.popUpCreateMember {
  z-index: 998 !important;
}

.popUpCarMemberReport {
  z-index: 1000001;
}

.accessoriesLayout .label {
  margin: 10px 0 5px 0;
}
.accessoriesLayout .label span {
  color: #fa5555;
  margin-left: 4px;
}
.accessoriesLayout .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
}
.accessoriesLayout .listingItemGp {
  background: rgba(238, 238, 238, 0.2784313725);
  padding: 10px;
  border-radius: 5px;
  max-height: 420px;
  height: 420px;
  overflow: auto;
}
.accessoriesLayout .listingItemGp .itemGp {
  margin-bottom: 10px;
}
.accessoriesLayout .listingItemGp .itemGp .label {
  font-size: 14px;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
  margin-bottom: 4px;
  margin-top: 0 !important;
}
.accessoriesLayout .listingItemGp .item {
  width: 100%;
  display: flex;
  margin: 0 0 8px 0;
  border: 1px solid rgba(216, 220, 229, 0.2588235294);
  padding: 10px 7px;
  border-radius: 5px;
  align-items: center;
  font-size: 14px;
  background: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.accessoriesLayout .listingItemGp .item .checkBox {
  margin-right: 15px;
  height: 17px;
  width: 17px;
  cursor: pointer;
}
.accessoriesLayout .listingItemGp .item label {
  margin-right: 5px;
  height: 100%;
  display: flex;
  align-items: center;
}
.accessoriesLayout .listingItemGp .item label span {
  font-size: 16px;
}
.accessoriesLayout .listingItemGp .item .div {
  flex: 1;
}
.accessoriesLayout .listingItemGp .item .div .p {
  margin: 0;
  flex: 1;
  font-size: 12px;
}
.accessoriesLayout .listingItemGp .item .div .price {
  font-weight: 600;
  color: red;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
  font-size: 12px;
  margin: 0;
  display: flex;
}
.accessoriesLayout .listingItemGp .item button {
  margin: 0;
  padding: 0;
  min-width: 22px;
  height: 20px;
  display: flex;
  justify-content: center;
  background: rgba(255, 56, 56, 0.8392156863);
}
.accessoriesLayout .listingItemGp .item button span {
  font-size: 16px;
}
.accessoriesLayout .listingItemGp .item:last-child {
  margin-bottom: 0;
}
.accessoriesLayout .listingItemGp .EmptyViewGp {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  display: flex;
}
.accessoriesLayout .listingItemGp .EmptyViewGp img {
  width: 75px;
  height: 55px;
}
.accessoriesLayout .listingItemGp .EmptyViewGp h3 {
  font-size: 12px;
  font-weight: unset;
  -webkit-text-stroke: -0.2px;
  color: #b7bac1;
}

.loadingCenter {
  display: flex;
  justify-content: center;
}

.loadingBtn .loadingCus {
  width: 22px;
  height: 22px;
  padding: 0;
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.loadingBtn .loadingCus img {
  width: 100%;
  height: 100%;
}

.btnCarAddGp {
  height: 40px;
}
.btnCarAddGp button {
  width: 100%;
  height: 100%;
  background: rgba(18, 102, 241, 0.8392156863);
  text-align: center;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  font-size: 14px;
}

.acceptedTitleCarb {
  width: 100%;
  text-align: start;
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 600;
}

.FoomlayoutPopheader {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.FoomlayoutPopheader h3 {
  margin-top: 0;
  margin-bottom: 45px;
  border-bottom: 2px solid #eee;
  /* width           : 100%; */
  text-align: start;
  padding-bottom: 2px;
  font-weight: unset;
  -webkit-text-stroke: 0.2px;
  font-size: 20px;
}
.FoomlayoutPopheader h3 strong {
  padding: 0 10px;
}

.FormLayoutPop {
  width: 100%;
}
.FormLayoutPop .itemGp {
  display: flex;
  margin-bottom: 20px;
}
.FormLayoutPop .itemGp .labelTextLeft {
  width: 170px;
  font-size: 18px;
  font-weight: unset;
  -webkit-text-stroke: 0.7px;
  text-align: start;
}
.FormLayoutPop .itemGp .span {
  margin: 0 20px;
}
.FormLayoutPop .itemGp .itemRight {
  flex: 1;
}
.FormLayoutPop .itemGp .itemRight .inputItem {
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 7px;
}
.FormLayoutPop .itemGp .itemRight .inputItem label {
  font-size: 14px;
}
.FormLayoutPop .itemGp .itemRight .inputItem label span {
  color: #ff9d9d;
  margin-left: 3px;
}
.FormLayoutPop .itemGp .itemRight .inputItem .error {
  color: #ff9d9d;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
}
.FormLayoutPop .itemGp .itemRight .inputItem input {
  height: 38px;
  border: 1px solid #ccc;
  padding: 0 10px;
  font-size: 14px;
}
.FormLayoutPop .itemGp .itemRight .inputItem select {
  height: 38px;
  border: 1px solid #ccc;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}
.FormLayoutPop .itemGp .itemRight .inputItem:last-child {
  margin-bottom: 0;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 25px;
  box-sizing: border-box;
  width: 100%;
  height: 260px;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: 0.2s;
  position: relative;
  display: inline-block;
  padding: 5px;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo input {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  cursor: pointer;
  opacity: 0;
  height: 100%;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo.file {
  height: 120px;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo.md {
  height: 200px;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo:hover {
  border-color: #024de3;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo:hover .icon svg {
  color: #024de3;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo:hover .select-photo.active {
  opacity: 1;
  background: rgba(2, 77, 227, 0.5);
}
.FormLayoutPop .itemGp .itemRight .form-select-photo:hover .select-photo.active .icon svg {
  color: #fff;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo:hover .select-photo.active .title {
  color: #fff;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .select-photo {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .select-photo.active {
  opacity: 0;
  transition: 0.2s;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .select-photo .icon {
  line-height: 0;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .select-photo .icon svg {
  width: 50px;
  height: 50px;
  line-height: 0;
  color: #b4bccc;
  transition: 0.2s;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .select-photo .title {
  color: #5a5e66;
  font-size: 14px;
  text-align: center;
  transition: 0.2s;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .image-view {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  opacity: 0;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .image-view.active {
  opacity: 1;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .image-view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .image-view img.img-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .file-select {
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0px 20px;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .file-select svg {
  min-width: 70px;
  height: 70px;
}
.FormLayoutPop .itemGp .itemRight .form-select-photo .file-select p {
  flex: auto;
  word-break: break-all;
  line-height: normal;
  text-align: left;
  padding: 0 10px;
}
.FormLayoutPop .itemGp:last-child {
  margin-bottom: 0;
}
.FormLayoutPop .popFormActionLayout {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.FormLayoutPop .popFormActionLayout .AcGp {
  display: flex;
  width: calc(100% - 170px - 45px);
  justify-content: flex-end;
}
.FormLayoutPop .popFormActionLayout .AcGp .save {
  display: flex;
  justify-content: center;
  background: rgba(18, 102, 241, 0.831372549);
  align-items: center;
}
.FormLayoutPop .popFormActionLayout .AcGp button .img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}
.FormLayoutPop .popFormActionLayout .AcGpAccepted {
  width: 100%;
}
.FormLayoutPop .popFormActionLayout .AcGpAccepted .accepted {
  width: 100%;
  border-radius: 20px;
}

.loadingCus {
  padding: 140px 0;
  width: 100%;
}
.loadingCus .img {
  width: 30px;
  height: 30px;
}

.reportMemberLayout {
  width: 100%;
}
.reportMemberLayout .txtHeader h3 {
  margin-top: 0;
  font-size: 30px;
}
.reportMemberLayout .txtHeader h3 span {
  font-size: 30px;
}
.reportMemberLayout .txtItemRP {
  margin-bottom: 20px;
  border-bottom: 3px solid #d8dce5;
  padding-bottom: 20px;
}
.reportMemberLayout .txtItemRP .reportTxtGP {
  width: 100%;
  background: rgba(117, 117, 117, 0.5607843137);
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin-bottom: 15px;
  border-radius: 10px;
  color: #fff;
}
.reportMemberLayout .txtItemRP .reportTxtGP h3 {
  font-weight: 400;
  font-size: 27px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .dateTime span {
  margin: 0 10px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp {
  display: flex;
  display: flex;
  margin: 15px 0;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtLeft {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtLeft .item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
  height: 100%;
  width: 90%;
  font-size: 14px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtLeft .item .label {
  width: 85px;
  display: flex;
  justify-content: flex-start;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtLeft .item span {
  margin: 0 15px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtLeft .item p {
  margin: 0;
  flex: 1;
  display: flex;
  word-break: break-all;
  justify-content: flex-start;
  text-align: left;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtRight {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  height: 100%;
  flex-direction: column;
  align-items: flex-end;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtRight .item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 6px;
  height: 100%;
  width: 90%;
  font-size: 14px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtRight .item .label {
  width: 110px;
  display: flex;
  justify-content: flex-start;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtRight .item span {
  margin: 0 15px;
}
.reportMemberLayout .txtItemRP .reportTxtBody .txtListingGp .txtRight .item p {
  margin: 0;
  flex: 1;
  display: flex;
  word-break: break-all;
  justify-content: flex-start;
  text-align: left;
}
.reportMemberLayout .txtItemRP .reportFooter {
  margin-top: 15px;
}
.reportMemberLayout .txtItemRP .reportFooter .reportTxtfooterItem {
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  padding: 0 15px;
  border-radius: 10px;
}
.reportMemberLayout .txtItemRP .reportFooter .reportTxtfooterItem h4 {
  margin: 0;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.reportMemberLayout .txtItemRP .reportFooter .reportTxtfooterItem .span {
  margin: 0 15px;
}
.reportMemberLayout .txtItemRP .reportFooter .reportTxtfooterItem p {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.6px;
}
.reportMemberLayout .txtItemRP:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: unset !important;
}
.reportMemberLayout .removeBorderLast {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: unset !important;
}
.reportMemberLayout .EmptyViewGp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 50px 0;
}
.reportMemberLayout .EmptyViewGp img {
  width: 150px;
}
.reportMemberLayout .EmptyViewGp button {
  background: rgba(18, 102, 241, 0.7882352941);
  font-size: 13px;
}

.CompanyCheckbox {
  max-height: 400px !important;
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 15px;
  /* margin    : 0 1px; */
  width: calc(100% - 5px);
  margin-left: 2px;
  overflow-x: hidden;
  overflow-y: auto;
}
.CompanyCheckbox .checkItem {
  width: 50%;
  display: flex;
  padding: 4px;
}
.CompanyCheckbox .checkItem label {
  padding: 0 !important;
}
.CompanyCheckbox .checkItem .container-cus {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 110px;
  padding: 4px;
  width: 100%;
}
.CompanyCheckbox .checkItem .container-cus input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.CompanyCheckbox .checkItem .container-cus .checkmark {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
}
.CompanyCheckbox .checkItem .container-cus .item {
  background: #ffffff;
  word-break: break-word;
  height: 100%;
  box-shadow: 0 0.2px 3px #c4b5b5;
  display: flex;
  align-items: flex-start;
  border-radius: 10px;
  padding: 5px;
}
.CompanyCheckbox .checkItem .container-cus .item .gp-img {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  margin-right: 10px;
}
.CompanyCheckbox .checkItem .container-cus .item .gp-img i {
  font-size: 50px;
}
.CompanyCheckbox .checkItem .container-cus .item .gp-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 5px;
}
.CompanyCheckbox .checkItem .container-cus .item .text {
  flex: 1;
  height: 100%;
  text-align: start;
}
.CompanyCheckbox .checkItem .container-cus .item .text .name {
  font-weight: 600;
  font-size: 15px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  margin-bottom: 5px;
}
.CompanyCheckbox .checkItem .container-cus .item .text .name span {
  color: #757575 !important;
  margin-left: 0 !important;
}
.CompanyCheckbox .checkItem .container-cus .item .text .idPlate {
  color: #1b5bda;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  font-size: 13px;
}
.CompanyCheckbox .checkItem .container-cus .item .text .price {
  color: #5a5e66;
  font-size: 13px;
  font-size: 13px;
}
.CompanyCheckbox .checkItem .container-cus .item .text .status {
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.CompanyCheckbox .checkItem .container-cus .item .text .status span {
  margin-left: 0;
}
.CompanyCheckbox .checkItem .container-cus .item .text .status span.active {
  color: green;
}
.CompanyCheckbox .checkItem .container-cus .item .text .status span.disable {
  color: #b7bac1;
}
.CompanyCheckbox .checkItem .container-cus .item.disable {
  opacity: 0.5;
  background: #fbfbfb !important;
}
.CompanyCheckbox .checkItem .container-cus input:checked ~ .checkmark {
  width: 100%;
  max-width: 100%;
  height: 100%;
  background: unset;
  border: 2px solid #7367f0;
  border-radius: 10px;
}
.CompanyCheckbox .checkItem .container-cus .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: 2px solid #ffffff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
.CompanyCheckbox .loadingCus {
  display: flex;
  justify-content: center;
}
.CompanyCheckbox .EmptyViewGp {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}
.CompanyCheckbox .EmptyViewGp img {
  width: 150px;
}

.ItemTabListingLayout {
  border-radius: 7px;
  display: flex;
  align-items: flex-start;
  height: 100%;
  margin-bottom: 25px;
}

.ItemTabListing {
  display: flex;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  height: 40px;
  background: rgba(229, 229, 229, 0.2117647059);
  border: 1px solid #eee;
  padding: 0 15px;
  border-radius: 7px;
}
.ItemTabListing .ITab {
  color: #969ba0;
  position: relative;
  height: 100%;
  font-size: 14px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
  cursor: pointer;
}
.ItemTabListing .ITab.active {
  color: blue;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.ItemTabListing .ITab.active:after {
  width: 95%;
}
.ItemTabListing .ITab:after {
  content: "";
  position: absolute;
  height: 4px;
  background: blue;
  width: 0px;
  left: 50%;
  bottom: -4px;
  border-radius: 10px;
  transform: translateX(-50%);
  transition: all 0.2s;
}

.permissionLayoutGp {
  display: flex;
  flex-direction: column;
}
.permissionLayoutGp label span {
  color: red;
}
.permissionLayoutGp label .span {
  color: #5a5e66 !important;
}
.permissionLayoutGp .error {
  color: red !important;
  font-size: 12px !important;
  margin-top: 0;
}
.permissionLayoutGp .parentLabel {
  border-bottom: 1px solid #eee;
  padding: 10px 0 0;
  font-size: 20px;
}
.permissionLayoutGp .headerListPermission {
  display: flex;
  align-items: center;
  height: 55px;
  border-bottom: 1px solid #eeeeee;
  background: #e0e0e0;
  padding: 0 10px 0 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.permissionLayoutGp .headerListPermission .titlePer {
  flex: 1;
  font-size: 24px;
}

.permissionLayout {
  display: flex;
  width: calc(100% + 15px);
  flex-wrap: wrap;
}
.permissionLayout .permissionItem {
  width: 100%;
  display: flex;
  align-items: flex-start;
  background: #eee;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
  margin-right: 15px;
  margin-bottom: 5px;
  flex-wrap: wrap;
  flex-direction: column;
}
.permissionLayout .permissionItem .arrowPermission svg {
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
  margin-right: 10px;
}
.permissionLayout .permissionItem .permissionHeader {
  display: flex;
  width: 100%;
  height: 40px;
  align-items: center;
}
.permissionLayout .permissionItem .permissionHeader .permissionHdLeft {
  flex: 1;
  display: flex;
}
.permissionLayout .permissionItem .permissionHeader .textItem {
  flex: 1;
}
.permissionLayout .permissionItem .permissionHeader .arrowPermission {
  margin-right: 10px;
}
.permissionLayout .permissionItem .form-check-label {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.permissionLayout .permissionItem .form-check-label .textItem {
  flex: 1;
}
.permissionLayout .permissionItem .form-check-label .inputItem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.permissionLayout .permissionItem .form-check-label .inputItem input {
  width: 20px;
  height: 20px;
}
.permissionLayout .permissionItem .form-check-label .icheckbox_square-blue {
  display: flex;
  align-items: center;
}
.permissionLayout .permissionItem .form-check-label .icheckbox_square-blue .chk-permission-group {
  position: unset !important;
  width: 22px;
  height: 22px;
  opacity: 1 !important;
}
.permissionLayout .permissionItem .permissionListItemGpCh {
  width: 100%;
  padding: 0 0 10px 10px;
  display: none;
}
.permissionLayout .permissionItem .permissionItemCh {
  width: 100%;
  display: flex;
  border-bottom: 1px solid rgba(117, 117, 117, 0.1882352941);
  line-height: 35px;
  align-items: center;
  cursor: pointer;
}
.permissionLayout .permissionItem .permissionItemCh svg {
  margin-right: 20px;
  font-size: 5px;
  width: 10px;
}
.permissionLayout .permissionItem .permissionItemCh .textItem {
  flex: 1;
  font-size: 14px;
}
.permissionLayout .permissionItem .permissionItemCh .textItem span {
  color: black;
}
.permissionLayout .permissionItem .permissionItemCh .textItem .price {
  color: red !important;
  font-weight: 600;
  font-size: 15px !important;
  margin-left: 30px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.permissionLayout .permissionItem .permissionItemCh .inputItem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.permissionLayout .permissionItem .permissionItemCh .inputItem input {
  width: 20px;
  height: 20px;
}
.permissionLayout .permissionItem .permissionItemCh:last-child {
  border-bottom: 0;
}
.permissionLayout .permissionItem .permissionItemCh:hover {
  color: #00b74a;
}
.permissionLayout .permissionItem .permissionItemCh:hover .textItem {
  font-size: 15px;
}
.permissionLayout .permissionItem .permissionItemCh:hover .textItem span {
  color: #00b74a;
}
.permissionLayout .permissionItem.showMenu .permissionListItemGpCh {
  display: block;
}
.permissionLayout .permissionItem.showMenu .arrowPermission svg {
  transform: rotate(-180deg);
}

.permissionListCheckall {
  height: 20px;
  display: flex;
  align-items: center;
  padding: 20px 5px;
  border-radius: 4px;
  cursor: pointer;
}
.permissionListCheckall .icheckbox_square-blue {
  display: flex;
  align-items: center;
}
.permissionListCheckall .icheckbox_square-blue .chk-permissionSelectAll {
  position: unset !important;
  width: 22px;
  height: 22px;
}
.permissionListCheckall .chk-permissionSelectAll {
  opacity: 1 !important;
}
.permissionListCheckall span {
  margin-right: 10px;
}

.headerCarAccessories .titlePer {
  font-size: 20px !important;
}

.controlCarAccessoriesLayout {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 15px);
}

.controlCarAccessories {
  margin-bottom: 3px;
  display: flex;
  width: calc(100% - 15px);
  margin-right: 15px;
}
.controlCarAccessories .gpCarAccessories {
  width: 100%;
}
.controlCarAccessories .parentLabel {
  font-size: 16px !important;
  margin-bottom: 6px;
  border-bottom: 2px solid rgba(238, 238, 238, 0.5098039216);
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.controlCarAccessories .permissionItem {
  font-size: 15px !important;
}

.controlCarAccessoriesFooter {
  margin-top: 10px;
}
.controlCarAccessoriesFooter .AcGp button {
  margin-right: 10px;
  position: relative;
}
.controlCarAccessoriesFooter .AcGp button:last-child {
  margin-right: 0;
}
.controlCarAccessoriesFooter .AcGp button .num {
  position: absolute;
  right: -5px;
  top: -9px;
  color: #fbfbfb;
  width: 20px;
  height: 20px;
  background: red;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 11px;
}

@font-face {
  font-family: Hanuman;
  src: url(/fonts/Hanuman-Regular.ttf?37e92a9b82a64396331db2dc0ab55f5e);
}
@font-face {
  font-family: Poppins;
  src: url(/fonts/Poppins-Regular.ttf?35d26b781dc5fda684cce6ea04a41a75);
}
@font-face {
  font-family: Urbanist;
  src: url(/fonts/Urbanist-Regular.ttf?f336cfcac644ed865b035f7702c55433);
}
@font-face {
  font-family: DynaPuff;
  src: url(/fonts/DynaPuff-Regular.ttf?56fde79e6a4cd9651e9947173604ed78);
}
@font-face {
  font-family: OpenSans;
  src: url(/fonts/OpenSans-Regular.ttf?1b0809d519837cb7aad36a73433f655c);
}
@font-face {
  font-family: Khmer_OS_Wat_Phnom;
  src: url("/fonts/Kh Muol Regular.ttf?87784d41e18588daa70a9b05a52cc3c1");
}
*:not(.material-icons):not(.material-symbols-outlined):not(mat-icon) {
  font-family: "OpenSans", "Poppins", sans-serif, "Urbanist", sans-serif, "Hanuman", serif !important;
}

@media print {
  @page {
    size: A10;
    size: portrait;
    margin: 1.5cm;
  }
}
.swal2-container.swal2-center.swal2-backdrop-show {
  z-index: 9999 !important;
}

.carInvoiceHeader {
  display: flex;
  border: 1px solid #b7bac1;
  padding: 15px;
  border-radius: 5px;
  position: relative;
  height: 100%;
  color: black !important;
}
.carInvoiceHeader .imageLogoGp {
  width: 120px;
}
.carInvoiceHeader .imageLogoGp img {
  width: 100%;
}
.carInvoiceHeader .imageLogoGp p {
  margin: 0;
  font-size: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
}
.carInvoiceHeader .textHeaderGp {
  flex: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  top: 30px;
}
.carInvoiceHeader .textHeaderGp h3 {
  font-family: "Khmer_OS_Wat_Phnom" !important;
  color: rgba(2, 77, 227, 0.6784313725);
  font-size: 24px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  margin-top: 0;
  margin-bottom: 15px;
}
.carInvoiceHeader .textHeaderGp p {
  margin: 0;
  width: 65%;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  line-height: 23px;
}

.headerTextInvoice {
  text-align: center;
  color: black;
}
.headerTextInvoice .txt {
  font-family: "Khmer_OS_Wat_Phnom" !important;
  color: rgba(2, 77, 227, 0.6784313725);
  font-size: 18px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}

.boxItemListingGp {
  display: flex;
}
.boxItemListingGp .boxItem {
  border: 1px solid #ccc;
  margin-right: 25px;
  border-radius: 5px;
  padding: 10px;
}
.boxItemListingGp .boxItem:last-child {
  margin-right: 0;
}
.boxItemListingGp .boxItem .itemTxt {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
}
.boxItemListingGp .boxItem .itemTxt label {
  width: 150px;
  text-align: end;
}
.boxItemListingGp .boxItem .itemTxt span {
  margin: 0 10px;
}
.boxItemListingGp .boxItem .itemTxt p {
  margin: 0;
  text-align: start;
  word-break: break-all;
  flex: 1;
}
.boxItemListingGp .numberInvoice {
  display: flex;
  justify-content: flex-start !important;
  padding-left: 25px;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.boxItemListingGp .numberInvoice span {
  margin: 0 5px;
}
.boxItemListingGp .boxLeft {
  flex: 1;
}
.boxItemListingGp .boxRight {
  flex: 1;
}
.boxItemListingGp .boxRight .itemTxt label {
  width: 95px;
}

.reportInvoiceListingTableLayout {
  margin-top: 20px;
  border: 1px solid #e0e0e0;
  font-size: 15px;
  overflow: hidden;
}
.reportInvoiceListingTableLayout div > div {
  border-right: 1px solid #e0e0e0;
  height: 100%;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
.reportInvoiceListingTableLayout div > div:last-child {
  border-right: none;
}
.reportInvoiceListingTableLayout .headerReport {
  display: flex;
  width: 100%;
  height: 40px;
  background: rgba(255, 169, 0, 0.5411764706);
  align-items: center;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.reportInvoiceListingTableLayout .headerReport.bgBooking {
  background: #eee !important;
}
.reportInvoiceListingTableLayout .bodyReport {
  display: flex;
  width: 100%;
  height: 37px;
  align-items: center;
  border-top: 1px solid #e0e0e0;
  font-size: 13px;
}
.reportInvoiceListingTableLayout .tableTextLeft {
  display: flex;
  justify-content: flex-start;
  padding: 0 10px;
}
.reportInvoiceListingTableLayout .col10 {
  width: 10%;
}
.reportInvoiceListingTableLayout .col20 {
  width: 20%;
}
.reportInvoiceListingTableLayout .col30 {
  width: 30%;
}
.reportInvoiceListingTableLayout .col40 {
  width: 40%;
}
.reportInvoiceListingTableLayout .col50 {
  width: 50%;
}
.reportInvoiceListingTableLayout .col60 {
  width: 60%;
}

.invoiceFooter {
  display: flex;
}
.invoiceFooter .footerItem {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}
.invoiceFooter .footerItem:first-child {
  border-top: 1px solid #d8dce5;
  padding: 7px 13px;
  background: rgba(255, 169, 0, 0.5411764706);
}
.invoiceFooter .footerItem p {
  margin: 0;
  display: flex;
  justify-content: flex-start;
  width: 100%;
  text-align: start;
  font-family: "Khmer_OS_Wat_Phnom" !important;
  font-size: 13px;
}
.invoiceFooter .footerItem .bodyReport {
  height: 100% !important;
  border-right: 0;
  width: 100% !important;
}
.invoiceFooter .footerItem .bodyReport .textRight {
  display: flex;
  justify-content: flex-end;
  padding-right: 7px;
  background: rgba(255, 169, 0, 0.5411764706);
}
.invoiceFooter .footerItem .bodyReport .textRight.bgBooking {
  background: rgba(2, 77, 227, 0.4196078431) !important;
}
.invoiceFooterText {
  display: flex;
  width: 100%;
  padding: 15px 0;
  font-size: 15px;
}
.invoiceFooterText .footerItemText {
  display: flex !important;
  flex-direction: column !important;
  flex: 1;
}
.invoiceFooterText .footerItemText .textGp {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  line-height: 25px;
}
.invoiceFooterText .footerItemText p {
  margin: 0;
  display: flex;
  justify-content: flex-center;
}

.gg-check {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 100px;
}

.gg-check::after {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  top: -5px;
  width: 8px;
  height: 15px;
  border-width: 0 2px 2px 0;
  border-style: solid;
  transform-origin: bottom left;
  transform: rotate(45deg);
  color: blue;
}

.gg-close {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-radius: 40px;
}

.gg-close::after,
.gg-close::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  border-radius: 5px;
  top: 8px;
  left: 5px;
  color: red;
}

.gg-close::after {
  transform: rotate(-45deg);
}

.paymentDialogLayout {
  width: 100%;
  display: flex;
}
.paymentDialogLayout .paymentLeft {
  flex: 1;
  margin-right: 25px;
  padding-right: 25px;
  background: #fbfbfb;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.paymentDialogLayout .paymentRight {
  width: 300px;
}
.paymentDialogLayout .paymentRight .garageListingGp {
  margin-bottom: 12px;
  border-radius: 10px;
  text-align: left;
  padding: 0 0 10px 0px;
}
.paymentDialogLayout .paymentRight .garageListingGp h3 {
  margin: 0;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
}
.paymentDialogLayout .paymentRight .garageListingGp h3 span {
  margin-right: 12px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing {
  display: flex;
  align-items: center;
  padding: 7px 0px;
  flex-direction: column;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eee;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 5px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt label {
  display: flex;
  border-radius: 50%;
  display: flex;
  padding: 4px;
  justify-content: center;
  background: #fbfbfb;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt label span {
  font-size: 15px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt .span {
  margin: 0 10px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt p {
  margin: 0;
  font-size: 14px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt p.fontWeight {
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.paymentDialogLayout .paymentRight .garageListingGp .garageListing .itemListingTxt:last-child {
  margin-bottom: 0;
}
.paymentDialogLayout .paymentRight .headerListingServiceTxt {
  display: flex;
  align-items: center;
}
.paymentDialogLayout .paymentRight .headerListingServiceTxt span {
  margin-right: 12px;
}
.paymentDialogLayout .paymentRight .headerListingServiceTxt h3 {
  margin: 0;
  text-align: left;
}
.paymentDialogLayout .paymentRight .bodyListingServiceLayoutGp {
  overflow: hidden;
  border-radius: 15px;
  padding: 0px 0;
  background: #eeeeee;
  margin-top: 10px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp {
  background: #eeeeee;
  max-height: 500px;
  /* border-radius: 15px; */
  /* margin-top   : 15px; */
  padding: 0 10px;
  overflow-y: auto;
  margin: 10px 0;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer {
  display: flex;
  overflow: hidden;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer img {
  width: 70px;
  height: 70px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  border: 1px solid rgba(117, 117, 117, 0.168627451);
  padding: 14px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer .serTextGp {
  flex: 1;
  text-align: left;
  margin-left: 10px;
  font-size: 14px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer .serTextGp p {
  margin: 0;
  line-height: 22px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer .serTextGp .price {
  color: red;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer .serTextGp .headerText {
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .listingItemSer:last-child {
  border-bottom: 0;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .paddingBorderBT {
  border-bottom: 1px solid #d8dce5;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.paymentDialogLayout .paymentRight .bodyListingServiceGp .paddingBorderBT:last-child {
  border-bottom: 0;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp {
  background: #eee;
  margin-top: 15px;
  padding: 11px;
  border-radius: 10px;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp .listing {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  height: 35px;
  align-items: center;
  font-size: 15px;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp .listing label {
  flex: 1;
  text-align: start;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp .listing span {
  margin: 0 15px;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp .listing p {
  margin: 0;
  width: 100px;
  text-align: right;
  font-weight: 600;
  font-size: 15px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.paymentDialogLayout .paymentRight .TotalPaymentRGp .listing:last-child {
  border-bottom: none;
}
.paymentDialogLayout .paymentRight .footerPaymentBtnGp {
  margin-top: 15px;
}
.paymentDialogLayout .paymentRight .footerPaymentBtnGp .btnPayment {
  width: 100%;
  text-align: center;
  justify-content: center;
  display: flex;
  height: 40px;
  background: blue;
  color: white;
  border-radius: 40px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.paymentDialogLayout .paymentRight .footerPaymentBtnGp .btnPayment .imgLoad {
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
.paymentDialogLayout .memberListing {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
}
.paymentDialogLayout .memberListing .itemList {
  display: flex;
  padding-left: 25px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.paymentDialogLayout .memberListing .itemList img {
  width: 130px;
  border-radius: 20px;
  max-height: 130px;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}
.paymentDialogLayout .memberListing .itemList .gpText {
  margin-left: 20px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  font-size: 14px;
}
.paymentDialogLayout .memberListing .itemList .gpText .txt {
  display: flex;
  align-items: center;
}
.paymentDialogLayout .memberListing .itemList .gpText .txt label {
  display: flex;
}
.paymentDialogLayout .memberListing .itemList .gpText .txt label i {
  font-size: 20px;
}
.paymentDialogLayout .memberListing .itemList .gpText .txt p {
  margin: 0;
}
.paymentDialogLayout .memberListing .itemList .gpText .txt span {
  margin: 0 5px;
}
.paymentDialogLayout .memberListing .pLeft {
  flex: 1;
  display: flex;
  flex-direction: column;
  text-align: left;
}
.paymentDialogLayout .memberListing .pLeft p {
  margin: 0;
}
.paymentDialogLayout .memberListing .pLeft h3 {
  font-size: 30px;
  margin: 10px 0;
}
.paymentDialogLayout .memberListing .pLeft .itemText {
  display: flex;
  align-items: center;
}
.paymentDialogLayout .memberListing .pLeft .itemText span {
  margin: 0 5px;
}
.paymentDialogLayout .memberListing .pLeft .itemText p {
  margin: 0;
}
.paymentDialogLayout .memberListing .pRight {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}
.paymentDialogLayout .memberListing .pRight img {
  width: 150px;
  border-radius: 15px;
}
.paymentDialogLayout .memberCarListing {
  width: 100%;
  text-align: left;
}
.paymentDialogLayout .memberCarListing .mCItemListing {
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0px 0 30px;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem {
  display: flex;
  width: 100%;
  margin-bottom: 5px;
  align-items: center;
  font-size: 14px;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem label {
  display: flex;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem label i {
  font-size: 20px;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem p {
  margin: 0;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem span {
  margin: 0 5px;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem .price {
  color: red;
  font-size: 20px;
}
.paymentDialogLayout .memberCarListing .mCItemListing .mCItem.textRight {
  justify-content: flex-end;
}
.paymentDialogLayout .memberCarListing .memberItem {
  display: flex;
  margin-bottom: 5px;
}
.paymentDialogLayout .memberCarListing .memberItem div {
  flex: 1;
  display: flex;
}
.paymentDialogLayout .memberCarListing .memberItem .mLeft {
  justify-content: flex-start;
}
.paymentDialogLayout .memberCarListing .memberItem .mRight {
  justify-content: flex-end;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.paymentDialogLayout .paymentByListing {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 5px 0 0;
}
.paymentDialogLayout .paymentByListing .labelGp label span {
  color: red;
  margin: 0 5px;
}
.paymentDialogLayout .paymentByListing .labelGp .error {
  color: rgba(255, 56, 56, 0.7411764706);
  font-size: 11px;
}
.paymentDialogLayout .paymentByListing .listingPackage {
  margin-top: 7px;
}
.paymentDialogLayout .paymentByListing .listingPackage .itemPackage {
  margin-bottom: 20px;
  height: 65px;
  width: 100%;
  align-items: center;
  display: flex;
  background: #eee;
  padding: 20px;
  border-radius: 5px;
  cursor: pointer;
  position: relative;
}
.paymentDialogLayout .paymentByListing .listingPackage .itemPackage.selectActive {
  border: 2px solid #024de3;
  background: rgba(18, 102, 241, 0.1882352941) !important;
}
.paymentDialogLayout .paymentByListing .listingPackage .itemPackage .icon {
  position: absolute;
  right: -5px;
  top: -11px;
  color: #00b74a;
}
.paymentDialogLayout .paymentByListing .listingPackage .itemPackage.error {
  border: 1px solid red;
  background: rgba(255, 0, 0, 0.0705882353) !important;
}
.paymentDialogLayout .paymentByListing .paymentListing {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
  width: calc(100% - 20px);
  justify-content: center;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem {
  flex: 1;
  margin-right: 20px;
  width: 50%;
  margin-top: 7px;
  margin-bottom: 7px;
  display: flex;
  flex-wrap: wrap;
  background: #eee;
  border-radius: 5px;
  align-items: center;
  cursor: pointer;
  position: relative;
  height: 80px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem .textGp {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  padding: 0 10px;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem .textGp img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 10px;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem .textGp p {
  white-space: nowrap;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem.selectActive {
  border: 2px solid #024de3;
  background: rgba(18, 102, 241, 0.1882352941) !important;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem .icon {
  position: absolute;
  right: -5px;
  top: -11px;
  color: #fbfbfb;
  background: #024de3;
  border-radius: 50%;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem.error {
  border: 1px solid red;
  background: rgba(255, 0, 0, 0.0705882353) !important;
}
.paymentDialogLayout .paymentByListing .paymentListing .pItem:last-child {
  margin-bottom: 0;
  margin-right: 0;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp {
  margin-left: 20px;
  /* margin: 10px 0; */
  /* background: #eeeeee91; */
  padding: 0px;
  margin-top: 10px;
  border-radius: 10px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputRow2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  margin-bottom: 10px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputRow2 .inputGp {
  flex: 1;
  margin-right: 20px;
  width: calc(50% - 40px);
  display: flex;
  margin-bottom: 0;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputRow2 .inputGp:last-child {
  margin-right: 0;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp .price {
  background: #e0e0e0;
  opacity: 0.6;
  font-size: 18px !important;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp label {
  font-size: 14px;
  color: #5a5e66;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp label span {
  color: red;
  margin-left: 4px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp input[type=number] {
  height: 40px;
  border: 1px solid #d8dce5;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 14px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp textarea {
  border: 1px solid #eeeeee;
  border-radius: 7px;
  font-size: 14px;
  padding: 10px;
}
.paymentDialogLayout .paymentByListing .paymentFormInputGp .inputGp:last-child {
  margin-bottom: 0;
}
.paymentDialogLayout .repairServiceListing {
  width: 100%;
  background: #eee;
  padding: 20px;
  border-radius: 20px;
}
.paymentDialogLayout .repairServiceListing .rsItemTxt {
  display: flex;
  align-items: center;
}
.paymentDialogLayout .repairServiceListing .rsItemTxt span {
  margin: 0 5px;
}
.paymentDialogLayout .repairServiceListing .rsItemTxt p {
  margin: 0;
}
.paymentDialogLayout .repairServiceListing .itemListingRSGP {
  margin-top: 20px;
}
.paymentDialogLayout .repairServiceListing .itemListingRS {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 5px;
  font-size: 14px;
}
.paymentDialogLayout .repairServiceListing .itemListingRS .RSLeft {
  flex: 1;
  text-align: start;
}
.paymentDialogLayout .repairServiceListing .itemListingRS .RSRight {
  flex: 1;
  text-align: right;
}
.paymentDialogLayout .repairServiceListing .itemListingRS label {
  font-size: 13px;
  color: #757575;
}
.paymentDialogLayout .repairServiceListing .itemListingRS h3 {
  margin: 0;
}
.paymentDialogLayout .btnPaymentFooterListing {
  display: flex;
  justify-content: flex-end;
  margin-top: 15px;
}
.paymentDialogLayout .btnPaymentFooterListing .btnPaymentCancel {
  background: none;
  color: #ff3838;
  margin-right: 15px;
}
.paymentDialogLayout .btnPaymentFooterListing .btnPaymentSubmit {
  background: #024de3;
  color: #fff;
}
.paymentDialogLayout .btnPaymentFooterListing .btnPaymentSubmit .img {
  margin-right: 5px;
  width: 20px;
  height: 20px;
}

.inputPaymentPrice {
  display: flex;
  flex-direction: column;
}
.inputPaymentPrice .label {
  font-size: 14px;
  color: #757575;
}
.inputPaymentPrice .label span {
  color: red;
  margin-right: 5px;
}
.inputPaymentPrice input {
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.inputPaymentPrice .error {
  color: rgba(255, 56, 56, 0.7411764706);
  font-size: 11px;
}

.popUPPaymentAlertBG {
  background: rgba(204, 204, 204, 0.568627451);
  position: fixed;
  width: 100%;
  height: 100%;
}

.popUPPaymentAlert {
  width: 100%;
  height: 100%;
  position: fixed;
  justify-content: center;
  display: flex;
  align-items: center;
  overflow: hidden !important;
}
.popUPPaymentAlert .iconPG {
  background: #0cb00c;
  color: white;
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.popUPPaymentAlert .iconPG svg {
  width: 55px;
  height: 55px;
}
.popUPPaymentAlert .iconPG i {
  font-size: 50px;
}
.popUPPaymentAlert .layoutP {
  width: 280px;
  /* height      : 300px; */
  background: #b7bac1;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 35px;
}
.popUPPaymentAlert .layoutP .btnPFooter .confirm {
  background: blue;
  text-align: center;
  display: flex;
  justify-content: center;
}
.popUPPaymentAlert .PTextG {
  text-align: center;
}

.txtEmptyPayment {
  margin-top: 35px;
  font-size: 20px;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  height: 240px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.txtEmptyPayment img {
  width: 60px;
  height: 60px;
}
.txtEmptyPayment p {
  font-size: 18px;
  padding: 0px;
}
.txtEmptyPayment button {
  border: none;
  height: 30px;
  padding: 7px;
  border-radius: 5px;
  font-size: 12px;
  background: blue;
  color: white;
}

.pMarginTop12 {
  margin-top: 12px !important;
}

.numberLabel {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.numberLabel .number {
  font-size: 14px;
  color: #757575;
  width: 25px;
  height: 25px;
  background: #00b74a;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  font-weight: 600;
  margin-right: 10px;
}
.numberLabel h3 {
  margin: 0;
}
.numberLabel h3 span {
  margin-left: 4px;
  color: red;
  font-size: 16px;
}
.numberLabel h3 .errorLabel {
  color: rgba(255, 56, 56, 0.7411764706);
  font-size: 11px;
  margin-left: 15px;
}

.paymentPending {
  background: #ffa900;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 24px;
  font-size: 13px;
  color: white;
}

.paymentComplete {
  background: #21b75e;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  padding: 4px 12px;
  border-radius: 24px;
  font-size: 13px;
  color: white;
}

.submitSpinner {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.submitSpinner .loaderSpinnerVer1 {
  height: 100% !important;
  width: 100% !important;
  border: 4px solid #fbfbfb;
  border-top: 4px solid #3498db;
}

.loaderSpinnerVer1 {
  border: 5px solid #fbfbfb;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 65px;
  height: 65px;
  -webkit-animation: spinLoadingcus 1.5s linear infinite;
  /* Safari */
  animation: spinLoadingcus 1.5s linear infinite;
}

.gg-spinner {
  transform: scale(var(--ggs, 1));
}

.gg-spinner,
.gg-spinner::after,
.gg-spinner::before {
  box-sizing: border-box;
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
}

.gg-spinner::after,
.gg-spinner::before {
  content: "";
  position: absolute;
  border-radius: 100px;
}

.gg-spinner::before {
  -webkit-animation: spinLoadingcus 2s linear infinite;
          animation: spinLoadingcus 2s linear infinite;
  border: 3px solid transparent;
  border-top-color: currentColor;
}

.gg-spinner::after {
  border: 3px solid;
  opacity: 0.2;
}

@-webkit-keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Safari */
@-webkit-keyframes spinLoadingcus {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinLoadingcus {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#tinymce.mce-content-body {
  width: calc(100% - 65px) !important;
}
#tinymce.mce-content-body p {
  max-width: 100% !important;
}
#tinymce.mce-content-body p span iframe {
  max-width: 100% !important;
  width: 100% !important;
}
#tinymce.mce-content-body p span .mce-shim {
  max-width: 100% !important;
}
#tinymce.mce-content-body p span .mce-preview-object .mce-shim {
  max-width: 100% !important;
}
#tinymce.mce-content-body p iframe {
  max-width: 100% !important;
  width: 100% !important;
}
#tinymce.mce-content-body iframe {
  max-width: 100% !important;
  width: 100% !important;
}

.productFormLayout .pHeader {
  display: flex;
  align-items: flex-end;
  border-bottom: 1px solid #d8dce5;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.productFormLayout .pHeader img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.productFormLayout .pHeader .pText {
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.productFormLayout .pHeader .pText p {
  margin: 0;
}
.productFormLayout .pHeader .pText button {
  background: none;
  color: blue;
  font-size: 12px;
}
.productFormLayout .inputFormLayout .row2Input {
  display: flex;
  margin-bottom: 10px;
}
.productFormLayout .inputFormLayout .row2Input .inputGp {
  flex: 1;
  margin-right: 25px;
}
.productFormLayout .inputFormLayout .row2Input .imgGp {
  width: 170px;
  height: 135px;
  margin-top: 20px;
}
.productFormLayout .inputFormLayout .row2Input .imgGp .form-select-photo {
  height: 100% !important;
}
.productFormLayout .inputFormLayout .inputItem {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.productFormLayout .inputFormLayout .inputItem label {
  font-size: 14px;
  color: #5a5e66;
  padding: 0 12px 0 0;
}
.productFormLayout .inputFormLayout .inputItem label span {
  margin-left: 5px;
  color: red;
}
.productFormLayout .inputFormLayout .inputItem textarea {
  background-color: #fff;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 60px;
  line-height: 1;
  outline: 0;
  padding: 10px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.productFormLayout .inputFormLayout .inputItem textarea.des {
  height: 150px;
}
.productFormLayout .inputFormLayout .inputItem input {
  background-color: #fff;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.productFormLayout .inputFormLayout .inputItem .error {
  color: #ff9d9d;
  font-size: 12px !important;
  line-height: 1;
  padding-top: 4px;
}
.productFormLayout .inputFormLayout .inputItem:last-child {
  margin-bottom: 0;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp {
  margin-bottom: 15px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp:last-child {
  margin-bottom: 0 !important;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .label {
  font-size: 14px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .checkBoxGp {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #b7bac1;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .checkBoxGp input[type=checkbox] {
  width: 25px;
  height: 17px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp {
  border-bottom: 1px solid #d8dce5;
  margin: 15px 0 0 0;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable {
  display: flex;
  align-items: center;
  padding: 0;
  border-bottom: 1px solid #d8dce5;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable:last-child {
  border-bottom: none;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable div {
  border-right: 1px solid #d8dce5;
  padding: 0 10px;
  height: 100%;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable div:last-child {
  border-right: none;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .textCenter {
  display: flex;
  justify-content: center;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .opacity3 {
  opacity: 0.3;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .colT10 {
  width: 10%;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .colT70 {
  width: 70%;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .btnTrash {
  cursor: pointer;
  width: 100%;
  justify-content: center;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .rowTable .btnTrash svg {
  width: 20px;
  height: 20px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .header {
  height: 50px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .header div {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .body {
  height: 70px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .itemTableProductGp .PTableGp .body div {
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 12px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .btnAddLineGp button {
  background: none;
  color: #024de3;
  padding: 0;
  font-size: 14px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.productFormLayout .inputFormLayout .tableProductListingLayout .btnAddLineGp button svg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.tableItemListingGp {
  display: flex;
  width: 100%;
  padding: 0 !important;
}
.tableItemListingGp img {
  width: 65px;
  height: 85%;
  border: 1px solid #eee;
}
.tableItemListingGp .tableItemTextGp {
  flex-direction: column;
  height: 100% !important;
  text-align: left !important;
  justify-content: center !important;
  align-items: flex-start !important;
  display: flex;
  justify-content: center !important;
}
.tableItemListingGp .tableItemTextGp h3 {
  margin: 0;
  font-size: 14px;
}
.tableItemListingGp .tableItemTextGp p {
  margin: 0;
  font-size: 12px;
  color: #b7bac1;
}

.addInputDynamicLayout {
  border: 1px solid #d8dce5;
  border-top: 0;
  border-bottom: 0;
  flex-direction: column;
  height: auto !important;
  padding: 20px 0 !important;
}
.addInputDynamicLayout .inputAddGp {
  width: 100%;
  padding: 0 !important;
  margin-bottom: 15px;
}
.addInputDynamicLayout .inputAddGp .btnAdd {
  cursor: pointer;
}
.addInputDynamicLayout .inputAddGp .btnAdd svg {
  background: #00b74a;
  color: white;
  padding: 2px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}
.addInputDynamicLayout .inputAddGp div {
  padding: 0 !important;
}
.addInputDynamicLayout .inputAddGp div input[type=text] {
  margin-right: 20px;
  padding: 0 10px;
}
.addInputDynamicLayout .inputAddGp div input[type=number] {
  text-align: center;
}
.addInputDynamicLayout .inputAddGp div input {
  width: 100%;
  height: 35px;
  border: 1px solid #d8dce5;
  font-size: 15px;
}
.addInputDynamicLayout .inputAddGp .btnTrash {
  width: 100%;
  justify-content: center !important;
}
.addInputDynamicLayout div {
  border-right: 0 !important;
}

.imageGpbtnActionlayout {
  display: flex;
  margin-top: 15px;
  height: 20px;
}
.imageGpbtnActionlayout button {
  background: none;
  color: black !important;
  flex: 1;
  border-right: 2px solid black !important;
  border-radius: 0 !important;
  max-height: 100%;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  justify-content: center;
}
.imageGpbtnActionlayout button svg {
  width: 17px;
  height: 17px;
}
.imageGpbtnActionlayout button:last-child {
  border-right: none !important;
}

.itemGpListing {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
  margin-bottom: 10px;
}
.itemGpListing h3 {
  margin-top: 0;
  border-bottom: 1px solid #d8dce5;
  padding-bottom: 4px;
  display: flex;
  align-items: center;
  font-size: 17px;
  margin-bottom: 10px;
}
.itemGpListing h3 span {
  margin-right: 7px;
  font-size: 24px;
}
.itemGpListing .itemGp {
  display: flex;
}
.itemGpListing .itemGp .left {
  flex: 1;
}
.itemGpListing .itemGp .left .txtItem {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.itemGpListing .itemGp .left .txtItem label {
  width: 120px;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.itemGpListing .itemGp .left .txtItem span {
  margin: 0 5px;
}
.itemGpListing .itemGp .left .txtItem p {
  margin: 0;
  display: flex;
  align-items: center;
}
.itemGpListing .itemGp .left .txtItem p span {
  margin: 0 5px 0 0 !important;
  font-size: 13px;
  color: #2828e0;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.itemGpListing .itemGp .left .txtItem .status {
  padding: 0 12px;
  border-radius: 23px;
  color: white;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
  height: 22px;
  display: flex;
  align-items: center;
  font-size: 13px;
}
.itemGpListing .itemGp .left .txtItem .status.pending {
  background: #fbbd44;
}
.itemGpListing .itemGp .left .txtItem .status.approve {
  background: #1266f1;
}
.itemGpListing .itemGp .left .txtItem .status.cancel {
  background: red;
}
.itemGpListing .itemGp .left .txtItem .dateTime {
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.itemGpListing .itemGp .left .txtItem .price {
  color: red;
  font-size: 17px;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.itemGpListing .itemGp .left .txtItem.listColumn {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 5px;
}
.itemGpListing .itemGp .left .txtItem.listColumn .paymentListGp {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px 15px;
  background: #fbfbfb;
  border-radius: 10px;
}
.itemGpListing .itemGp .left .txtItem.listColumn .paymentListGp img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  margin-right: 10px;
}
.itemGpListing .itemGp .left .txtItem.listColumn .paymentListGp .payTxt {
  width: 100%;
  align-items: center;
}
.itemGpListing .itemGp .left .txtItem.listColumn .paymentListGp .payTxt .name {
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.itemGpListing .itemGp .right {
  width: 140px;
}
.itemGpListing .itemGp .right .img {
  height: 100%;
  width: 100%;
  border-radius: 15px;
}
.itemGpListing .txtItemImg label {
  margin-bottom: 5px;
}
.itemGpListing .txtItemImg .img {
  width: 100%;
  height: 200px;
  -o-object-fit: contain;
     object-fit: contain;
  background: #eee;
  border-radius: 10px;
  cursor: pointer;
}
.itemGpListing:last-child {
  margin-bottom: 0;
}

.memberRequestMoneyFooterGp {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #d8dce5;
  padding-top: 15px;
}
.memberRequestMoneyFooterGp button {
  margin-right: 10px !important;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
  font-size: 15px;
}
.memberRequestMoneyFooterGp button:last-child {
  margin-right: 0 !important;
}
.memberRequestMoneyFooterGp button.cancel {
  background: red;
  color: white !important;
}
.memberRequestMoneyFooterGp button.close {
  background: unset;
  color: red !important;
}
.memberRequestMoneyFooterGp button.approve {
  background: blue;
  color: white !important;
}
.memberRequestMoneyFooterGp button.approve img {
  margin-right: 7px;
}

.form-admin.booking {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.form-admin.booking .form-wrapper {
  padding: 20px 30px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  max-width: 100%;
}
.form-admin.booking .form-wrapper .form-header {
  width: 100%;
  display: flex;
  color: #fff;
  /* font-size: 20px; */
  padding: 0 0 10px 0;
  color: #757575;
}
.form-admin.booking .form-wrapper .form-header h3 {
  margin: 0;
}
.form-admin.booking .form-wrapper .form-header svg {
  background-color: #174195 !important;
}
.form-admin.booking .form-wrapper .form-body {
  box-sizing: border-box;
  background: #fff;
  padding: 40px;
  border-radius: 5px;
  box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.2);
}

.selectBooking {
  width: 100%;
  height: 35px;
  border: none;
  cursor: pointer;
  padding: 0 0 0 5px;
  border-right: 1px solid #e5e5e5;
}

.orderLayoutGp {
  display: flex;
}
.orderLayoutGp .productListingGp {
  width: 350px;
  height: 100%;
  padding: 20px;
  /* height          : 100%; */
  background: #e0e0e0 !important;
  border-radius: 16px;
  height: calc(100vh - 100px);
}
.orderLayoutGp .productListingGp .filterGp {
  border: 1px solid #e5e5e5;
  display: flex;
  border-radius: 5px;
  height: 40px;
  align-items: center;
  padding: 0 10px 0 0;
  background: #fff;
  overflow: hidden;
}
.orderLayoutGp .productListingGp .filterGp input {
  border: none;
  background: none;
  flex: 1;
  height: 100%;
  padding-left: 10px;
}
.orderLayoutGp .productListingGp .filterGp label {
  display: flex;
  cursor: pointer;
}
.orderLayoutGp .productListingGp .filterGp label svg {
  width: 20px;
  height: 20px;
  color: #7e8186;
}
.orderLayoutGp .productListingGp .productListingFilterGp {
  margin: 10px 0;
  height: calc(100% - 50px);
  overflow: auto;
  padding: 0 10px 0 0;
}
.orderLayoutGp .productListingGp .productListingFilterGp::-webkit-scrollbar {
  padding: 0 10px 0 0;
}
.orderLayoutGp .productListingGp .productListingFilterGp::-webkit-scrollbar-thumb {
  padding: 0 10px 0 0;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter {
  font-size: 12px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  flex-wrap: wrap;
  background: rgba(255, 255, 255, 0.6196078431);
  padding: 15px;
  border-radius: 10px;
  color: black;
  margin-bottom: 15px;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF {
  display: flex;
  align-items: flex-start;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF img {
  width: 80px;
  height: 90px;
  border-radius: 10px;
  margin-right: 10px;
  border: 1px solid rgba(224, 224, 224, 0.768627451);
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF .textItemGp h3 {
  margin: 0;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF .textItemGp .priceGp {
  display: flex;
  align-items: center;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF .textItemGp .priceGp span {
  margin: 0 5px;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF .textItemGp .priceGp p {
  margin: 0;
  color: red;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .itemProductF .textItemGp .priceGp p span {
  margin: 0 !important;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .btnActionOrderAddCartGp {
  padding-top: 10px;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter .btnActionOrderAddCartGp .addCart {
  height: 28px;
  background: #3e66ba;
  color: #fff;
}
.orderLayoutGp .productListingGp .productListingFilterGp .itemProductFilter:last-child {
  margin-bottom: 0;
}
.orderLayoutGp .div {
  margin-right: 25px;
  background: #fff;
  border-radius: 16px;
  padding: 20px;
  overflow: hidden;
}
.orderLayoutGp .div:last-child {
  margin-right: 0;
}
.orderLayoutGp .productListingCartGp {
  flex: 1;
  height: calc(100vh - 100px);
}
.orderLayoutGp .productListingCartGp .titleGp {
  height: 40px;
  display: flex;
  align-items: center;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart {
  margin: 15px 0;
  margin: 10px 0;
  height: calc(100% - 50px);
  overflow: auto;
  padding: 0 10px 0 0;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem {
  display: flex;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(204, 204, 204, 0.368627451);
  padding-bottom: 10px;
  position: relative;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .productType {
  position: absolute;
  color: red;
  color: white;
  padding: 2px 10px;
  border-radius: 10px;
  font-size: 11px;
  margin: 5px;
  box-shadow: brown;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .productType.product {
  background: #0080ff;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .productType.service {
  background: #3d9762;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem:last-child {
  margin-bottom: 0;
  border-bottom: unset !important;
  padding-bottom: 0;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .imageOrderGp {
  position: relative;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .imageOrderGp img {
  width: 110px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 15px;
  margin-right: 10px;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgba(224, 224, 224, 0.6509803922);
  cursor: pointer;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .imageOrderGp .typeSeller {
  position: absolute;
  top: 0;
  border: 1px solid red;
  border-radius: 50%;
  padding: 0px;
  width: 27px;
  height: 27px;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ff3838;
  color: #fff;
  margin: 4px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder {
  font-size: 14px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder h3 {
  margin: 0 0 0 0;
  font-weight: unset;
  -webkit-text-stroke: 0.3px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .label {
  position: absolute;
  line-height: 0;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .priceGp {
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 25px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .priceGp span {
  margin: 0 5px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .priceGp p {
  margin: 0;
  color: red;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .priceGp p span {
  margin: 0 !important;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .discountGp {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .discountGp span {
  margin: 0 5px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .discountGp p {
  margin: 0;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .priceOrderGp .discountGp p span {
  margin: 0 !important;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .qtyOrderGp {
  display: flex;
  flex-direction: column;
  border: 1px solid #e5e5e5;
  margin-top: 10px;
  position: relative;
  padding: 5px 5px 3px 5px;
  background: #fff;
  border-radius: 5px;
  width: 127px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .qtyOrderGp.red {
  border: 1px solid #ff9d9d !important;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .qtyOrderGp label {
  position: absolute;
  top: -10px;
  padding: 0 5px 0 0px;
  background: #fff;
  font-size: 12px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .qtyOrderGp input {
  border: none;
  /* z-index: 2; */
  overflow: hidden;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .qtyOrderGp.commissionBooking {
  width: 127px !important;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp {
  margin-top: 10px;
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  color: #8f8888;
  width: 85px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp label {
  cursor: pointer;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp label:hover {
  color: red;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp svg {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp span {
  font-size: 17px;
  margin-right: 5px;
}
.orderLayoutGp .productListingCartGp .productListingOrderCart .listingOrderItem .textGpOrder .removeOrderGp:hover {
  color: red;
}
.orderLayoutGp .paymentListTotalGp {
  width: 320px;
  height: 100%;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
  height: calc(100vh - 100px);
  overflow: auto;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout {
  margin-bottom: 25px;
  border: 1px solid #ccc;
  position: relative;
  margin-top: 10px;
  border-radius: 10px;
  padding: 10px 15px 25px 15px;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout .label {
  position: absolute;
  top: -16px;
  background: #edeff1;
  padding: 0 7px;
  color: #5a5e66;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout .itemForm {
  margin-top: 5px;
  padding: 0 7px;
  display: flex;
  flex-direction: column;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout .itemForm label {
  font-size: 14px;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout .itemForm label span {
  color: red;
}
.orderLayoutGp .paymentListTotalGp .infoFormPaymentLayout .itemForm input {
  width: 100%;
  border: 1px solid #d8dce5;
  height: 40px;
  border-radius: 5px;
  padding: 0 15px;
  cursor: pointer !important;
  color: #444;
  font-size: 15px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp {
  padding: 20px;
  background: #fff;
  border-radius: 16px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .titleGp {
  height: 40px;
  display: flex;
  align-items: center;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp {
  margin: 15px 0px;
  background: #eee;
  padding: 15px 20px;
  border-radius: 5px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp .itemTotal {
  display: flex;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-size: 15px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp .itemTotal label {
  width: 130px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp .itemTotal span {
  margin: 0 5px;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp .itemTotal div {
  margin: 0;
  flex: 1;
  display: flex;
  justify-content: flex-end;
  word-break: break-word;
}
.orderLayoutGp .paymentListTotalGp .paymentGp .bodyTotalGp .itemTotal:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.orderBtnActionGp {
  width: 100%;
  align-items: center;
  text-align: center;
  display: flex;
  flex-direction: column;
}
.orderBtnActionGp button {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  font-size: 14px;
}
.orderBtnActionGp button:last-child {
  margin: 0;
}
.orderBtnActionGp .paymentSub {
  width: 80% !important;
  border-radius: 30px !important;
  padding: 3px 0 !important;
  display: flex;
  justify-content: center;
  background: #3daa87;
}
.orderBtnActionGp .cancel {
  background: none;
  color: red !important;
  background: none;
}

.form-header h3 svg {
  background: red;
  border-radius: 50%;
  color: #fff !important;
  padding: 5px;
  cursor: pointer;
}

.emptyDataLayout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
}
.emptyDataLayout span {
  font-size: 45px;
  margin-bottom: 10px;
}
.emptyDataLayout .image {
  width: 140px;
  height: 140px;
  display: flex;
  justify-content: center;
  margin: 50px 0 0 0;
}
.emptyDataLayout .image img {
  width: 100%;
  height: 100%;
}
.emptyDataLayout .textEmpty p {
  margin: 0;
  font-size: 15px;
}

.selectOptionLayoutBooking.radioLayout {
  background: #fff;
  border-radius: 10px;
  padding: 7px 12px 12px;
  margin: 5px 0;
  border: 1px solid #d8dce5;
}
.selectOptionLayoutBooking label span {
  color: red;
}
.selectOptionLayoutBooking select {
  height: 40px;
  border-radius: 5px;
  padding: 0 5px;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}
.selectOptionLayoutBooking .radioGp .radioItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-top: 3px;
}
.selectOptionLayoutBooking .radioGp .radioItem label {
  cursor: pointer;
  margin-left: 7px;
  height: 20px;
}
.selectOptionLayoutBooking .radioGp .radioItem input {
  width: 15px !important;
  height: 15px !important;
}

span.error {
  color: rgba(255, 0, 0, 0.6392156863);
  font-size: 11px;
}

.listingPriceTypeGp:last-child {
  margin-bottom: 0;
}
.listingPriceTypeGp .label {
  position: absolute;
  line-height: 0;
  font-weight: 600;
  font-weight: unset;
  -webkit-text-stroke: 0.5px;
}
.listingPriceTypeGp .listingGp {
  padding-top: 0;
}
.listingPriceTypeGp .listingGp .itemLS {
  display: flex;
  align-items: center;
  line-height: 20px;
}
.listingPriceTypeGp .listingGp .itemLS span {
  margin: 0 5px;
}
.listingPriceTypeGp .listingGp .itemLS p {
  margin: 0;
}
.listingPriceTypeGp .listingGp .itemLS p span {
  margin: 0 !important;
}
.listingPriceTypeGp .listingGp .itemLS.price {
  color: red;
}

.addToCartBG {
  background: rgba(90, 94, 102, 0.1882352941) !important;
}

.errorCenter {
  width: 100%;
  text-align: center;
}

.bookingShopInfoII {
  padding: 20px 20px 25px 20px;
  background: #fff;
  border-radius: 16px;
  margin-bottom: 35px;
}
.bookingShopInfoII h3 {
  margin-top: 0;
  margin-bottom: 10px;
}
.bookingShopInfoII .shopInfoHeader {
  display: flex;
}
.bookingShopInfoII .shopInfoHeader img {
  width: 55px;
  height: 55px;
  border-radius: 15px;
  margin-right: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.bookingShopInfoII .shopInfoHeader .infoText {
  line-height: 22px;
  margin-top: 5px;
}
.bookingShopInfoII .shopInfoHeader .infoText h4,
.bookingShopInfoII .shopInfoHeader .infoText p {
  margin: 0;
}
.bookingShopInfoII .shopInfoHeader .infoText h4 svg,
.bookingShopInfoII .shopInfoHeader .infoText p svg {
  width: 14px;
  height: 14px;
}
.bookingShopInfoII .shopInfoHeader .infoText p {
  display: flex;
  align-items: center;
  color: #716c6c;
  font-size: 12px;
}
.bookingShopInfoII .shopInfoBody {
  margin-top: 10px;
  border-top: 1px solid #b7bac1;
  padding-top: 10px;
}
.bookingShopInfoII .shopInfoBody h4,
.bookingShopInfoII .shopInfoBody p {
  margin: 0;
}
.bookingShopInfoII .shopInfoBody h4 svg,
.bookingShopInfoII .shopInfoBody p svg {
  width: 14px;
  height: 14px;
}
.bookingShopInfoII .shopInfoBody h4 {
  margin-bottom: 5px !important;
}
.bookingShopInfoII .shopInfoBody p {
  font-size: 12px;
}

.bookingShopInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
  padding: 0 25px 25px;
  border-radius: 15px;
}
.bookingShopInfo img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-right: 10px;
}
.bookingShopInfo .infoText {
  line-height: 22px;
  margin-top: 5px;
}
.bookingShopInfo .infoText h3,
.bookingShopInfo .infoText p {
  margin: 0;
}
.bookingShopInfo .infoText h3 svg,
.bookingShopInfo .infoText p svg {
  width: 14px;
  height: 14px;
}
.bookingShopInfo .infoText p {
  display: flex;
  align-items: center;
  color: #716c6c;
  font-size: 12px;
}

.btnExcel {
  background: #174195 !important;
  color: white !important;
}
.btnExcel i {
  font-size: 18px !important;
}

.loadingFullSizeLayout {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  margin: 0 auto;
  flex-direction: column;
}
.loadingFullSizeLayout .loading.loadingSubmit #spinner {
  width: 55px !important;
  height: 55px !important;
}

.qtyOrderGp2 {
  display: flex;
  flex-wrap: wrap;
}
.qtyOrderGp2 .qtyOrderGp {
  margin-right: 10px;
}
.qtyOrderGp2 .qtyOrderGp .discountSelect {
  display: flex;
}
.qtyOrderGp2 .qtyOrderGp .discountSelect select {
  border: unset !important;
  width: 50px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  margin-right: 5px;
  border-right: 1px solid #e5e5e5 !important;
}
.qtyOrderGp2 .qtyOrderGp:last-child {
  margin-right: 0 !important;
}

.qtyOrderGpSpan .spanQty {
  color: #ff9d9d;
  font-size: 10px;
  line-height: 1;
  padding-top: 4px;
}

.inventoryLayoutCus {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: rgba(90, 94, 102, 0.1019607843);
  padding: 10px 20px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 15px;
}
.inventoryLayoutCus:last-child {
  margin-bottom: 0 !important;
}
.inventoryLayoutCus .itemInv {
  width: calc(25% - 15px);
  margin-right: 15px;
}
.inventoryLayoutCus .itemInv .form-row textarea {
  height: 40px !important;
}
.inventoryLayoutCus .itemInv .form-row .boxInput {
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 4px;
  border: 1px solid #d8dce5;
  box-sizing: border-box;
  color: #5a5e66;
  display: inline-block;
  font-size: 14px;
  height: 39px;
  line-height: 1;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  align-items: center;
  display: flex;
}
.inventoryLayoutCus .itemInv .form-row select {
  color: #5a5e66 !important;
}
.inventoryLayoutCus .itemInv .btnAction {
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: 3px;
  width: 100%;
  justify-content: center;
}
.inventoryLayoutCus .itemInv .btnAction button {
  margin: 0;
  padding: 0;
  height: 35px;
  min-width: 35px;
  color: #fff;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inventoryLayoutCus .itemInv .btnAction button:last-child {
  margin-right: 0;
}
.inventoryLayoutCus .itemInv .btnAction .btnDelete {
  background: red;
}
.inventoryLayoutCus .itemInv .btnAction .btnAdd {
  background: #3d3ddd;
}

.stockOutLayout .itemInv {
  width: calc(25% - 15px) !important;
}

.from-button-cus {
  padding-top: 0 !important;
  margin-top: 40px;
}

.previewImageText {
  display: flex;
  align-items: center;
}
.previewImageText .thumbnail {
  width: 60px !important;
  height: 60px !important;
  margin-right: 5px;
  border: 1px solid rgba(90, 94, 102, 0.1294117647);
  border-radius: 10px;
}
.previewImageText .textView {
  flex: 1;
  justify-content: flex-start;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-align: left;
}

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

.category-content-gp {
  width: 200px;
  margin-right: 5px;
}
.category-content-gp .category {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  padding: 0 10px;
}
.category-content-gp .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid rgba(51, 51, 51, 0.2) !important;
  border-radius: 4px;
}
.category-content-gp .select2 {
  width: 100% !important;
}
.category-content-gp .select2 .select2-selection {
  border-radius: 4px !important;
  border: 1px solid #d8dce5 !important;
  box-sizing: border-box !important;
  color: #5a5e66;
  display: flex !important;
  align-items: center;
  font-size: 14px;
  height: 35px !important;
  line-height: 1 !important;
  outline: 0;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.category-content-gp .select2 .select2-selection .select2-selection__rendered {
  padding: 0 !important;
}
.category-content-gp .select2 .select2-selection .select2-selection__arrow {
  top: 50% !important;
  right: 10px !important;
  transform: translateY(-50%);
}
.category-content-gp .select2-dropdown {
  border-radius: 5px !important;
}
.category-content-gp .select2-dropdown .select2-search__field {
  border-radius: 5px;
}

.form-row-inputCus {
  min-width: 110px !important;
  width: 130px !important;
}
.form-row-inputCus input {
  width: 100% !important;
}

.charts {
  width: calc(100% + 25px);
  display: flex;
  flex-wrap: wrap;
  margin-top: 25px;
}
.charts .charts-card {
  width: calc(50% - 25px);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  margin-right: 25px;
  margin-bottom: 25px;
  padding: 20px;
}
.charts .charts-card p {
  margin: 10px 0 0 20px;
}

.ms-parent {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
}
.ms-parent button {
  height: 100% !important;
  border: none !important;
  min-height: 100%;
  margin-left: 0 !important;
  margin: 0 !important;
  padding: 0 5px 0 10px !important;
}

.ms-search input {
  padding: 0;
  margin: 0;
  width: 100% !important;
  border: 1px solid rgb(101, 96, 96) !important;
}

.ms-select-all label input {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
}

.ms-drop.bottom ul li label input {
  width: 20px !important;
  height: 20px !important;
  margin-right: 10px !important;
}
.ms-drop.bottom input[type=text] {
  border-radius: 4px;
  padding: 4px 10px !important;
}

.ms-drop {
  margin-top: 5px !important;
}
.ms-drop.bottom {
  border-radius: 8px;
  border-color: #ccc;
  border-width: 1px;
  padding: 5px 5px;
}

.multipleSelect {
  display: none;
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: #333;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #024de3;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
  background: #024de3;
}

button:disabled {
  background: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.26) !important;
  cursor: no-drop !important;
}

input:disabled,
select:disabled,
.select2-container--disabled {
  background: rgba(0, 0, 0, 0.05) !important;
  color: rgba(0, 0, 0, 0.5) !important;
  cursor: no-drop !important;
}

[_route] {
  cursor: pointer;
}

*:focus {
  outline: none;
}

#ks-breadcrumb .breadcrumb-item {
  cursor: pointer;
}
#ks-breadcrumb .breadcrumb-item:hover {
  opacity: 0.7;
}
#ks-breadcrumb .breadcrumb-item.active {
  cursor: default;
}
#ks-breadcrumb .breadcrumb-item.active:hover {
  opacity: 1;
}

.lang-input {
  display: none !important;
  transition: display 0.2s ease-in-out;
}
.lang-input.active {
  display: inline-block !important;
}

.form-label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
}

.switch-lang {
  display: flex;
}
.switch-lang .tap {
  color: #333 !important;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  padding: 2px 4px;
  position: relative;
  margin-left: 4px;
}
.switch-lang .tap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: blue;
  border-radius: 5px;
  transition: width 0.1s ease-in;
}
.switch-lang .tap.active::before {
  width: 100%;
}

.labelError {
  color: red !important;
}

.selectOptionLayout {
  height: 100%;
  margin-left: 5px;
  border: 1px solid #d8dce5;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  max-width: 240px;
}
.selectOptionLayout select {
  height: 100%;
  border: unset;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
  color: #5a5e66;
}
.selectOptionLayout svg {
  position: absolute;
  right: 2px;
  height: 100%;
  color: #7d7d7d;
}

.justContentStart {
  justify-content: flex-start !important;
}
.justContentStart button:first-child {
  margin-left: 0 !important;
}