:root {
    --bs-blue: #26c6f9;
    --bs-indigo: #666cff;
    --bs-purple: #6f42c1;
    --bs-pink: #e83e8c;
    --bs-red: #ff4d49;
    --bs-orange: #fdb528;
    --bs-yellow: #ffd950;
    --bs-green: #72e128;
    --bs-teal: #20c997;
    --bs-cyan: #28c3d7;
    --bs-black: #141521;
    --bs-white: #fff;
    --bs-gray-dark: rgba(234, 234, 255, 0.8);
    --bs-gray-25: rgba(234, 234, 255, 0.015);
    --bs-gray-50: rgba(234, 234, 255, 0.03);
    --bs-primary: #666cff;
    --bs-secondary: #6d788d;
    --bs-success: #73bb43;
    --bs-info: #26c6f9;
    --bs-warning: #fdb528;
    --bs-danger: #ff4d49;
    --bs-light: #46445b;
    --bs-dark: #d7d5ec;
    --bs-gray: rgba(234, 234, 255, 0.06);
    --bs-primary-rgb: 102, 108, 255;
    --bs-secondary-rgb: 109, 120, 141;
    --bs-success-rgb: 115, 187, 67;
    --bs-info-rgb: 38, 198, 249;
    --bs-warning-rgb: 253, 181, 40;
    --bs-danger-rgb: 255, 77, 73;
    --bs-light-rgb: 70, 68, 91;
    --bs-dark-rgb: 215, 213, 236;
    --bs-gray-rgb: 234, 234, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 20, 21, 33;
    --bs-body-color-rgb: 160, 161, 184;
    --bs-body-bg-rgb: 40, 42, 66;
    --bs-font-sans-serif: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    --bs-font-monospace: "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9375rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.47;
    --bs-body-color: #a0a1b8;
    --bs-body-bg: #282a42;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #464963;
    --bs-border-color-translucent: rgba(20, 21, 33, 0.175);
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.375rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 0.5rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #666cff;
    --bs-link-hover-color: #5c61e6;
    --bs-code-color: #e83e8c;
    --bs-highlight-bg: #fff7dc
}

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

:root {
    font-size: var(--bs-root-font-size)
}

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

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(20, 21, 33, 0)
}

hr {
    margin: 1rem 0;
    color: #464963;
    border: 0;
    border-top: 1px solid;
    opacity: 1
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 1.1;
    color: #d2d2e8
}

h1, .h1 {
    font-size: calc(1.3625rem + 1.35vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.375rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.2875rem + 0.45vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.625rem
    }
}

h4, .h4 {
    font-size: calc(1.2625rem + 0.15vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.375rem
    }
}

h5, .h5 {
    font-size: 1.125rem
}

h6, .h6 {
    font-size: 0.9375rem
}

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

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

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

ol, ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: 900
}

small, .small {
    font-size: 85%
}

mark, .mark {
    padding: .1875em;
    background-color: var(--bs-highlight-bg)
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: var(--bs-link-color);
    text-decoration: none
}

a:hover {
    color: var(--bs-link-hover-color)
}

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

pre, code, kbd, samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 85%
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 85%;
    color: var(--bs-code-color);
    word-wrap: break-word
}

a > code {
    color: inherit
}

kbd {
    padding: .1875rem .375rem;
    font-size: 85%;
    color: #d7d5ec;
    background-color: var(--bs-body-color);
    border-radius: .375rem
}

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

figure {
    margin: 0 0 1rem
}

img, svg {
    vertical-align: middle
}

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

caption {
    padding-top: .65rem;
    padding-bottom: .65rem;
    color: #777991;
    text-align: left
}

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

thead, tbody, tfoot, tr, td, th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

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

button {
    border-radius: 0
}

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

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

button, select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important
}

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

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

::-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 + 0.3vw);
    line-height: inherit
}

@media (min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend + * {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

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

.display-1 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-1 {
        font-size: 4rem
    }
}

.display-2 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-2 {
        font-size: 3.5rem
    }
}

.display-3 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-3 {
        font-size: 3rem
    }
}

.display-4 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-4 {
        font-size: 2.5rem
    }
}

.display-5 {
    font-size: calc(1.325rem + 0.9vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-5 {
        font-size: 2rem
    }
}

.display-6 {
    font-size: calc(1.275rem + 0.3vw);
    font-weight: 500;
    line-height: 1.1
}

@media (min-width: 1200px) {
    .display-6 {
        font-size: 1.5rem
    }
}

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

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

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

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

.blockquote > :last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 85%;
    color: rgba(234, 234, 255, .6)
}

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

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

.img-thumbnail {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 0px solid var(--bs-border-color);
    border-radius: 0px;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

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

.figure-caption {
    font-size: 85%;
    color: #777991
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px
    }
}

@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1440px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x))
}

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

.col {
    flex: 1 0 0%
}

.row-cols-auto > * {
    flex: 0 0 auto;
    width: auto
}

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

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

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

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

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

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

.col-auto {
    flex: 0 0 auto;
    width: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-0, .gx-0 {
    --bs-gutter-x: 0
}

.g-0, .gy-0 {
    --bs-gutter-y: 0
}

.g-1, .gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1, .gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2, .gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2, .gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3, .gx-3 {
    --bs-gutter-x: 1rem
}

.g-3, .gy-3 {
    --bs-gutter-y: 1rem
}

.g-4, .gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4, .gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5, .gx-5 {
    --bs-gutter-x: 3rem
}

.g-5, .gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-0, .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0, .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1, .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1, .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2, .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2, .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3, .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3, .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4, .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4, .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5, .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5, .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-0, .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0, .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1, .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1, .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2, .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2, .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3, .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3, .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4, .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4, .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5, .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5, .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-0, .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0, .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1, .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1, .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2, .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2, .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3, .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3, .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4, .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4, .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5, .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5, .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-0, .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0, .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1, .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1, .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2, .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2, .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3, .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3, .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4, .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4, .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5, .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5, .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

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

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

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

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

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

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

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

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-0, .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0, .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1, .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1, .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2, .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2, .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3, .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3, .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4, .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4, .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5, .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5, .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-color: var(--bs-body-color);
    --bs-table-bg: transparent;
    --bs-table-border-color: #595b7566;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-body-color);
    --bs-table-striped-bg: #35385229;
    --bs-table-active-color: #a0a1b8;
    --bs-table-active-bg: rgba(102, 108, 255, 0.75);
    --bs-table-hover-color: var(--bs-body-color);
    --bs-table-hover-bg: rgba(234, 234, 255, 0.05);
    width: 100%;
    margin-bottom: 1rem;
    color: var(--bs-table-color);
    vertical-align: middle;
    border-color: var(--bs-table-border-color)
}

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

.table > tbody {
    vertical-align: inherit
}

.table > thead {
    vertical-align: bottom
}

.table-group-divider {
    border-top: 2px solid #595b75
}

.caption-top {
    caption-side: top
}

.table-sm > :not(caption) > * > * {
    padding: .3125rem .625rem
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0
}

.table-bordered > :not(caption) > * > * {
    border-width: 0 1px
}

.table-borderless > :not(caption) > * > * {
    border-bottom-width: 0
}

.table-borderless > :not(:first-child) {
    border-top-width: 0
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover > tbody > tr:hover > * {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-color: #141521;
    --bs-table-bg: #e0e2ff;
    --bs-table-border-color: #c8c9e4;
    --bs-table-striped-bg: #dbddf9;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #474859;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #d6d8f4;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-secondary {
    --bs-table-color: #141521;
    --bs-table-bg: #e2e4e8;
    --bs-table-border-color: #c9cbd0;
    --bs-table-striped-bg: #dddfe3;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #484953;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #d8dade;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-success {
    --bs-table-color: #141521;
    --bs-table-bg: #e3f9d4;
    --bs-table-border-color: #cadebf;
    --bs-table-striped-bg: #def3d0;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #484e4e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #d9eecb;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-info {
    --bs-table-color: #141521;
    --bs-table-bg: #d4f4fe;
    --bs-table-border-color: #bdd9e3;
    --bs-table-striped-bg: #cfeef8;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #444d58;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #cae9f3;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-warning {
    --bs-table-color: #141521;
    --bs-table-bg: #fff0d4;
    --bs-table-border-color: #e3d6bf;
    --bs-table-striped-bg: #f9ebd0;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #4f4c4e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #f3e5cb;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-danger {
    --bs-table-color: #141521;
    --bs-table-bg: #ffdbdb;
    --bs-table-border-color: #e3c3c5;
    --bs-table-striped-bg: #f9d6d6;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #4f4750;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #f3d1d2;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-light {
    --bs-table-color: #fff;
    --bs-table-bg: #3b3e59;
    --bs-table-border-color: #53556d;
    --bs-table-striped-bg: #40435d;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #cecfd6;
    --bs-table-active-color: #141521;
    --bs-table-hover-bg: #454861;
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.table-dark {
    --bs-table-color: #141521;
    --bs-table-bg: #d7d5ec;
    --bs-table-border-color: #c0bed4;
    --bs-table-striped-bg: #d2d0e7;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #454554;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #cdcbe2;
    --bs-table-hover-color: #141521;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color)
}

.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;
    font-size: 0.83125rem;
    font-weight: 500
}

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

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

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

.form-text {
    margin-top: .3rem;
    font-size: 85%;
    color: #777991
}

.form-control {
    display: block;
    width: 100%;
    padding: .5rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.47;
    color: #d2d2e8;
    background-color: #070814;
    background-clip: padding-box;
    border: 1px solid #595b7566;
    appearance: none;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.form-control[type=file] {
    overflow: hidden
}

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

.form-control:focus {
    color: #d2d2e8;
    background-color: #070814;
    border-color: #fff;
    outline: 0;
    box-shadow: none
}

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

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

.form-control:disabled {
    background-color: #181924;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .5rem .875rem;
    margin: -0.5rem -0.875rem;
    margin-inline-end: .875rem;
    color: #d2d2e8;
    background-color: #070814;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

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

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .5rem 0;
    margin-bottom: 0;
    line-height: 1.47;
    color: #a0a1b8;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: 2.22rem;
    padding: .375rem .625rem;
    font-size: 0.8125rem;
    border-radius: .375rem
}

.form-control-sm::file-selector-button {
    padding: .375rem .625rem;
    margin: -0.375rem -0.625rem;
    margin-inline-end: .625rem
}

.form-control-lg {
    min-height: 2.69rem;
    padding: .61rem 1.25rem;
    font-size: 1.0625rem;
    border-radius: .625rem
}

.form-control-lg::file-selector-button {
    padding: .61rem 1.25rem;
    margin: -0.61rem -1.25rem;
    margin-inline-end: 1.25rem
}

textarea.form-control {
    min-height: 2.47rem
}

textarea.form-control-sm {
    min-height: 2.22rem
}

textarea.form-control-lg {
    min-height: 2.69rem
}

.form-control-color {
    width: 3rem;
    height: 2.47rem;
    padding: .5rem
}

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

.form-control-color::-moz-color-swatch {
    border: 0 !important;
    border-radius: .5rem
}

.form-control-color::-webkit-color-swatch {
    border-radius: .5rem
}

.form-control-color.form-control-sm {
    height: 2.22rem
}

.form-control-color.form-control-lg {
    height: 2.69rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .45rem 1.875rem .45rem .875rem;
    -moz-padding-start: calc(0.875rem - 3px);
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.47;
    color: #d2d2e8;
    background-color: #070814;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTVFQzBCN0RGNTVGMTFFOUFGQzlGNTU5RTcxM0NFRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTVFQzBCN0VGNTVGMTFFOUFGQzlGNTU5RTcxM0NFRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUVDMEI3QkY1NUYxMUU5QUZDOUY1NTlFNzEzQ0VENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUVDMEI3Q0Y1NUYxMUU5QUZDOUY1NTlFNzEzQ0VENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph4clTQAAAB2SURBVHjaYnB29f4PwgwDDJgYBgkYdQg6YCFF8f///0ejZtQhlIAGUDIiEzdQ2yGNZOhrpLZDyHFMI1QPTdIIsY6BO4KWiZWQY1AcQetcg8sxGI6gR/ZFdwxWR5BcxFPgGGxsujsErwNGi/hRh4w6ZMg7BCDAAEbbI1RCvUysAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-position: right .875rem center;
    background-size: 17px 12px;
    border: 1px solid #4f5269;
    border-radius: .5rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

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

.form-select:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: none
}

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

.form-select:disabled {
    color: #a0a1b8;
    background-color: #3a3d57
}

.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #d2d2e8
}

.form-select-sm {
    padding-top: .375rem;
    padding-bottom: .375rem;
    padding-left: .625rem;
    font-size: 0.8125rem;
    border-radius: .375rem
}

.form-select-lg {
    padding-top: .61rem;
    padding-bottom: .61rem;
    padding-left: 1.25rem;
    font-size: 1.0625rem;
    border-radius: .625rem
}

.form-check {
    display: block;
    min-height: 1.378125rem;
    padding-left: 2em;
    margin-bottom: .5rem
}

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

.form-check-reverse {
    padding-right: 2em;
    padding-left: 0;
    text-align: right
}

.form-check-reverse .form-check-input {
    float: right;
    margin-right: -2em;
    margin-left: 0
}

.form-check-input {
    width: 1.25em;
    height: 1.25em;
    margin-top: .11em;
    vertical-align: top;
    background-color: #070814;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #4f5269;
    appearance: none;
    print-color-adjust: exact
}

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

.form-check-input[type=radio] {
    border-radius: 50%
}

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

.form-check-input:focus {
    border-color: #fff;
    outline: 0;
    box-shadow: 0 0 .25rem .05rem rgba(255, 255, 255, .1)
}

.form-check-input:checked {
    background-color: #fff;
    border-color: #fff
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='transparent' stroke='%234f5269'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #fff;
    border-color: #fff;
    background-image: url("data:image/svg+xml,%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='2' 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 {
    cursor: default;
    opacity: .5
}

.form-check-label {
    cursor: pointer
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%234f5269'/%3e%3c/svg%3e");
    background-position: left center;
    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,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
    padding-right: 2.5em;
    padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
    margin-right: -2.5em;
    margin-left: 0
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.35rem;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #282a42, none
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #282a42, none
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -0.5rem;
    background-color: #9899a7;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

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

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

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .25rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: rgba(234, 234, 255, .22);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1.25rem;
    height: 1.25rem;
    background-color: #9899a7;
    border: 0;
    border-radius: 1rem;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    appearance: none
}

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

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

.form-range::-moz-range-track {
    width: 100%;
    height: .25rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: rgba(234, 234, 255, .22);
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

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

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

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

.form-floating {
    position: relative
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
    height: calc(2.940725rem + 2px);
    line-height: 1.47
}

.form-floating > label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: .7813rem .7813rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out
}

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

.form-floating > .form-control, .form-floating > .form-control-plaintext {
    padding: .7813rem .7813rem
}

.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
    color: rgba(0, 0, 0, 0)
}

.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
    padding-top: 1.17195rem;
    padding-bottom: calc(.39065rem + 1px)
}

.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
    padding-top: 1.17195rem;
    padding-bottom: calc(.39065rem + 1px)
}

.form-floating > .form-select {
    padding-top: 1.17195rem;
    padding-bottom: calc(.39065rem + 1px)
}

.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
    opacity: .75;
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem)
}

.form-floating > .form-control:-webkit-autofill ~ label {
    opacity: .75;
    transform: scale(0.8) translateY(-0.6rem) translateX(0.15rem)
}

.form-floating > .form-control-plaintext ~ label {
    border-width: 1px 0
}

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

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

.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
    z-index: 5
}

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

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

.input-group-text {
    display: flex;
    align-items: center;
    padding: .5rem .875rem;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.47;
    color: #a0a1b8;
    text-align: center;
    white-space: nowrap;
    background-color: #070814;
    border: 1px solid #595b7566;
    border-radius: .5rem
}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
    padding: .61rem 1.25rem;
    font-size: 1.0625rem;
    border-radius: .625rem
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
    padding: .375rem .625rem;
    font-size: 0.8125rem;
    border-radius: .375rem
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
    padding-right: 2.75rem
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn {
    --bs-btn-padding-x: 1.375rem;
    --bs-btn-padding-y: 0.45rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.9375rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.47;
    --bs-btn-color: #a0a1b8;
    --bs-btn-bg: transparent;
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0.5rem;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: 0px 4px 8px -4px rgba(20, 21, 33, 0.42);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.05rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: all .2s ease-in-out
}

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

.btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color)
}

.btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
    box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--bs-link-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-link-hover-color);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--bs-link-hover-color);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: rgba(234, 234, 255, 0.6);
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: none;
    --bs-btn-focus-shadow-rgb: 125, 130, 255;
    text-decoration: none
}

.btn-link:focus-visible {
    color: var(--bs-btn-color)
}

.btn-link:hover {
    color: var(--bs-btn-hover-color)
}

.btn-lg, .btn-group-lg > .btn {
    --bs-btn-padding-y: 0.61rem;
    --bs-btn-padding-x: 1.625rem;
    --bs-btn-font-size: 1.0625rem;
    --bs-btn-border-radius: 0.625rem
}

.btn-sm, .btn-group-sm > .btn {
    --bs-btn-padding-y: 0.375rem;
    --bs-btn-padding-x: 0.969rem;
    --bs-btn-font-size: 0.8125rem;
    --bs-btn-border-radius: 0.375rem
}

.fade {
    transition: opacity .15s linear
}

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

.fade:not(.show) {
    opacity: 0
}

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

.collapsing {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

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

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: width .35s ease
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
    content: "";
    margin-top: -0.28em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 10rem;
    --bs-dropdown-padding-x: 0;
    --bs-dropdown-padding-y: 0.3125rem;
    --bs-dropdown-spacer: 0.125rem;
    --bs-dropdown-font-size: 0.9375rem;
    --bs-dropdown-color: #a0a1b8;
    --bs-dropdown-bg: #070814;
    --bs-dropdown-border-color: rgba(255, 255, 255, 0.05);
    --bs-dropdown-border-radius: 0.5rem;
    --bs-dropdown-border-width: 0;
    --bs-dropdown-inner-border-radius: 0;
    --bs-dropdown-divider-bg: rgba(255, 255, 255, 0.09);
    --bs-dropdown-divider-margin-y: 0.5rem;
    --bs-dropdown-box-shadow: 0px 5px 5px -3px rgba(20, 21, 33, 0.2), 0px 8px 10px 1px rgba(20, 21, 33, 0.14), 0px 3px 14px 2px rgba(20, 21, 33, 0.12);
    --bs-dropdown-link-color: #a0a1b8;
    --bs-dropdown-link-hover-color: #a0a1b8;
    --bs-dropdown-link-hover-bg: rgba(234, 234, 255, 0.06);
    --bs-dropdown-link-active-color: #666cff;
    --bs-dropdown-link-active-bg: rgba(102, 108, 255, 0.1);
    --bs-dropdown-link-disabled-color: #777991;
    --bs-dropdown-item-padding-x: 1rem;
    --bs-dropdown-item-padding-y: 0.483rem;
    --bs-dropdown-header-color: #777991;
    --bs-dropdown-header-padding-x: 1rem;
    --bs-dropdown-header-padding-y: 0.3125rem;
    position: absolute;
    z-index: var(--bs-dropdown-zindex);
    display: none;
    min-width: var(--bs-dropdown-min-width);
    padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
    margin: 0;
    font-size: var(--bs-dropdown-font-size);
    color: var(--bs-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--bs-dropdown-bg);
    background-clip: padding-box;
    border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
    border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: var(--bs-dropdown-spacer)
}

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

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

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

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

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

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

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

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

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

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

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

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

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

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

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

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

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

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

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

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

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

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

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

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
    content: "";
    margin-top: 0;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
    content: "";
    border-top: .42em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .42em solid rgba(0, 0, 0, 0);
    border-left: .42em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .5em;
    vertical-align: middle;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle;
    content: "";
    border-top: .42em solid rgba(0, 0, 0, 0);
    border-right: .42em solid;
    border-bottom: .42em solid rgba(0, 0, 0, 0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: var(--bs-dropdown-divider-margin-y) 0;
    overflow: hidden;
    border-top: 1px solid var(--bs-dropdown-divider-bg);
    opacity: 1
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover, .dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color);
    background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-dropdown-link-active-color);
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--bs-dropdown-link-disabled-color);
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
    margin-bottom: 0;
    font-size: 0.8125rem;
    color: var(--bs-dropdown-header-color);
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
    --bs-dropdown-color: rgba(234, 234, 255, 0.22);
    --bs-dropdown-bg: rgba(234, 234, 255, 0.8);
    --bs-dropdown-border-color: rgba(255, 255, 255, 0.05);
    --bs-dropdown-box-shadow: ;
    --bs-dropdown-link-color: rgba(234, 234, 255, 0.22);
    --bs-dropdown-link-hover-color: #fff;
    --bs-dropdown-divider-bg: rgba(255, 255, 255, 0.09);
    --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
    --bs-dropdown-link-active-color: #666cff;
    --bs-dropdown-link-active-bg: rgba(102, 108, 255, 0.1);
    --bs-dropdown-link-disabled-color: rgba(234, 234, 255, 0.5);
    --bs-dropdown-header-color: rgba(234, 234, 255, 0.5)
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group {
    border-radius: .5rem
}

.btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px
}

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

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: 1.03125rem;
    padding-left: 1.03125rem
}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

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

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

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
    width: 100%
}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -1px
}

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

.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    --bs-nav-link-padding-x: 1.375rem;
    --bs-nav-link-padding-y: 0.811rem;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: #a0a1b8;
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #777991;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    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:hover, .nav-link:focus {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #464963;
    --bs-nav-tabs-border-radius: 0.5rem;
    --bs-nav-tabs-link-hover-border-color: rgba(234, 234, 255, 0.12) rgba(234, 234, 255, 0.12) #464963;
    --bs-nav-tabs-link-active-color: #fff;
    --bs-nav-tabs-link-active-bg: #070814;
    --bs-nav-tabs-link-active-border-color: #070814;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
    margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
    background: none;
    border: var(--bs-nav-tabs-border-width) solid rgba(0, 0, 0, 0);
    border-top-left-radius: var(--bs-nav-tabs-border-radius);
    border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    isolation: isolate;
    border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color);
    background-color: var(--bs-nav-tabs-link-active-bg);
    border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
    margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills {
    --bs-nav-pills-border-radius: 0.5rem;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: transparent
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
    color: var(--bs-nav-link-disabled-color);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

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

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

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%
}

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

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

.navbar {
    --bs-navbar-padding-x: 0;
    --bs-navbar-padding-y: 0.5rem;
    --bs-navbar-color: rgba(234, 234, 255, 0.5);
    --bs-navbar-hover-color: #4e5155;
    --bs-navbar-disabled-color: rgba(20, 21, 33, 0.2);
    --bs-navbar-active-color: #4e5155;
    --bs-navbar-brand-padding-y: 0.719125rem;
    --bs-navbar-brand-margin-end: 1rem;
    --bs-navbar-brand-font-size: 1.0625rem;
    --bs-navbar-brand-color: #4e5155;
    --bs-navbar-brand-hover-color: #4e5155;
    --bs-navbar-nav-link-padding-x: 0.5rem;
    --bs-navbar-toggler-padding-y: 0.5rem;
    --bs-navbar-toggler-padding-x: 0.7rem;
    --bs-navbar-toggler-font-size: 0.625rem;
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28234, 234, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    --bs-navbar-toggler-border-color: rgba(20, 21, 33, 0.06);
    --bs-navbar-toggler-border-radius: 0.5rem;
    --bs-navbar-toggler-focus-width: 0.05rem;
    --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)
}

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

.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: var(--bs-navbar-brand-color);
    white-space: nowrap
}

.navbar-brand:hover, .navbar-brand:focus {
    color: var(--bs-navbar-brand-hover-color)
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.811rem;
    --bs-nav-link-font-weight: 500;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color)
}

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

.navbar-text {
    padding-top: .811rem;
    padding-bottom: .811rem;
    color: var(--bs-navbar-color)
}

.navbar-text a, .navbar-text a:hover, .navbar-text a:focus {
    color: var(--bs-navbar-active-color)
}

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

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: rgba(0, 0, 0, 0);
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition)
}

@media (prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width)
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    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: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

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

    .navbar-expand-sm .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

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

    .navbar-expand-md .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-md .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

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

    .navbar-expand-lg .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

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

    .navbar-expand-xl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media (min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x)
    }

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

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

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

    .navbar-expand-xxl .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x)
}

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

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

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

.navbar-expand .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0 !important;
    transform: none !important;
    transition: none
}

.navbar-expand .offcanvas .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

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

.card {
    --bs-card-spacer-y: 1.375rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-title-spacer-y: 0.875rem;
    --bs-card-border-width: 0;
    --bs-card-border-color: #464963;
    --bs-card-border-radius: 0.625rem;
    --bs-card-box-shadow: 0 0.125rem 0.625rem 0 rgba(20, 21, 33, 0.18);
    --bs-card-inner-border-radius: 0.625rem;
    --bs-card-cap-padding-y: 1.25rem;
    --bs-card-cap-padding-x: 1.25rem;
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: #d2d2e8;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #070814;
    --bs-card-img-overlay-padding: 1.5rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius)
}

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

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

.card > .list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card > .list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

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

.card-body {
    flex: 1 1 auto;
    padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
    color: var(--bs-card-color)
}

.card-title {
    margin-bottom: var(--bs-card-title-spacer-y)
}

.card-subtitle {
    margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
    margin-bottom: 0
}

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

.card-link + .card-link {
    margin-left: var(--bs-card-spacer-x)
}

.card-header {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    margin-bottom: 0;
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-header:first-child {
    border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
}

.card-footer {
    padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
    color: var(--bs-card-cap-color);
    background-color: var(--bs-card-cap-bg);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color)
}

.card-footer:last-child {
    border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
}

.card-header-tabs {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
    border-bottom: 0
}

.card-header-tabs .nav-link.active {
    background-color: var(--bs-card-bg);
    border-bottom-color: var(--bs-card-bg)
}

.card-header-pills {
    margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
    margin-left: calc(-0.5 * var(--bs-card-cap-padding-x))
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: var(--bs-card-img-overlay-padding);
    border-radius: var(--bs-card-inner-border-radius)
}

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

.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius)
}

.card-img, .card-img-bottom {
    border-bottom-right-radius: var(--bs-card-inner-border-radius);
    border-bottom-left-radius: var(--bs-card-inner-border-radius)
}

.card-group > .card {
    margin-bottom: var(--bs-card-group-margin)
}

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

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

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

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

    .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

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

    .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion {
    --bs-accordion-color: #a0a1b8;
    --bs-accordion-bg: #070814;
    --bs-accordion-transition: 0.3s all cubic-bezier(0.4, 0, 0.2, 1);
    --bs-accordion-border-color: #464963;
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.5rem;
    --bs-accordion-inner-border-radius: calc(0.5rem - 1px);
    --bs-accordion-btn-padding-x: 1.25rem;
    --bs-accordion-btn-padding-y: 0.845rem;
    --bs-accordion-btn-color: #d2d2e8;
    --bs-accordion-btn-bg: var(--bs-accordion-bg);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23d2d2e8' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
    --bs-accordion-btn-icon-width: 1.4rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  fill='%23d2d2e8' viewBox='0 0 24 24'%3E%3Ctitle%3Echevron-down%3C/title%3E%3Cpath d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' /%3E%3C/svg%3E");
    --bs-accordion-btn-focus-border-color: #464963;
    --bs-accordion-btn-focus-box-shadow: none;
    --bs-accordion-body-padding-x: 1.25rem;
    --bs-accordion-body-padding-y: 0.845rem;
    --bs-accordion-active-color: #d2d2e8;
    --bs-accordion-active-bg: #070814
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 0.9375rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition)
}

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

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--bs-accordion-btn-active-icon);
    transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition)
}

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

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

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    color: var(--bs-accordion-color);
    background-color: var(--bs-accordion-bg);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
    border-top-left-radius: var(--bs-accordion-border-radius);
    border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: var(--bs-accordion-inner-border-radius);
    border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
    border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: var(--bs-accordion-border-radius);
    border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
    padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

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

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

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 0
}

.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-font-size: 1rem;
    --bs-breadcrumb-bg: transparent;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: #a0a1b8;
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: #d2d2e8;
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius)
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: var(--bs-breadcrumb-item-padding-x)
}

.breadcrumb-item + .breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: var(--bs-breadcrumb-divider-color);
    content: var(--bs-breadcrumb-divider, ">") /* rtl: var(--bs-breadcrumb-divider, "\\") */
}

.breadcrumb-item.active {
    color: var(--bs-breadcrumb-item-active-color)
}

.pagination {
    --bs-pagination-padding-x: 0.3125rem;
    --bs-pagination-padding-y: 0.469rem;
    --bs-pagination-font-size: 0.9375rem;
    --bs-pagination-color: #d2d2e8;
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 1px;
    --bs-pagination-border-color: #595b75;
    --bs-pagination-border-radius: 50%;
    --bs-pagination-hover-color: #d2d2e8;
    --bs-pagination-hover-bg: #393c57;
    --bs-pagination-hover-border-color: #595b75;
    --bs-pagination-focus-color: #d2d2e8;
    --bs-pagination-focus-bg: #393c57;
    --bs-pagination-focus-box-shadow: none;
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #666cff;
    --bs-pagination-active-border-color: #666cff;
    --bs-pagination-disabled-color: #777991;
    --bs-pagination-disabled-bg: #393c57;
    --bs-pagination-disabled-border-color: #464963;
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: var(--bs-pagination-color);
    background-color: var(--bs-pagination-bg);
    border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

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

.page-link:hover {
    z-index: 2;
    color: var(--bs-pagination-hover-color);
    background-color: var(--bs-pagination-hover-bg);
    border-color: var(--bs-pagination-hover-border-color)
}

.page-link:focus {
    z-index: 3;
    color: var(--bs-pagination-focus-color);
    background-color: var(--bs-pagination-focus-bg);
    outline: 0;
    box-shadow: var(--bs-pagination-focus-box-shadow)
}

.page-link.active, .active > .page-link {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: var(--bs-pagination-active-bg);
    border-color: var(--bs-pagination-active-border-color)
}

.page-link.disabled, .disabled > .page-link {
    color: var(--bs-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--bs-pagination-disabled-bg);
    border-color: var(--bs-pagination-disabled-border-color)
}

.page-item:not(:first-child) .page-link {
    margin-left: .344rem
}

.page-item .page-link {
    border-radius: var(--bs-pagination-border-radius)
}

.pagination-lg {
    --bs-pagination-padding-x: 0.5rem;
    --bs-pagination-padding-y: 0.657rem;
    --bs-pagination-font-size: 1.0625rem;
    --bs-pagination-border-radius: 50%
}

.pagination-sm {
    --bs-pagination-padding-x: 0.25rem;
    --bs-pagination-padding-y: 0.344rem;
    --bs-pagination-font-size: 0.8125rem;
    --bs-pagination-border-radius: 50%
}

.badge {
    --bs-badge-padding-x: 0.583em;
    --bs-badge-padding-y: 0.35em;
    --bs-badge-font-size: 0.85em;
    --bs-badge-font-weight: 500;
    --bs-badge-color: #fff;
    --bs-badge-border-radius: 0.1875rem;
    display: inline-block;
    padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
    font-size: var(--bs-badge-font-size);
    font-weight: var(--bs-badge-font-weight);
    line-height: 1;
    color: var(--bs-badge-color);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--bs-badge-border-radius)
}

.badge:empty {
    display: none
}

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

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 1rem;
    --bs-alert-padding-y: 0.781rem;
    --bs-alert-margin-bottom: 1rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 1px solid var(--bs-alert-border-color);
    --bs-alert-border-radius: 0.5rem;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: var(--bs-alert-border);
    border-radius: var(--bs-alert-border-radius)
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: .97625rem 1rem
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: .75rem
    }
}

.progress {
    --bs-progress-height: 0.75rem;
    --bs-progress-font-size: 0.625rem;
    --bs-progress-bg: #363a63;
    --bs-progress-border-radius: 0;
    --bs-progress-box-shadow: inset 0 1px 2px rgba(20, 21, 33, 0.075);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: #666cff;
    --bs-progress-bar-transition: width 0.6s ease;
    display: flex;
    height: var(--bs-progress-height);
    overflow: hidden;
    font-size: var(--bs-progress-font-size);
    background-color: var(--bs-progress-bg);
    border-radius: var(--bs-progress-border-radius)
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-progress-bar-bg);
    transition: var(--bs-progress-bar-transition)
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

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

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    --bs-list-group-color: rgba(234, 234, 255, 0.87);
    --bs-list-group-bg: transparent;
    --bs-list-group-border-color: #464963;
    --bs-list-group-border-width: 1px;
    --bs-list-group-border-radius: 0.5rem;
    --bs-list-group-item-padding-x: 1rem;
    --bs-list-group-item-padding-y: 0.735rem;
    --bs-list-group-action-color: #d2d2e8;
    --bs-list-group-action-hover-color: #d2d2e8;
    --bs-list-group-action-hover-bg: #393c57;
    --bs-list-group-action-active-color: #d2d2e8;
    --bs-list-group-action-active-bg: #34385c;
    --bs-list-group-disabled-color: #777991;
    --bs-list-group-disabled-bg: transparent;
    --bs-list-group-active-color: #d2d2e8;
    --bs-list-group-active-bg: #34385c;
    --bs-list-group-active-border-color: #464963;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: var(--bs-list-group-border-radius)
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered > .list-group-item::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: var(--bs-list-group-action-color);
    text-align: inherit
}

.list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: var(--bs-list-group-action-hover-color);
    text-decoration: none;
    background-color: var(--bs-list-group-action-hover-bg)
}

.list-group-item-action:active {
    color: var(--bs-list-group-action-active-color);
    background-color: var(--bs-list-group-action-active-bg)
}

.list-group-item {
    position: relative;
    display: block;
    padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
    color: var(--bs-list-group-color);
    background-color: var(--bs-list-group-bg);
    border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)
}

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

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

.list-group-item.disabled, .list-group-item:disabled {
    color: var(--bs-list-group-disabled-color);
    pointer-events: none;
    background-color: var(--bs-list-group-disabled-bg)
}

.list-group-item.active {
    z-index: 2;
    color: var(--bs-list-group-active-color);
    background-color: var(--bs-list-group-active-bg);
    border-color: var(--bs-list-group-active-border-color)
}

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

.list-group-item + .list-group-item.active {
    margin-top: calc(-1 * var(--bs-list-group-border-width));
    border-top-width: var(--bs-list-group-border-width)
}

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

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0
}

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

.list-group-horizontal > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width)
}

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

    .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

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

    .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-md > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

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

    .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

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

    .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

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

    .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0
    }

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

    .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0
    }

    .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width)
    }
}

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

.list-group-flush > .list-group-item {
    border-width: 0 0 var(--bs-list-group-border-width)
}

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

.btn-close {
    box-sizing: content-box;
    width: .65rem;
    height: .65rem;
    padding: .25em .25em;
    color: #fff;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/0.65rem auto no-repeat;
    border: 0;
    border-radius: .5rem;
    opacity: .5
}

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

.btn-close:focus {
    outline: 0;
    box-shadow: none;
    opacity: .75
}

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

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

.toast {
    --bs-toast-zindex: 1095;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.406rem;
    --bs-toast-spacing: 1rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.9375rem;
    --bs-toast-color: #a0a1b8;
    --bs-toast-bg: rgba(48, 51, 78, 0.85);
    --bs-toast-border-width: 0rem;
    --bs-toast-border-color: rgba(234, 234, 255, 0.06);
    --bs-toast-border-radius: 0.5rem;
    --bs-toast-box-shadow: 0px 4px 24px -2px rgba(20, 21, 33, 0.8);
    --bs-toast-header-color: rgba(234, 234, 255, 0.6);
    --bs-toast-header-bg: rgba(48, 51, 78, 0.85);
    --bs-toast-header-border-color: rgba(255, 255, 255, 0.09);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1095;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container > :not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-0.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.modal {
    --bs-modal-zindex: 1090;
    --bs-modal-width: 35rem;
    --bs-modal-padding: 1.25rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #070814;
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 0px;
    --bs-modal-border-radius: 0.625rem;
    --bs-modal-box-shadow: 0 0.3125rem 1.25rem rgba(21, 21, 28, 0.4);
    --bs-modal-inner-border-radius: calc(0.625rem - 0px);
    --bs-modal-header-padding-x: 1.25rem;
    --bs-modal-header-padding-y: 1.25rem;
    --bs-modal-header-padding: 1.25rem 1.25rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 0;
    --bs-modal-title-line-height: 1.47;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: transform .15s ease-out;
    transform: translateY(-100px) scale(0.8)
}

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

.modal.show .modal-dialog {
    transform: translateY(0) scale(1)
}

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

.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0
}

.modal-backdrop {
    --bs-backdrop-zindex: 1089;
    --bs-backdrop-bg: #141521;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity)
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
    margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height)
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding)
}

.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.3125rem 1.25rem rgba(21, 21, 28, 0.4)
    }

    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto
    }

    .modal-sm {
        --bs-modal-width: 22.5rem
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        --bs-modal-width: 50rem
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }
}

@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }
}

.tooltip {
    --bs-tooltip-zindex: 1099;
    --bs-tooltip-max-width: 200px;
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.25rem;
    --bs-tooltip-margin: ;
    --bs-tooltip-font-size: 0.75rem;
    --bs-tooltip-color: #fff;
    --bs-tooltip-bg: #464963;
    --bs-tooltip-border-radius: 0.375rem;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-arrow-width: 0.75rem;
    --bs-tooltip-arrow-height: 0.375rem;
    z-index: var(--bs-tooltip-zindex);
    display: block;
    padding: var(--bs-tooltip-arrow-height);
    margin: var(--bs-tooltip-margin);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-tooltip-font-size);
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: var(--bs-tooltip-opacity)
}

.tooltip .tooltip-arrow {
    display: block;
    width: var(--bs-tooltip-arrow-width);
    height: var(--bs-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-top-color: var(--bs-tooltip-bg)
}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;
    border-right-color: var(--bs-tooltip-bg)
}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-bottom-color: var(--bs-tooltip-bg)
}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: var(--bs-tooltip-arrow-height);
    height: var(--bs-tooltip-arrow-width)
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);
    border-left-color: var(--bs-tooltip-bg)
}

.tooltip-inner {
    max-width: var(--bs-tooltip-max-width);
    padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
    color: var(--bs-tooltip-color);
    text-align: center;
    background-color: var(--bs-tooltip-bg);
    border-radius: var(--bs-tooltip-border-radius)
}

.popover {
    --bs-popover-zindex: 1091;
    --bs-popover-max-width: 276px;
    --bs-popover-font-size: 0.8125rem;
    --bs-popover-bg: #070814;
    --bs-popover-border-width: 0px;
    --bs-popover-border-color: var(--bs-border-color-translucent);
    --bs-popover-border-radius: 0.625rem;
    --bs-popover-inner-border-radius: calc(0.625rem - 0px);
    --bs-popover-box-shadow: 0px 5px 5px -3px rgba(20, 21, 33, 0.2), 0px 8px 10px 1px rgba(20, 21, 33, 0.14), 0px 3px 14px 2px rgba(20, 21, 33, 0.12);
    --bs-popover-header-padding-x: 1.125rem;
    --bs-popover-header-padding-y: 1rem;
    --bs-popover-header-font-size: 0.9375rem;
    --bs-popover-header-color: #d2d2e8;
    --bs-popover-header-bg: #070814;
    --bs-popover-body-padding-x: 1.125rem;
    --bs-popover-body-padding-y: 1.125rem;
    --bs-popover-body-color: #a0a1b8;
    --bs-popover-arrow-width: 1rem;
    --bs-popover-arrow-height: 0.5rem;
    --bs-popover-arrow-border: var(--bs-popover-border-color);
    z-index: var(--bs-popover-zindex);
    display: block;
    max-width: var(--bs-popover-max-width);
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.47;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: var(--bs-popover-font-size);
    word-wrap: break-word;
    background-color: var(--bs-popover-bg);
    background-clip: padding-box;
    border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-radius: var(--bs-popover-border-radius)
}

.popover .popover-arrow {
    display: block;
    width: var(--bs-popover-arrow-width);
    height: var(--bs-popover-arrow-height)
}

.popover .popover-arrow::before, .popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
    bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
    bottom: 0;
    border-top-color: var(--bs-popover-arrow-border)
}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
    bottom: var(--bs-popover-border-width);
    border-top-color: var(--bs-popover-bg)
}

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
    left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0
}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
    left: 0;
    border-right-color: var(--bs-popover-arrow-border)
}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
    left: var(--bs-popover-border-width);
    border-right-color: var(--bs-popover-bg)
}

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
    top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
    border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
    top: 0;
    border-bottom-color: var(--bs-popover-arrow-border)
}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
    top: var(--bs-popover-border-width);
    border-bottom-color: var(--bs-popover-bg)
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: var(--bs-popover-arrow-width);
    margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
    content: "";
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg)
}

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
    right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
    width: var(--bs-popover-arrow-height);
    height: var(--bs-popover-arrow-width)
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
    border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)
}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
    right: 0;
    border-left-color: var(--bs-popover-arrow-border)
}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
    right: var(--bs-popover-border-width);
    border-left-color: var(--bs-popover-bg)
}

.popover-header {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color)
}

.carousel {
    position: relative
}

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

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

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

.carousel-item-next:not(.carousel-item-start), .active.carousel-item-end {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s .6s
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev, .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: 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 rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    opacity: .5;
    transition: opacity .6s ease
}

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #141521
}

.carousel-dark .carousel-caption {
    color: #141521
}

.spinner-grow, .spinner-border {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: rgba(0, 0, 0, 0)
}

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

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-grow;
    background-color: currentcolor;
    opacity: 0
}

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

@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        --bs-spinner-animation-speed: 1.5s
    }
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-zindex: 1090;
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 30vh;
    --bs-offcanvas-padding-x: 1.25rem;
    --bs-offcanvas-padding-y: 1.25rem;
    --bs-offcanvas-color: ;
    --bs-offcanvas-bg: #070814;
    --bs-offcanvas-border-width: 0px;
    --bs-offcanvas-border-color: var(--bs-border-color-translucent);
    --bs-offcanvas-box-shadow: 0 0.3125rem 1.25rem rgba(21, 21, 28, 0.4)
}

@media (max-width: 575.98px) {
    .offcanvas-sm {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .25s ease-in-out
    }
}

@media (max-width: 575.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-sm {
        transition: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 575.98px) {
    .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
        visibility: visible
    }
}

@media (min-width: 576px) {
    .offcanvas-sm {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .offcanvas-sm .offcanvas-header {
        display: none
    }

    .offcanvas-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .25s ease-in-out
    }
}

@media (max-width: 767.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-md {
        transition: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 767.98px) {
    .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
        visibility: visible
    }
}

@media (min-width: 768px) {
    .offcanvas-md {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .offcanvas-md .offcanvas-header {
        display: none
    }

    .offcanvas-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .25s ease-in-out
    }
}

@media (max-width: 991.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-lg {
        transition: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 991.98px) {
    .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
        visibility: visible
    }
}

@media (min-width: 992px) {
    .offcanvas-lg {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .offcanvas-lg .offcanvas-header {
        display: none
    }

    .offcanvas-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .25s ease-in-out
    }
}

@media (max-width: 1199.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xl {
        transition: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1199.98px) {
    .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
        visibility: visible
    }
}

@media (min-width: 1200px) {
    .offcanvas-xl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .offcanvas-xl .offcanvas-header {
        display: none
    }

    .offcanvas-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl {
        position: fixed;
        bottom: 0;
        z-index: var(--bs-offcanvas-zindex);
        display: flex;
        flex-direction: column;
        max-width: 100%;
        color: var(--bs-offcanvas-color);
        visibility: hidden;
        background-color: var(--bs-offcanvas-bg);
        background-clip: padding-box;
        outline: 0;
        transition: transform .25s ease-in-out
    }
}

@media (max-width: 1399.98px)and (prefers-reduced-motion: reduce) {
    .offcanvas-xxl {
        transition: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-start {
        top: 0;
        left: 0;
        width: var(--bs-offcanvas-width);
        border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-end {
        top: 0;
        right: 0;
        width: var(--bs-offcanvas-width);
        border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateX(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-top {
        top: 0;
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(-100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.offcanvas-bottom {
        right: 0;
        left: 0;
        height: var(--bs-offcanvas-height);
        max-height: 100%;
        border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
        transform: translateY(100%)
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
        transform: none
    }
}

@media (max-width: 1399.98px) {
    .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
        visibility: visible
    }
}

@media (min-width: 1400px) {
    .offcanvas-xxl {
        --bs-offcanvas-height: auto;
        --bs-offcanvas-border-width: 0;
        background-color: rgba(0, 0, 0, 0) !important
    }

    .offcanvas-xxl .offcanvas-header {
        display: none
    }

    .offcanvas-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
        background-color: rgba(0, 0, 0, 0) !important
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform .25s ease-in-out
}

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

.offcanvas.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%)
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%)
}

.offcanvas.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%)
}

.offcanvas.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%)
}

.offcanvas.showing, .offcanvas.show:not(.hiding) {
    transform: none
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
    visibility: visible
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1089;
    width: 100vw;
    height: 100vh;
    background-color: #141521
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
}

.offcanvas-header .btn-close {
    padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);
    margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
    margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
    margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y))
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.47
}

.offcanvas-body {
    flex-grow: 1;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
    overflow-y: auto
}

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

.text-bg-primary {
    color: #fff !important;
    background-color: RGBA(102, 108, 255, var(--bs-bg-opacity, 1)) !important
}

.text-bg-secondary {
    color: #fff !important;
    background-color: RGBA(109, 120, 141, var(--bs-bg-opacity, 1)) !important
}

.text-bg-success {
    color: #fff !important;
    background-color: RGBA(114, 225, 40, var(--bs-bg-opacity, 1)) !important
}

.text-bg-info {
    color: #fff !important;
    background-color: RGBA(38, 198, 249, var(--bs-bg-opacity, 1)) !important
}

.text-bg-warning {
    color: #fff !important;
    background-color: RGBA(253, 181, 40, var(--bs-bg-opacity, 1)) !important
}

.text-bg-danger {
    color: #fff !important;
    background-color: RGBA(255, 77, 73, var(--bs-bg-opacity, 1)) !important
}

.text-bg-light {
    color: #fff !important;
    background-color: RGBA(70, 68, 91, var(--bs-bg-opacity, 1)) !important
}

.text-bg-dark {
    color: #141521 !important;
    background-color: RGBA(215, 213, 236, var(--bs-bg-opacity, 1)) !important
}

.text-bg-gray {
    color: #141521 !important;
    background-color: RGBA(234, 234, 255, var(--bs-bg-opacity, 1)) !important
}

.link-primary {
    color: #666cff !important
}

.link-primary:hover, .link-primary:focus {
    color: #5c61e6 !important
}

.link-secondary {
    color: #6d788d !important
}

.link-secondary:hover, .link-secondary:focus {
    color: #626c7f !important
}

.link-success {
    color: #72e128 !important
}

.link-success:hover, .link-success:focus {
    color: #67cb24 !important
}

.link-info {
    color: #26c6f9 !important
}

.link-info:hover, .link-info:focus {
    color: #22b2e0 !important
}

.link-warning {
    color: #fdb528 !important
}

.link-warning:hover, .link-warning:focus {
    color: #e4a324 !important
}

.link-danger {
    color: #ff4d49 !important
}

.link-danger:hover, .link-danger:focus {
    color: #e64542 !important
}

.link-light {
    color: #46445b !important
}

.link-light:hover, .link-light:focus {
    color: #3f3d52 !important
}

.link-dark {
    color: #d7d5ec !important
}

.link-dark:hover, .link-dark:focus {
    color: #dbd9ee !important
}

.link-gray {
    color: rgba(234, 234, 255, .06) !important
}

.link-gray:hover, .link-gray:focus {
    color: rgba(250, 250, 255, .154) !important
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

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

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

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-sm-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-md-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-lg-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

@media (min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }

    .sticky-xxl-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

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

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentcolor;
    opacity: 1
}

:root {
    color-scheme: dark
}

b, strong {
    font-weight: 700
}

[dir=rtl] caption {
    text-align: right
}

[dir=rtl] dd {
    margin-right: 0
}

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

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

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus, input:-internal-autofill-selected {
    background-clip: text !important;
    -webkit-background-clip: text !important
}

[dir=rtl] .list-inline, [dir=rtl] .list-unstyled {
    padding-right: 0
}

[dir=rtl] .list-inline-item:not(:last-child) {
    margin-right: 0;
    margin-left: .5rem
}

.row-bordered {
    overflow: hidden
}

.row-bordered > .col, .row-bordered > [class^=col-], .row-bordered > [class*=" col-"], .row-bordered > [class^="col "], .row-bordered > [class*=" col "], .row-bordered > [class$=" col"], .row-bordered > [class=col] {
    position: relative;
    padding-top: 1px
}

.row-bordered > .col::before, .row-bordered > [class^=col-]::before, .row-bordered > [class*=" col-"]::before, .row-bordered > [class^="col "]::before, .row-bordered > [class*=" col "]::before, .row-bordered > [class$=" col"]::before, .row-bordered > [class=col]::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    display: block;
    height: 0;
    border-top: 1px solid #464963
}

.row-bordered > .col::after, .row-bordered > [class^=col-]::after, .row-bordered > [class*=" col-"]::after, .row-bordered > [class^="col "]::after, .row-bordered > [class*=" col "]::after, .row-bordered > [class$=" col"]::after, .row-bordered > [class=col]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    display: block;
    width: 0;
    border-left: 1px solid #464963
}

.row-bordered.row-border-light > .col::before, .row-bordered.row-border-light > .col::after, .row-bordered.row-border-light > [class^=col-]::before, .row-bordered.row-border-light > [class^=col-]::after, .row-bordered.row-border-light > [class*=" col-"]::before, .row-bordered.row-border-light > [class*=" col-"]::after, .row-bordered.row-border-light > [class^="col "]::before, .row-bordered.row-border-light > [class^="col "]::after, .row-bordered.row-border-light > [class*=" col "]::before, .row-bordered.row-border-light > [class*=" col "]::after, .row-bordered.row-border-light > [class$=" col"]::before, .row-bordered.row-border-light > [class$=" col"]::after, .row-bordered.row-border-light > [class=col]::before, .row-bordered.row-border-light > [class=col]::after {
    border-color: rgba(234, 234, 255, .06)
}

[dir=rtl] .row-bordered > .col::after, [dir=rtl] .row-bordered > [class^=col-]::after, [dir=rtl] .row-bordered > [class*=" col-"]::after, [dir=rtl] .row-bordered > [class^="col "]::after, [dir=rtl] .row-bordered > [class*=" col "]::after, [dir=rtl] .row-bordered > [class$=" col"]::after, [dir=rtl] .row-bordered > [class=col]::after {
    left: auto;
    right: -1px
}

.bg-label-secondary {
    background-color: #3a3e58 !important;
    color: #6d788d !important
}

.bg-label-success {
    background-color: #3b4f48 !important;
    color: #72e128 !important
}

.bg-label-info {
    background-color: #2e4b69 !important;
    color: #26c6f9 !important
}

.bg-label-warning {
    background-color: #514848 !important;
    color: #fdb528 !important
}

.bg-label-danger {
    background-color: #51374d !important;
    color: #ff4d49 !important
}

.bg-label-light {
    background-color: #343650 !important;
    color: #46445b !important
}

.bg-label-dark {
    background-color: #4b4d67 !important;
    color: #d7d5ec !important
}

.bg-label-gray {
    background-color: rgba(49, 52, 79, .8496) !important;
    color: rgba(234, 234, 255, .06) !important
}

.fs-1:before {
    font-size: 2.375rem
}

.fs-2:before {
    font-size: 2rem
}

.fs-3:before {
    font-size: 1.625rem
}

.fs-4:before {
    font-size: 1.375rem
}

.fs-5:before {
    font-size: 1.125rem
}

.fs-6:before {
    font-size: 0.9375rem
}

.fs-tiny:before {
    font-size: 70%
}

.fs-big:before {
    font-size: 112%
}

.fs-large:before {
    font-size: 150%
}

.fs-xlarge:before {
    font-size: 170%
}

a.bg-dark:hover, a.bg-dark:focus {
    background-color: rgba(234, 234, 255, .87) !important
}

a.bg-light:hover, a.bg-light:focus {
    background-color: rgba(234, 234, 255, .12) !important
}

a.bg-lighter:hover, a.bg-lighter:focus {
    background-color: rgba(234, 234, 255, .06) !important
}

a.bg-lightest:hover, a.bg-lightest:focus {
    background-color: rgba(234, 234, 255, .03) !important
}

.text-muted[href]:hover, .text-muted[href]:focus {
    color: #fff !important
}

.text-light {
    color: #8d8fa7 !important
}

.text-light[href]:hover, .text-light[href]:focus {
    color: #fff !important
}

.text-lighter {
    color: #777991 !important
}

.text-lighter[href]:hover, .text-lighter[href]:focus {
    color: #fff !important
}

.text-lightest {
    color: #595b75 !important
}

.text-lightest[href]:hover, .text-lightest[href]:focus {
    color: #fff !important
}

.invert-text-white {
    color: #282a42 !important
}

.invert-text-white[href]:hover:hover, .invert-text-white[href]:hover:focus {
    color: #282a42 !important
}

.invert-text-dark {
    color: #fff !important
}

.invert-text-dark[href]:hover:hover, .invert-text-dark[href]:hover:focus {
    color: #fff !important
}

.invert-bg-white {
    background-color: #282a42 !important
}

a.invert-bg-white:hover, a.invert-bg-white:focus {
    background-color: #282a42 !important
}

.invert-bg-dark {
    background-color: #fff !important
}

a.invert-bg-dark:hover, a.invert-bg-dark:focus {
    background-color: #fff !important
}

.invert-border-dark {
    border-color: #fff !important
}

.invert-border-white {
    border-color: #282a42 !important
}

.container-p-x {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

@media (min-width: 992px) {
    .container-p-x {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }
}

.container-m-nx {
    margin-right: -1rem !important;
    margin-left: -1rem !important
}

@media (min-width: 992px) {
    .container-m-nx {
        margin-right: -1.5rem !important;
        margin-left: -1.5rem !important
    }
}

.container-p-y:not([class^=pt-]):not([class*=" pt-"]) {
    padding-top: 1.5rem !important
}

.container-p-y:not([class^=pb-]):not([class*=" pb-"]) {
    padding-bottom: 1.5rem !important
}

.container-m-ny:not([class^=mt-]):not([class*=" mt-"]) {
    margin-top: -1.5rem !important
}

.container-m-ny:not([class^=mb-]):not([class*=" mb-"]) {
    margin-bottom: -1.5rem !important
}

.cell-fit {
    width: .1%;
    white-space: nowrap
}

.table-secondary {
    --bs-table-bg: #e2e4e8;
    --bs-table-striped-bg: #dddfe3;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #484953;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #d8dade;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #c9cbd0
}

.table-secondary .btn-icon {
    color: #141521
}

.table-success {
    --bs-table-bg: #e3f9d4;
    --bs-table-striped-bg: #def3d0;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #484e4e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #d9eecb;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #cadebf
}

.table-success .btn-icon {
    color: #141521
}

.table-info {
    --bs-table-bg: #d4f4fe;
    --bs-table-striped-bg: #cfeef8;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #444d58;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #cae9f3;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #bdd9e3
}

.table-info .btn-icon {
    color: #141521
}

.table-warning {
    --bs-table-bg: #fff0d4;
    --bs-table-striped-bg: #f9ebd0;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #4f4c4e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #f3e5cb;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #e3d6bf
}

.table-warning .btn-icon {
    color: #141521
}

.table-danger {
    --bs-table-bg: #ffdbdb;
    --bs-table-striped-bg: #f9d6d6;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #4f4750;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #f3d1d2;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #e3c3c5
}

.table-danger .btn-icon {
    color: #141521
}

.table-light {
    --bs-table-bg: #3b3e59;
    --bs-table-striped-bg: #40435d;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #cecfd6;
    --bs-table-active-color: #141521;
    --bs-table-hover-bg: #454861;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #53556d
}

.table-light .btn-icon {
    color: #fff
}

.table-dark {
    --bs-table-bg: #d7d5ec;
    --bs-table-striped-bg: #d2d0e7;
    --bs-table-striped-color: #141521;
    --bs-table-active-bg: #454554;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #cdcbe2;
    --bs-table-hover-color: #141521;
    color: #141521;
    border-color: #c0bed4
}

.table-dark .btn-icon {
    color: #141521
}

.card .table {
    margin-bottom: 0
}

@supports (-moz-appearance: none) {
    .table .dropdown-menu.show {
        display: inline-table
    }
}

.table th {
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: 1px;
    color: #d2d2e8
}

.table-dark th {
    color: var(--bs-table-color)
}

.table-light th {
    color: var(--bs-table-color)
}

.table.table-dark .btn.btn-icon {
    color: #595b75
}

.table-border-bottom-0 tr:last-child td, .table-border-bottom-0 tr:last-child th {
    border-bottom-width: 0
}

.table.table-flush-spacing thead tr > td:first-child, .table.table-flush-spacing tbody tr > td:first-child {
    padding-left: 0
}

.table.table-flush-spacing thead tr > td:last-child, .table.table-flush-spacing tbody tr > td:last-child {
    padding-right: 0
}

.nav-align-top .table:not(.table-dark), .nav-align-top .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-top .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-top .table:not(.table-dark) td, .nav-align-right .table:not(.table-dark), .nav-align-right .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-right .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-right .table:not(.table-dark) td, .nav-align-bottom .table:not(.table-dark), .nav-align-bottom .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-bottom .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-bottom .table:not(.table-dark) td, .nav-align-left .table:not(.table-dark), .nav-align-left .table:not(.table-dark) thead:not(.table-dark) th, .nav-align-left .table:not(.table-dark) tfoot:not(.table-dark) th, .nav-align-left .table:not(.table-dark) td {
    border-color: rgba(255, 255, 255, .09)
}

.btn {
    cursor: pointer;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-weight: 600;
}

.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon) {
    box-shadow: 0px 4px 8px -4px rgba(20, 21, 33, .42)
}

.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):focus, .btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):active {
    box-shadow: 0 6px 18px -8px rgba(20, 21, 33, .56)
}

.btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon):disabled, .btn[class*=btn-]:not([class*=btn-label-]):not([class*=btn-outline-]):not([class*=btn-text-]):not(.btn-icon).disabled {
    background: #464963 !important;
    border-color: #464963 !important;
    color: #777991;
    box-shadow: none !important
}

.btn[class*=btn-label-]:disabled, .btn[class*=btn-label-].disabled {
    background: #393c57 !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #777991
}

.btn[class*=btn-outline-]:disabled, .btn[class*=btn-outline-].disabled {
    background: rgba(0, 0, 0, 0) !important;
    border-color: #464963;
    color: #777991
}

.btn[class*=btn-text-]:disabled, .btn[class*=btn-text-].disabled {
    background: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    color: #777991
}

.btn.btn-fab {
    box-shadow: 0px 3px 5px -1px rgba(20, 21, 33, .2), 0px 5px 8px rgba(20, 21, 33, .14), 0px 1px 14px rgba(20, 21, 33, .12)
}

.btn.btn-fab:active {
    box-shadow: 0px 7px 8px -4px rgba(20, 21, 33, .2), 0px 12px 17px 2px rgba(20, 21, 33, .14), 0px 5px 22px 4px rgba(20, 21, 33, .12)
}

.btn.btn-fab:not(.demo) {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    margin: 0 !important;
    z-index: 999999
}

.btn .bx {
    line-height: 1.15
}

.btn.btn-text {
    background: none;
    box-shadow: none;
    border: none
}

.btn.disabled, .btn:disabled {
    cursor: default
}

.btn .badge {
    transition: all .2s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .btn .badge {
        transition: none
    }
}

label.btn {
    margin-bottom: 0
}

.btn-xl, .btn-group-xl > .btn {
    --bs-btn-padding-y: 0.72rem;
    --bs-btn-padding-x: 1.875rem;
    --bs-btn-font-size: 1.25rem;
    --bs-btn-border-radius: 0.5rem
}

.btn-sm, .btn-group-sm > .btn {
    line-height: 1.2
}

.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.087rem;
    --bs-btn-padding-x: 0.59rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: 0.25rem;
    line-height: 1.2
}

.btn-secondary {
    color: #fff;
    background-color: #6d788d;
    border-color: #6d788d
}

.btn-secondary:hover {
    color: #fff !important;
    background-color: #606a7c !important;
    border-color: #606a7c !important
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus, .btn-secondary.focus {
    color: #fff;
    background-color: #606a7c;
    border-color: #606a7c;
    box-shadow: none
}

.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .btn-secondary.show.dropdown-toggle, .show > .btn-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #576071 !important;
    border-color: #576071 !important
}

.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .btn-secondary.show.dropdown-toggle:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-secondary, .input-group .btn-secondary {
    border-right: 1px solid #576071;
    border-left: 1px solid #576071
}

.btn-label-secondary {
    color: #6d788d;
    border-color: #3a3e58;
    background: #3a3e58
}

.btn-label-secondary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(109, 120, 141, 0.2) 0, rgba(109, 120, 141, 0.3) 40%, rgba(109, 120, 141, 0.4) 50%, rgba(109, 120, 141, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-secondary:hover {
    border-color: #3f445d !important;
    background: #3f445d !important;
    color: #6d788d !important
}

.btn-label-secondary:focus, .btn-label-secondary.focus {
    color: #6d788d;
    background: #414660;
    border-color: #414660
}

.btn-label-secondary:active, .btn-label-secondary.active, .btn-label-secondary.show.dropdown-toggle, .show > .btn-label-secondary.dropdown-toggle {
    color: #6d788d !important;
    background-color: #424861 !important;
    border-color: #424861 !important
}

.btn-group .btn-label-secondary, .input-group .btn-label-secondary {
    border-right: 1px solid #424861;
    border-left: 1px solid #424861
}

.btn-text-secondary {
    color: #6d788d
}

.btn-text-secondary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(109, 120, 141, 0.2) 0, rgba(109, 120, 141, 0.3) 40%, rgba(109, 120, 141, 0.4) 50%, rgba(109, 120, 141, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-secondary:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #333651;
    color: #6d788d
}

.btn-text-secondary:focus, .btn-text-secondary.focus {
    color: #6d788d;
    background: #363a54
}

.btn-text-secondary:active, .btn-text-secondary.active, .btn-text-secondary.show.dropdown-toggle, .show > .btn-text-secondary.dropdown-toggle {
    color: #6d788d !important;
    background: #393d57 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-secondary {
    color: #6d788d;
    border-color: #4f566e;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-secondary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(109, 120, 141, 0.2) 0, rgba(109, 120, 141, 0.3) 40%, rgba(109, 120, 141, 0.4) 50%, rgba(109, 120, 141, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-secondary:hover {
    color: #6d788d !important;
    background-color: #393d57 !important;
    border-color: #4f566e !important
}

.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    color: #6d788d;
    background-color: #3f445d;
    border-color: #4f566e
}

.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #6d788d !important;
    background-color: #414660 !important;
    border-color: #4f566e !important
}

.btn-outline-secondary .badge {
    background: #6d788d;
    border-color: #6d788d;
    color: #fff
}

.btn-outline-secondary:hover .badge, .btn-outline-secondary:focus:hover .badge, .btn-outline-secondary:active .badge, .btn-outline-secondary.active .badge, .show > .btn-outline-secondary.dropdown-toggle .badge {
    background: #6d788d;
    border-color: #6d788d;
    color: #fff
}

.btn-success {
    color: #fff;
    background-color: #56ad1c;
    border-color: #56ad1c
}

.btn-success:hover {
    color: #fff !important;
    background-color: #64c623 !important;
    border-color: #64c623 !important
}

.btn-check:focus + .btn-success, .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #64c623;
    border-color: #64c623;
    box-shadow: none
}

.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .btn-success.show.dropdown-toggle, .show > .btn-success.dropdown-toggle {
    color: #fff !important;
    background-color: #5bb420 !important;
    border-color: #5bb420 !important
}

.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .btn-success.show.dropdown-toggle:focus, .show > .btn-success.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-success, .input-group .btn-success {
    border-right: 1px solid #5bb420;
    border-left: 1px solid #5bb420
}

.btn-label-success {
    color: #72e128;
    border-color: #3b4f48;
    background: #3b4f48
}

.btn-label-success.waves-effect .waves-ripple {
    background: radial-gradient(rgba(114, 225, 40, 0.2) 0, rgba(114, 225, 40, 0.3) 40%, rgba(114, 225, 40, 0.4) 50%, rgba(114, 225, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-success:hover {
    border-color: #405d45 !important;
    background: #405d45 !important;
    color: #72e128 !important
}

.btn-label-success:focus, .btn-label-success.focus {
    color: #72e128;
    background: #426443;
    border-color: #426443
}

.btn-label-success:active, .btn-label-success.active, .btn-label-success.show.dropdown-toggle, .show > .btn-label-success.dropdown-toggle {
    color: #72e128 !important;
    background-color: #446743 !important;
    border-color: #446743 !important
}

.btn-group .btn-label-success, .input-group .btn-label-success {
    border-right: 1px solid #446743;
    border-left: 1px solid #446743
}

.btn-text-success {
    color: #72e128
}

.btn-text-success.waves-effect .waves-ripple {
    background: radial-gradient(rgba(114, 225, 40, 0.2) 0, rgba(114, 225, 40, 0.3) 40%, rgba(114, 225, 40, 0.4) 50%, rgba(114, 225, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-success:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #333c4c;
    color: #72e128
}

.btn-text-success:focus, .btn-text-success.focus {
    color: #72e128;
    background: #37444a
}

.btn-text-success:active, .btn-text-success.active, .btn-text-success.show.dropdown-toggle, .show > .btn-text-success.dropdown-toggle {
    color: #72e128 !important;
    background: #3a4d48 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-success {
    color: #72e128;
    border-color: #518a3b;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-success.waves-effect .waves-ripple {
    background: radial-gradient(rgba(114, 225, 40, 0.2) 0, rgba(114, 225, 40, 0.3) 40%, rgba(114, 225, 40, 0.4) 50%, rgba(114, 225, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-success:hover {
    color: #72e128 !important;
    background-color: #3a4d48 !important;
    border-color: #518a3b !important
}

.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    color: #72e128;
    background-color: #405d45;
    border-color: #518a3b
}

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #72e128 !important;
    background-color: #426443 !important;
    border-color: #518a3b !important
}

.btn-outline-success .badge {
    background: #72e128;
    border-color: #72e128;
    color: #fff
}

.btn-outline-success:hover .badge, .btn-outline-success:focus:hover .badge, .btn-outline-success:active .badge, .btn-outline-success.active .badge, .show > .btn-outline-success.dropdown-toggle .badge {
    background: #72e128;
    border-color: #72e128;
    color: #fff
}

.btn-info {
    color: #fff;
    background-color: #26c6f9;
    border-color: #26c6f9
}

.btn-info:hover {
    color: #fff !important;
    background-color: #21aedb !important;
    border-color: #21aedb !important
}

.btn-check:focus + .btn-info, .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #21aedb;
    border-color: #21aedb;
    box-shadow: none
}

.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .btn-info.show.dropdown-toggle, .show > .btn-info.dropdown-toggle {
    color: #fff !important;
    background-color: #1e9ec7 !important;
    border-color: #1e9ec7 !important
}

.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .btn-info.show.dropdown-toggle:focus, .show > .btn-info.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-info, .input-group .btn-info {
    border-right: 1px solid #1e9ec7;
    border-left: 1px solid #1e9ec7
}

.btn-label-info {
    color: #26c6f9;
    border-color: #2e4b69;
    background: #2e4b69
}

.btn-label-info.waves-effect .waves-ripple {
    background: radial-gradient(rgba(38, 198, 249, 0.2) 0, rgba(38, 198, 249, 0.3) 40%, rgba(38, 198, 249, 0.4) 50%, rgba(38, 198, 249, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-info:hover {
    border-color: #2e5677 !important;
    background: #2e5677 !important;
    color: #26c6f9 !important
}

.btn-label-info:focus, .btn-label-info.focus {
    color: #26c6f9;
    background: #2d5c7e;
    border-color: #2d5c7e
}

.btn-label-info:active, .btn-label-info.active, .btn-label-info.show.dropdown-toggle, .show > .btn-label-info.dropdown-toggle {
    color: #26c6f9 !important;
    background-color: #2d5f81 !important;
    border-color: #2d5f81 !important
}

.btn-group .btn-label-info, .input-group .btn-label-info {
    border-right: 1px solid #2d5f81;
    border-left: 1px solid #2d5f81
}

.btn-text-info {
    color: #26c6f9
}

.btn-text-info.waves-effect .waves-ripple {
    background: radial-gradient(rgba(38, 198, 249, 0.2) 0, rgba(38, 198, 249, 0.3) 40%, rgba(38, 198, 249, 0.4) 50%, rgba(38, 198, 249, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-info:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #303a57;
    color: #26c6f9
}

.btn-text-info:focus, .btn-text-info.focus {
    color: #26c6f9;
    background: #2f425f
}

.btn-text-info:active, .btn-text-info.active, .btn-text-info.show.dropdown-toggle, .show > .btn-text-info.dropdown-toggle {
    color: #26c6f9 !important;
    background: #2f4968 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-info {
    color: #26c6f9;
    border-color: #2b7da4;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-info.waves-effect .waves-ripple {
    background: radial-gradient(rgba(38, 198, 249, 0.2) 0, rgba(38, 198, 249, 0.3) 40%, rgba(38, 198, 249, 0.4) 50%, rgba(38, 198, 249, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-info:hover {
    color: #26c6f9 !important;
    background-color: #2f4968 !important;
    border-color: #2b7da4 !important
}

.btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    color: #26c6f9;
    background-color: #2e5677;
    border-color: #2b7da4
}

.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #26c6f9 !important;
    background-color: #2d5c7e !important;
    border-color: #2b7da4 !important
}

.btn-outline-info .badge {
    background: #26c6f9;
    border-color: #26c6f9;
    color: #fff
}

.btn-outline-info:hover .badge, .btn-outline-info:focus:hover .badge, .btn-outline-info:active .badge, .btn-outline-info.active .badge, .show > .btn-outline-info.dropdown-toggle .badge {
    background: #26c6f9;
    border-color: #26c6f9;
    color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #fdb528;
    border-color: #fdb528
}

.btn-warning:hover {
    color: #fff !important;
    background-color: #df9f23 !important;
    border-color: #df9f23 !important
}

.btn-check:focus + .btn-warning, .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #df9f23;
    border-color: #df9f23;
    box-shadow: none
}

.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .btn-warning.show.dropdown-toggle, .show > .btn-warning.dropdown-toggle {
    color: #fff !important;
    background-color: #ca9120 !important;
    border-color: #ca9120 !important
}

.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .btn-warning.show.dropdown-toggle:focus, .show > .btn-warning.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-warning, .input-group .btn-warning {
    border-right: 1px solid #ca9120;
    border-left: 1px solid #ca9120
}

.btn-label-warning {
    color: #fdb528;
    border-color: #514848;
    background: #514848
}

.btn-label-warning.waves-effect .waves-ripple {
    background: radial-gradient(rgba(253, 181, 40, 0.2) 0, rgba(253, 181, 40, 0.3) 40%, rgba(253, 181, 40, 0.4) 50%, rgba(253, 181, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-warning:hover {
    border-color: #615245 !important;
    background: #615245 !important;
    color: #fdb528 !important
}

.btn-label-warning:focus, .btn-label-warning.focus {
    color: #fdb528;
    background: #695743;
    border-color: #695743
}

.btn-label-warning:active, .btn-label-warning.active, .btn-label-warning.show.dropdown-toggle, .show > .btn-label-warning.dropdown-toggle {
    color: #fdb528 !important;
    background-color: #6e5a43 !important;
    border-color: #6e5a43 !important
}

.btn-group .btn-label-warning, .input-group .btn-label-warning {
    border-right: 1px solid #6e5a43;
    border-left: 1px solid #6e5a43
}

.btn-text-warning {
    color: #fdb528
}

.btn-text-warning.waves-effect .waves-ripple {
    background: radial-gradient(rgba(253, 181, 40, 0.2) 0, rgba(253, 181, 40, 0.3) 40%, rgba(253, 181, 40, 0.4) 50%, rgba(253, 181, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-warning:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #3a3a4c;
    color: #fdb528
}

.btn-text-warning:focus, .btn-text-warning.focus {
    color: #fdb528;
    background: #45404a
}

.btn-text-warning:active, .btn-text-warning.active, .btn-text-warning.show.dropdown-toggle, .show > .btn-text-warning.dropdown-toggle {
    color: #fdb528 !important;
    background: #4f4748 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-warning {
    color: #fdb528;
    border-color: #97743b;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-warning.waves-effect .waves-ripple {
    background: radial-gradient(rgba(253, 181, 40, 0.2) 0, rgba(253, 181, 40, 0.3) 40%, rgba(253, 181, 40, 0.4) 50%, rgba(253, 181, 40, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-warning:hover {
    color: #fdb528 !important;
    background-color: #4f4748 !important;
    border-color: #97743b !important
}

.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    color: #fdb528;
    background-color: #615245;
    border-color: #97743b
}

.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #fdb528 !important;
    background-color: #695743 !important;
    border-color: #97743b !important
}

.btn-outline-warning .badge {
    background: #fdb528;
    border-color: #fdb528;
    color: #fff
}

.btn-outline-warning:hover .badge, .btn-outline-warning:focus:hover .badge, .btn-outline-warning:active .badge, .btn-outline-warning.active .badge, .show > .btn-outline-warning.dropdown-toggle .badge {
    background: #fdb528;
    border-color: #fdb528;
    color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #ff4d49;
    border-color: #ff4d49
}

.btn-danger:hover {
    color: #fff !important;
    background-color: #e04440 !important;
    border-color: #e04440 !important
}

.btn-check:focus + .btn-danger, .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #e04440;
    border-color: #e04440;
    box-shadow: none
}

.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .btn-danger.show.dropdown-toggle, .show > .btn-danger.dropdown-toggle {
    color: #fff !important;
    background-color: #cc3e3a !important;
    border-color: #cc3e3a !important
}

.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .btn-danger.show.dropdown-toggle:focus, .show > .btn-danger.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-danger, .input-group .btn-danger {
    border-right: 1px solid #cc3e3a;
    border-left: 1px solid #cc3e3a
}

.btn-label-danger {
    color: #ff4d49;
    border-color: #51374d;
    background: #51374d
}

.btn-label-danger.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 77, 73, 0.2) 0, rgba(255, 77, 73, 0.3) 40%, rgba(255, 77, 73, 0.4) 50%, rgba(255, 77, 73, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-danger:hover {
    border-color: #62394d !important;
    background: #62394d !important;
    color: #ff4d49 !important
}

.btn-label-danger:focus, .btn-label-danger.focus {
    color: #ff4d49;
    background: #6a3a4d;
    border-color: #6a3a4d
}

.btn-label-danger:active, .btn-label-danger.active, .btn-label-danger.show.dropdown-toggle, .show > .btn-label-danger.dropdown-toggle {
    color: #ff4d49 !important;
    background-color: #6e3b4d !important;
    border-color: #6e3b4d !important
}

.btn-group .btn-label-danger, .input-group .btn-label-danger {
    border-right: 1px solid #6e3b4d;
    border-left: 1px solid #6e3b4d
}

.btn-text-danger {
    color: #ff4d49
}

.btn-text-danger.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 77, 73, 0.2) 0, rgba(255, 77, 73, 0.3) 40%, rgba(255, 77, 73, 0.4) 50%, rgba(255, 77, 73, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-danger:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #3a344e;
    color: #ff4d49
}

.btn-text-danger:focus, .btn-text-danger.focus {
    color: #ff4d49;
    background: #45364e
}

.btn-text-danger:active, .btn-text-danger.active, .btn-text-danger.show.dropdown-toggle, .show > .btn-text-danger.dropdown-toggle {
    color: #ff4d49 !important;
    background: #4f374d !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-danger {
    color: #ff4d49;
    border-color: #98404c;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-danger.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 77, 73, 0.2) 0, rgba(255, 77, 73, 0.3) 40%, rgba(255, 77, 73, 0.4) 50%, rgba(255, 77, 73, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-danger:hover {
    color: #ff4d49 !important;
    background-color: #4f374d !important;
    border-color: #98404c !important
}

.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    color: #ff4d49;
    background-color: #62394d;
    border-color: #98404c
}

.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #ff4d49 !important;
    background-color: #6a3a4d !important;
    border-color: #98404c !important
}

.btn-outline-danger .badge {
    background: #ff4d49;
    border-color: #ff4d49;
    color: #fff
}

.btn-outline-danger:hover .badge, .btn-outline-danger:focus:hover .badge, .btn-outline-danger:active .badge, .btn-outline-danger.active .badge, .show > .btn-outline-danger.dropdown-toggle .badge {
    background: #ff4d49;
    border-color: #ff4d49;
    color: #fff
}

.btn-light {
    color: #fff;
    background-color: #46445b;
    border-color: #46445b
}

.btn-light:hover {
    color: #fff !important;
    background-color: #3e3c50 !important;
    border-color: #3e3c50 !important
}

.btn-check:focus + .btn-light, .btn-light:focus, .btn-light.focus {
    color: #fff;
    background-color: #3e3c50;
    border-color: #3e3c50;
    box-shadow: none
}

.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .btn-light.show.dropdown-toggle, .show > .btn-light.dropdown-toggle {
    color: #fff !important;
    background-color: #383649 !important;
    border-color: #383649 !important
}

.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .btn-light.show.dropdown-toggle:focus, .show > .btn-light.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-light, .input-group .btn-light {
    border-right: 1px solid #383649;
    border-left: 1px solid #383649
}

.btn-label-light {
    color: #46445b;
    border-color: #343650;
    background: #343650
}

.btn-label-light.waves-effect .waves-ripple {
    background: radial-gradient(rgba(70, 68, 91, 0.2) 0, rgba(70, 68, 91, 0.3) 40%, rgba(70, 68, 91, 0.4) 50%, rgba(70, 68, 91, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-light:hover {
    border-color: #353751 !important;
    background: #353751 !important;
    color: #46445b !important
}

.btn-label-light:focus, .btn-label-light.focus {
    color: #46445b;
    background: #363852;
    border-color: #363852
}

.btn-label-light:active, .btn-label-light.active, .btn-label-light.show.dropdown-toggle, .show > .btn-label-light.dropdown-toggle {
    color: #46445b !important;
    background-color: #373852 !important;
    border-color: #373852 !important
}

.btn-group .btn-label-light, .input-group .btn-label-light {
    border-right: 1px solid #373852;
    border-left: 1px solid #373852
}

.btn-text-light {
    color: #46445b
}

.btn-text-light.waves-effect .waves-ripple {
    background: radial-gradient(rgba(70, 68, 91, 0.2) 0, rgba(70, 68, 91, 0.3) 40%, rgba(70, 68, 91, 0.4) 50%, rgba(70, 68, 91, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-light:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #31344f;
    color: #46445b
}

.btn-text-light:focus, .btn-text-light.focus {
    color: #46445b;
    background: #32354f
}

.btn-text-light:active, .btn-text-light.active, .btn-text-light.show.dropdown-toggle, .show > .btn-text-light.dropdown-toggle {
    color: #46445b !important;
    background: #333650 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-light {
    color: #46445b;
    border-color: #3b3c55;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-light.waves-effect .waves-ripple {
    background: radial-gradient(rgba(70, 68, 91, 0.2) 0, rgba(70, 68, 91, 0.3) 40%, rgba(70, 68, 91, 0.4) 50%, rgba(70, 68, 91, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-light:hover {
    color: #46445b !important;
    background-color: #333650 !important;
    border-color: #3b3c55 !important
}

.btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    color: #46445b;
    background-color: #353751;
    border-color: #3b3c55
}

.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #46445b !important;
    background-color: #363852 !important;
    border-color: #3b3c55 !important
}

.btn-outline-light .badge {
    background: #46445b;
    border-color: #46445b;
    color: #fff
}

.btn-outline-light:hover .badge, .btn-outline-light:focus:hover .badge, .btn-outline-light:active .badge, .btn-outline-light.active .badge, .show > .btn-outline-light.dropdown-toggle .badge {
    background: #46445b;
    border-color: #46445b;
    color: #fff
}

.btn-dark {
    color: #141521;
    background-color: #d7d5ec;
    border-color: #d7d5ec
}

.btn-dark:hover {
    color: #141521 !important;
    background-color: #fcfcfd !important;
    border-color: #fcfcfd !important
}

.btn-check:focus + .btn-dark, .btn-dark:focus, .btn-dark.focus {
    color: #141521;
    background-color: #fcfcfd;
    border-color: #fcfcfd;
    box-shadow: none
}

.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .btn-dark.show.dropdown-toggle, .show > .btn-dark.dropdown-toggle {
    color: #141521 !important;
    background-color: #f7f7fb !important;
    border-color: #f7f7fb !important
}

.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .btn-dark.show.dropdown-toggle:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-dark, .input-group .btn-dark {
    border-right: 1px solid #f7f7fb;
    border-left: 1px solid #f7f7fb
}

.btn-label-dark {
    color: #d7d5ec;
    border-color: #494b66;
    background: #494b66
}

.btn-label-dark.waves-effect .waves-ripple {
    background: radial-gradient(rgba(215, 213, 236, 0.2) 0, rgba(215, 213, 236, 0.3) 40%, rgba(215, 213, 236, 0.4) 50%, rgba(215, 213, 236, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-dark:hover {
    border-color: #585a74 !important;
    background: #585a74 !important;
    color: #d7d5ec !important
}

.btn-label-dark:focus, .btn-label-dark.focus {
    color: #d7d5ec;
    background: #5f607a;
    border-color: #5f607a
}

.btn-label-dark:active, .btn-label-dark.active, .btn-label-dark.show.dropdown-toggle, .show > .btn-label-dark.dropdown-toggle {
    color: #d7d5ec !important;
    background-color: #62647d !important;
    border-color: #62647d !important
}

.btn-group .btn-label-dark, .input-group .btn-label-dark {
    border-right: 1px solid #62647d;
    border-left: 1px solid #62647d
}

.btn-text-dark {
    color: #d7d5ec
}

.btn-text-dark.waves-effect .waves-ripple {
    background: radial-gradient(rgba(215, 213, 236, 0.2) 0, rgba(215, 213, 236, 0.3) 40%, rgba(215, 213, 236, 0.4) 50%, rgba(215, 213, 236, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-dark:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #383b56;
    color: #d7d5ec
}

.btn-text-dark:focus, .btn-text-dark.focus {
    color: #d7d5ec;
    background: #41435e
}

.btn-text-dark:active, .btn-text-dark.active, .btn-text-dark.show.dropdown-toggle, .show > .btn-text-dark.dropdown-toggle {
    color: #d7d5ec !important;
    background: #494b66 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-dark {
    color: #d7d5ec;
    border-color: #84849d;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-dark.waves-effect .waves-ripple {
    background: radial-gradient(rgba(215, 213, 236, 0.2) 0, rgba(215, 213, 236, 0.3) 40%, rgba(215, 213, 236, 0.4) 50%, rgba(215, 213, 236, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-dark:hover {
    color: #d7d5ec !important;
    background-color: #494b66 !important;
    border-color: #84849d !important
}

.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    color: #d7d5ec;
    background-color: #585a74;
    border-color: #84849d
}

.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #d7d5ec !important;
    background-color: #5f607a !important;
    border-color: #84849d !important
}

.btn-outline-dark .badge {
    background: #d7d5ec;
    border-color: #d7d5ec;
    color: #141521
}

.btn-outline-dark:hover .badge, .btn-outline-dark:focus:hover .badge, .btn-outline-dark:active .badge, .btn-outline-dark.active .badge, .show > .btn-outline-dark.dropdown-toggle .badge {
    background: #d7d5ec;
    border-color: #d7d5ec;
    color: #141521
}

.btn-gray {
    color: #141521;
    background-color: rgba(234, 234, 255, .06);
    border-color: rgba(234, 234, 255, .06)
}

.btn-gray:hover {
    color: #141521 !important;
    background-color: rgba(255, 255, 255, .9248) !important;
    border-color: rgba(255, 255, 255, .9248) !important
}

.btn-check:focus + .btn-gray, .btn-gray:focus, .btn-gray.focus {
    color: #141521;
    background-color: rgba(255, 255, 255, .9248);
    border-color: rgba(255, 255, 255, .9248);
    box-shadow: none
}

.btn-check:checked + .btn-gray, .btn-check:active + .btn-gray, .btn-gray:active, .btn-gray.active, .btn-gray.show.dropdown-toggle, .show > .btn-gray.dropdown-toggle {
    color: #141521 !important;
    background-color: rgba(255, 255, 255, .812) !important;
    border-color: rgba(255, 255, 255, .812) !important
}

.btn-check:checked + .btn-gray:focus, .btn-check:active + .btn-gray:focus, .btn-gray:active:focus, .btn-gray.active:focus, .btn-gray.show.dropdown-toggle:focus, .show > .btn-gray.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-gray, .input-group .btn-gray {
    border-right: 1px solid rgba(255, 255, 255, .812);
    border-left: 1px solid rgba(255, 255, 255, .812)
}

.btn-label-gray {
    color: rgba(234, 234, 255, .06);
    border-color: rgba(49, 52, 79, .859);
    background: rgba(49, 52, 79, .859)
}

.btn-label-gray.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 234, 255, 0.2) 0, rgba(234, 234, 255, 0.3) 40%, rgba(234, 234, 255, 0.4) 50%, rgba(234, 234, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-gray:hover {
    border-color: rgba(50, 53, 80, .7744) !important;
    background: rgba(50, 53, 80, .7744) !important;
    color: rgba(234, 234, 255, .06) !important
}

.btn-label-gray:focus, .btn-label-gray.focus {
    color: rgba(234, 234, 255, .06);
    background: rgba(50, 53, 80, .7368);
    border-color: rgba(50, 53, 80, .7368)
}

.btn-label-gray:active, .btn-label-gray.active, .btn-label-gray.show.dropdown-toggle, .show > .btn-label-gray.dropdown-toggle {
    color: rgba(234, 234, 255, .06) !important;
    background-color: rgba(50, 53, 80, .718) !important;
    border-color: rgba(50, 53, 80, .718) !important
}

.btn-group .btn-label-gray, .input-group .btn-label-gray {
    border-right: 1px solid rgba(50, 53, 80, .718);
    border-left: 1px solid rgba(50, 53, 80, .718)
}

.btn-text-gray {
    color: rgba(234, 234, 255, .06)
}

.btn-text-gray.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 234, 255, 0.2) 0, rgba(234, 234, 255, 0.3) 40%, rgba(234, 234, 255, 0.4) 50%, rgba(234, 234, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-gray:hover {
    border-color: rgba(0, 0, 0, 0);
    background: rgba(48, 51, 78, .953);
    color: rgba(234, 234, 255, .06)
}

.btn-text-gray:focus, .btn-text-gray.focus {
    color: rgba(234, 234, 255, .06);
    background: rgba(49, 52, 79, .906)
}

.btn-text-gray:active, .btn-text-gray.active, .btn-text-gray.show.dropdown-toggle, .show > .btn-text-gray.dropdown-toggle {
    color: rgba(234, 234, 255, .06) !important;
    background: rgba(49, 52, 79, .859) !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.btn-outline-gray {
    color: rgba(234, 234, 255, .06);
    border-color: rgba(54, 56, 83, .53);
    background: rgba(0, 0, 0, 0)
}

.btn-outline-gray.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 234, 255, 0.2) 0, rgba(234, 234, 255, 0.3) 40%, rgba(234, 234, 255, 0.4) 50%, rgba(234, 234, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-gray:hover {
    color: rgba(234, 234, 255, .06) !important;
    background-color: rgba(49, 52, 79, .859) !important;
    border-color: rgba(54, 56, 83, .53) !important
}

.btn-check:focus + .btn-outline-gray, .btn-outline-gray:focus {
    color: rgba(234, 234, 255, .06);
    background-color: rgba(50, 53, 80, .7744);
    border-color: rgba(54, 56, 83, .53)
}

.btn-check:checked + .btn-outline-gray, .btn-check:active + .btn-outline-gray, .btn-outline-gray:active, .btn-outline-gray.active, .btn-outline-gray.dropdown-toggle.show {
    color: rgba(234, 234, 255, .06) !important;
    background-color: rgba(50, 53, 80, .7368) !important;
    border-color: rgba(54, 56, 83, .53) !important
}

.btn-outline-gray .badge {
    background: rgba(234, 234, 255, .06);
    border-color: rgba(234, 234, 255, .06);
    color: #141521
}

.btn-outline-gray:hover .badge, .btn-outline-gray:focus:hover .badge, .btn-outline-gray:active .badge, .btn-outline-gray.active .badge, .show > .btn-outline-gray.dropdown-toggle .badge {
    background: rgba(234, 234, 255, .06);
    border-color: rgba(234, 234, 255, .06);
    color: #141521
}

.btn-icon {
    --bs-btn-active-border-color: transparent;
    padding: 0;
    width: calc(2.278125rem + 2px);
    height: calc(2.278125rem + 2px);
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center
}

.btn-icon.btn-fab {
    width: calc(2.81375rem - 2px);
    height: calc(2.81375rem - 2px)
}

.btn-icon.btn-xl, .btn-group-xl > .btn-icon.btn {
    width: calc(3.315rem + 2px);
    height: calc(3.315rem + 2px)
}

.btn-icon.btn-xl > span, .btn-group-xl > .btn-icon.btn > span {
    font-size: 1.25rem
}

.btn-icon.btn-lg, .btn-group-lg > .btn-icon.btn {
    width: calc(2.81375rem + 2px);
    height: calc(2.81375rem + 2px);
    font-size: 1.0625rem
}

.btn-icon.btn-sm, .btn-group-sm > .btn-icon.btn {
    width: calc(1.725rem + 2px);
    height: calc(1.725rem + 2px);
    font-size: .8125rem
}

.btn-icon.btn-xs, .btn-group-xs > .btn-icon.btn {
    width: calc(1.074rem + 2px);
    height: calc(1.074rem + 2px);
    font-size: .75rem
}

.btn.borderless:not(.active):not(:active):not(:hover):not(:focus), :not(.show) > .btn.borderless.dropdown-toggle:not(:hover):not(:focus) {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.btn.btn-link {
    font-size: inherit
}

.btn-pinned {
    position: absolute;
    top: .75rem
}

html:not([dir=rtl]) .btn-pinned {
    right: .75rem
}

[dir=rtl] .btn-pinned {
    left: .75rem
}

button:focus, button:focus-visible {
    outline: none
}

.btn:not([class*=btn-]):active, .btn:not([class*=btn-]).active, .btn:not([class*=btn-]).show, .btn:not([class*=btn-]) {
    border: none
}

.dropdown-toggle-split, .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .input-group-lg .btn + .dropdown-toggle-split, .btn-xl + .dropdown-toggle-split, .btn-group-xl > .btn + .dropdown-toggle-split {
    padding-right: .7em;
    padding-left: .7em
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .input-group-sm .btn + .dropdown-toggle-split {
    padding-right: .6em;
    padding-left: .6em
}

.btn-xs + .dropdown-toggle-split, .btn-group-xs > .btn + .dropdown-toggle-split {
    padding-right: .5em;
    padding-left: .5em
}

html:not([dir=rtl]) .btn-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child, html:not([dir=rtl]) .input-group > .btn:not([class*=btn-outline-]):first-child, html:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child, html:not([dir=rtl]) .input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
    border-left-color: rgba(0, 0, 0, 0)
}

[dir=rtl] .btn-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] .input-group > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):first-child, [dir=rtl] .input-group > .btn-group:first-child > .btn:not([class*=btn-outline-]):first-child {
    border-right-color: rgba(0, 0, 0, 0)
}

html:not([dir=rtl]) .btn-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type, html:not([dir=rtl]) .input-group > .btn:not([class*=btn-outline-]):last-of-type, html:not([dir=rtl]) :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type, html:not([dir=rtl]) .input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
    border-right-color: rgba(0, 0, 0, 0)
}

[dir=rtl] .btn-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] .input-group > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] :not(.btn-group):not(.input-group) > .btn-group > .btn:not([class*=btn-outline-]):last-of-type, [dir=rtl] .input-group > .btn-group:last-child > .btn:not([class*=btn-outline-]):last-of-type {
    border-left-color: rgba(0, 0, 0, 0)
}

[dir=rtl] .btn-group .btn[class] {
    border-radius: .5rem
}

[dir=rtl] .btn-group .btn-xs[class], [dir=rtl] .btn-group-xs .btn[class] {
    border-radius: .25rem
}

[dir=rtl] .btn-group .btn-sm[class], [dir=rtl] .btn-group-sm .btn[class] {
    border-radius: .375rem
}

[dir=rtl] .btn-group .btn-lg[class], [dir=rtl] .btn-group-lg .btn[class] {
    border-radius: .625rem
}

[dir=rtl] .btn-group .btn-xl[class], [dir=rtl] .btn-group-xl .btn[class] {
    border-radius: .5rem
}

[dir=rtl] .btn-group > .btn:not(:first-child), [dir=rtl] .btn-group > .btn-group:not(:first-child) {
    margin-left: 0;
    margin-right: -1px
}

[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), [dir=rtl] .btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .btn-group > .btn:nth-child(n+3), [dir=rtl] .btn-group > :not(.btn-check) + .btn, [dir=rtl] .btn-group > .btn-group:not(:first-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), [dir=rtl] .btn-group-vertical > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .btn-group-vertical > .btn ~ .btn, [dir=rtl] .btn-group-vertical > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.badge {
    line-height: 1.05
}

.badge-center {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    width: 1.5rem;
    font-size: 0.8125rem
}

.badge-center i {
    font-size: .8rem
}

.badge-center i::before {
    font-size: .8rem
}

.badge.badge-dot {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: .625rem;
    height: .625rem;
    border-radius: 50%;
    vertical-align: middle
}

.badge.badge-notifications {
    position: absolute;
    top: auto;
    display: inline-block;
    margin: 0;
    transform: translate(-50%, -30%)
}

[dir=rtl] .badge.badge-notifications {
    transform: translate(50%, -30%)
}

.badge.badge-notifications:not(.badge-dot) {
    padding: .05rem .2rem;
    font-size: .582rem;
    line-height: .75rem
}

[data-trigger=hover] {
    outline: 0
}

.dropdown-menu {
    box-shadow: 0px 5px 5px -3px rgba(20, 21, 33, .2), 0px 8px 10px 1px rgba(20, 21, 33, .14), 0px 3px 14px 2px rgba(20, 21, 33, .12)
}

.mega-dropdown > .dropdown-menu {
    left: 0 !important;
    right: 0 !important
}

.dropdown-menu .badge[class^=float-], .dropdown-menu .badge[class*=" float-"] {
    position: relative;
    top: .071em
}

.dropdown-menu .list-group-item {
    border-color: #43455e
}

[dir=rtl] .dropdown-menu {
    text-align: right
}

.dropdown-item {
    line-height: 1.47
}

.dropdown-item.active .waves-ripple, .dropdown-item.disabled .waves-ripple {
    display: none
}

.dropdown-toggle.hide-arrow::before, .dropdown-toggle.hide-arrow::after, .dropdown-toggle-hide-arrow > .dropdown-toggle::before, .dropdown-toggle-hide-arrow > .dropdown-toggle::after {
    display: none
}

.dropdown-toggle::after {
    margin-top: -0.28em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg)
}

.dropend .dropdown-toggle::after {
    margin-top: -.168em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg)
}

[dir=rtl] .dropend .dropdown-toggle::after {
    margin-left: 0 !important;
    margin-right: .5em !important;
    transform: rotate(135deg)
}

.dropstart .dropdown-toggle::before {
    margin-top: -.168em;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-top: 0;
    border-right: 0;
    transform: rotate(45deg)
}

[dir=rtl] .dropstart .dropdown-toggle::before {
    margin-right: 0 !important;
    margin-left: .5em !important;
    transform: rotate(225deg)
}

.dropup .dropdown-toggle::after {
    margin-top: 0;
    width: .42em;
    height: .42em;
    border: 1px solid;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(-45deg)
}

.dropstart .dropdown-toggle::before, .dropend .dropdown-toggle::after {
    vertical-align: middle
}

[dir=rtl] .dropdown-toggle:not(.dropdown-toggle-split)::after {
    margin-left: 0;
    margin-right: .5em
}

[dir=rtl] .dropdown-menu-start {
    --bs-position: start
}

[dir=rtl] .dropdown-menu-start[data-bs-popper] {
    left: auto;
    right: 0
}

[dir=rtl] .dropdown-menu-end {
    --bs-position: end
}

[dir=rtl] .dropdown-menu-end[data-bs-popper] {
    left: 0;
    right: auto
}

@media (min-width: 576px) {
    [dir=rtl] .dropdown-menu-sm-start {
        --bs-position: start
    }

    [dir=rtl] .dropdown-menu-sm-start[data-bs-popper] {
        left: auto;
        right: 0
    }

    [dir=rtl] .dropdown-menu-sm-end {
        --bs-position: end
    }

    [dir=rtl] .dropdown-menu-sm-end[data-bs-popper] {
        left: 0;
        right: auto
    }
}

@media (min-width: 768px) {
    [dir=rtl] .dropdown-menu-md-start {
        --bs-position: start
    }

    [dir=rtl] .dropdown-menu-md-start[data-bs-popper] {
        left: auto;
        right: 0
    }

    [dir=rtl] .dropdown-menu-md-end {
        --bs-position: end
    }

    [dir=rtl] .dropdown-menu-md-end[data-bs-popper] {
        left: 0;
        right: auto
    }
}

@media (min-width: 992px) {
    [dir=rtl] .dropdown-menu-lg-start {
        --bs-position: start
    }

    [dir=rtl] .dropdown-menu-lg-start[data-bs-popper] {
        left: auto;
        right: 0
    }

    [dir=rtl] .dropdown-menu-lg-end {
        --bs-position: end
    }

    [dir=rtl] .dropdown-menu-lg-end[data-bs-popper] {
        left: 0;
        right: auto
    }
}

@media (min-width: 1200px) {
    [dir=rtl] .dropdown-menu-xl-start {
        --bs-position: start
    }

    [dir=rtl] .dropdown-menu-xl-start[data-bs-popper] {
        left: auto;
        right: 0
    }

    [dir=rtl] .dropdown-menu-xl-end {
        --bs-position: end
    }

    [dir=rtl] .dropdown-menu-xl-end[data-bs-popper] {
        left: 0;
        right: auto
    }
}

@media (min-width: 1400px) {
    [dir=rtl] .dropdown-menu-xxl-start {
        --bs-position: start
    }

    [dir=rtl] .dropdown-menu-xxl-start[data-bs-popper] {
        left: auto;
        right: 0
    }

    [dir=rtl] .dropdown-menu-xxl-end {
        --bs-position: end
    }

    [dir=rtl] .dropdown-menu-xxl-end[data-bs-popper] {
        left: 0;
        right: auto
    }
}

.nav .nav-item, .nav .nav-link, .tab-pane, .tab-pane .card-body {
    outline: none !important
}

.nav {
    flex-wrap: inherit
}

.nav .nav-item {
    white-space: nowrap
}

.nav .nav-link:not(.active):hover {
    color: #a0a1b8 !important
}

.nav-tabs .nav-link, .nav-pills .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase
}

.nav-tabs .nav-link, .nav-tabs .nav-link.active, .nav-pills .nav-link, .nav-pills .nav-link.active {
    background-color: rgba(0, 0, 0, 0);
    border-width: 0
}

.nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link, .nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    margin-right: .125rem;
    width: 100%
}

[dir=rtl] .nav-tabs:not(.nav-fill):not(.nav-justified) .nav-link, [dir=rtl] .nav-pills:not(.nav-fill):not(.nav-justified) .nav-link {
    margin-left: .125rem;
    margin-right: 0
}

.tab-content:not(.doc-example-content) {
    padding: 1.375rem;
    border-radius: .5rem
}

.tab-content:not(.doc-example-content) .tab-pane {
    opacity: 0;
    transition: all linear .1s
}

html:not([dir=rtl]) .tab-content:not(.doc-example-content) .tab-pane {
    transform: translateX(-30px)
}

[dir=rtl] .tab-content:not(.doc-example-content) .tab-pane {
    transform: translateX(30px)
}

.tab-content:not(.doc-example-content) .tab-pane.show {
    opacity: 1;
    transform: translateX(0px) !important;
    transition: all ease-out .2s .1s
}

div:not(.nav-align-left):not(.nav-align-right) > .nav-tabs {
    display: inline-flex;
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden
}

.nav-tabs.nav-tabs-widget {
    border: 0 !important;
    overflow-x: auto
}

.nav-tabs.nav-tabs-widget .nav-link {
    border: 2px dashed #464963
}

@media (min-width: 768px) {
    .nav-tabs.nav-tabs-widget .nav-link {
        height: 92px !important;
        width: 110px !important;
        border-radius: .625rem
    }
}

@media (max-width: 767.98px) {
    .nav-tabs.nav-tabs-widget .nav-link {
        border: 0 !important;
        padding: 0
    }
}

.nav-tabs.nav-tabs-widget .nav-link.active {
    border-style: solid;
    border-color: #666cff
}

.nav-tabs.nav-tabs-widget .nav-link.active .avatar-initial {
    background-color: #3c4075 !important;
    color: #666cff !important
}

.nav-tabs.nav-tabs-widget .tab-slider {
    display: none
}

.nav-tabs.nav-tabs-widget + .tab-content .tab-pane {
    transition: unset;
    transform: none !important
}

.nav-scrollable {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    width: 100%;
    overflow-y: auto;
    flex-wrap: nowrap
}

.nav-tabs {
    position: relative
}

.nav-tabs .tab-slider {
    height: 2px;
    border-radius: 2px;
    position: absolute;
    transition: all .2s linear
}

.nav-align-left .nav-tabs .tab-slider, .nav-align-right .nav-tabs .tab-slider {
    width: 2px !important
}

.nav-tabs .nav-link {
    background-clip: padding-box;
    border-radius: 0
}

.nav-pills .nav-link {
    padding: .5rem 1.375rem
}

.nav-sm > .nav .nav-link, .nav-sm.nav .nav-link {
    padding: .3125rem .875rem;
    font-size: .8125rem;
    line-height: 1.2
}

.nav-lg > .nav .nav-link, .nav-lg.nav .nav-link {
    padding: .875rem 1.3125rem;
    font-size: 1.0625rem;
    line-height: 1.5
}

.nav-align-top, .nav-align-right, .nav-align-bottom, .nav-align-left {
    display: flex
}

.nav-align-top > .nav, .nav-align-top > div > .nav, .nav-align-right > .nav, .nav-align-right > div > .nav, .nav-align-bottom > .nav, .nav-align-bottom > div > .nav, .nav-align-left > .nav, .nav-align-left > div > .nav {
    z-index: 1
}

.nav-align-right, .nav-align-left {
    align-items: stretch
}

.nav-align-right > .nav, .nav-align-right > div > .nav, .nav-align-left > .nav, .nav-align-left > div > .nav {
    flex-grow: 0;
    flex-direction: column;
    border-bottom-width: 0
}

.nav-align-right > .nav .nav-item, .nav-align-right > div > .nav .nav-item, .nav-align-left > .nav .nav-item, .nav-align-left > div > .nav .nav-item {
    margin: 0 0 .125rem 0 !important
}

.nav-align-right > .tab-content, .nav-align-left > .tab-content {
    flex-grow: 1
}

.nav-align-right > .tab-content .tab-pane, .nav-align-left > .tab-content .tab-pane {
    transform: translateY(-30px)
}

.nav-align-right > .tab-content .tab-pane.show, .nav-align-left > .tab-content .tab-pane.show {
    transform: translateY(0px)
}

.nav-align-top {
    flex-direction: column
}

.nav-align-top .nav-tabs ~ .tab-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

html:not([dir=rtl]) .nav-align-top > .tab-content .tab-pane, html:not([dir=rtl]) .nav-align-bottom > .tab-content .tab-pane {
    transform: translateX(-30px)
}

[dir=rtl] .nav-align-top > .tab-content .tab-pane, [dir=rtl] .nav-align-bottom > .tab-content .tab-pane {
    transform: translateX(30px)
}

.nav-align-top > .tab-content .tab-pane.show, .nav-align-bottom > .tab-content .tab-pane.show {
    transform: translateX(0px) !important
}

.nav-align-right {
    flex-direction: row-reverse
}

.nav-align-right .nav-tabs {
    position: relative
}

html:not([dir=rtl]) .nav-align-right .nav-tabs .tab-slider {
    left: 0
}

[dir=rtl] .nav-align-right .nav-tabs .tab-slider {
    right: 0
}

html:not([dir=rtl]) .card .nav-align-right .nav-tabs ~ .tab-content {
    border-right: 1px solid #464963
}

[dir=rtl] .card .nav-align-right .nav-tabs ~ .tab-content {
    border-left: 1px solid #464963
}

html:not([dir=rtl]) .nav-align-right .nav-tabs ~ .tab-content {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

[dir=rtl] .nav-align-right .nav-tabs ~ .tab-content {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.nav-align-right > .nav .nav-item, .nav-align-right > div > .nav .nav-item {
    margin-left: -1px;
    margin-bottom: 0
}

[dir=rtl] .nav-align-right > .nav .nav-item, [dir=rtl] .nav-align-right > div > .nav .nav-item {
    margin-left: 0;
    margin-right: -1px
}

.nav-align-right .nav-link {
    text-align: right;
    justify-content: end
}

.nav-align-bottom {
    flex-direction: column-reverse
}

.nav-align-bottom > .nav .nav-item, .nav-align-bottom > div > .nav .nav-item {
    margin-bottom: 0;
    margin-top: -1px
}

.nav-align-bottom > .nav, .nav-align-bottom > div > .nav {
    border-bottom-width: 0;
    border-top: 1px solid #464963
}

.nav-align-bottom .nav-tabs ~ .tab-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.nav-align-bottom .nav-tabs .tab-slider {
    bottom: inherit !important
}

.nav-align-left .nav-tabs {
    position: relative
}

html:not([dir=rtl]) .card .nav-align-left .nav-tabs ~ .tab-content {
    border-left: 1px solid #464963
}

[dir=rtl] .card .nav-align-left .nav-tabs ~ .tab-content {
    border-right: 1px solid #464963
}

html:not([dir=rtl]) .nav-align-left .nav-tabs ~ .tab-content {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .nav-align-left .nav-tabs ~ .tab-content {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.nav-align-left > .nav .nav-item, .nav-align-left > div > .nav .nav-item {
    margin-right: -1px;
    margin-bottom: 0
}

[dir=rtl] .nav-align-left > .nav .nav-item, [dir=rtl] .nav-align-left > div > .nav .nav-item {
    margin-right: 0;
    margin-left: -1px
}

.nav-align-left .nav-link {
    text-align: left;
    justify-content: start
}

.nav-align-top > .tab-content, .nav-align-right > .tab-content, .nav-align-bottom > .tab-content, .nav-align-left > .tab-content {
    flex-shrink: 1;
    box-shadow: 0 .125rem .625rem 0 rgba(20, 21, 33, .18);
    background-clip: padding-box;
    background: #070814
}

.card .nav-align-top > .tab-content, .card .nav-align-right > .tab-content, .card .nav-align-bottom > .tab-content, .card .nav-align-left > .tab-content {
    background: rgba(0, 0, 0, 0)
}

.card .tab-content {
    box-shadow: none !important
}

.nav-tabs .nav-link.active {
    border-color: rgba(255, 255, 255, .09);
    border-bottom-color: #070814
}

.nav-align-top .nav-tabs .nav-link.active, .nav-align-bottom .nav-tabs .nav-link.active, .nav-align-left .nav-tabs .nav-link.active, .nav-align-right .nav-tabs .nav-link.active {
    border-color: rgba(234, 234, 255, .22)
}

[dir=rtl] .nav-align-top .nav-tabs .nav-link.active, [dir=rtl] .nav-align-bottom .nav-tabs .nav-link.active, [dir=rtl] .nav-align-left .nav-tabs .nav-link.active, [dir=rtl] .nav-align-right .nav-tabs .nav-link.active {
    border-right-color: rgba(234, 234, 255, .22) !important
}

.nav-align-top .nav-tabs .nav-link.active {
    border-bottom-color: #070814 !important
}

.nav-align-bottom .nav-tabs .nav-link.active {
    border-top-color: #070814 !important
}

[dir=rtl] .nav {
    padding-right: 0
}

[dir=rtl] .nav-align-left .nav-link {
    text-align: right
}

[dir=rtl] .nav-align-right .nav-link {
    text-align: left
}

.pagination-secondary .page-item.active .page-link, .pagination-secondary .page-item.active .page-link:hover, .pagination-secondary .page-item.active .page-link:focus, .pagination-secondary.pagination li.active > a:not(.page-link), .pagination-secondary.pagination li.active > a:not(.page-link):hover, .pagination-secondary.pagination li.active > a:not(.page-link):focus {
    border-color: #6d788d;
    background-color: #6d788d;
    color: #fff
}

.pagination-secondary .page-item.active .page-link.waves-effect .waves-ripple, .pagination-secondary.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-secondary .page-item.active .page-link, .pagination-outline-secondary .page-item.active .page-link:hover, .pagination-outline-secondary .page-item.active .page-link:focus, .pagination-outline-secondary.pagination li.active > a:not(.page-link), .pagination-outline-secondary.pagination li.active > a:not(.page-link):hover, .pagination-outline-secondary.pagination li.active > a:not(.page-link):focus {
    border-color: #4f566e;
    color: #6d788d;
    background-color: #333651
}

.pagination-outline-secondary .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-secondary.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(109, 120, 141, 0.2) 0, rgba(109, 120, 141, 0.3) 40%, rgba(109, 120, 141, 0.4) 50%, rgba(109, 120, 141, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-success .page-item.active .page-link, .pagination-success .page-item.active .page-link:hover, .pagination-success .page-item.active .page-link:focus, .pagination-success.pagination li.active > a:not(.page-link), .pagination-success.pagination li.active > a:not(.page-link):hover, .pagination-success.pagination li.active > a:not(.page-link):focus {
    border-color: #72e128;
    background-color: #72e128;
    color: #fff
}

.pagination-success .page-item.active .page-link.waves-effect .waves-ripple, .pagination-success.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-success .page-item.active .page-link, .pagination-outline-success .page-item.active .page-link:hover, .pagination-outline-success .page-item.active .page-link:focus, .pagination-outline-success.pagination li.active > a:not(.page-link), .pagination-outline-success.pagination li.active > a:not(.page-link):hover, .pagination-outline-success.pagination li.active > a:not(.page-link):focus {
    border-color: #518a3b;
    color: #72e128;
    background-color: #333c4c
}

.pagination-outline-success .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-success.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(114, 225, 40, 0.2) 0, rgba(114, 225, 40, 0.3) 40%, rgba(114, 225, 40, 0.4) 50%, rgba(114, 225, 40, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-info .page-item.active .page-link, .pagination-info .page-item.active .page-link:hover, .pagination-info .page-item.active .page-link:focus, .pagination-info.pagination li.active > a:not(.page-link), .pagination-info.pagination li.active > a:not(.page-link):hover, .pagination-info.pagination li.active > a:not(.page-link):focus {
    border-color: #26c6f9;
    background-color: #26c6f9;
    color: #fff
}

.pagination-info .page-item.active .page-link.waves-effect .waves-ripple, .pagination-info.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-info .page-item.active .page-link, .pagination-outline-info .page-item.active .page-link:hover, .pagination-outline-info .page-item.active .page-link:focus, .pagination-outline-info.pagination li.active > a:not(.page-link), .pagination-outline-info.pagination li.active > a:not(.page-link):hover, .pagination-outline-info.pagination li.active > a:not(.page-link):focus {
    border-color: #2b7da4;
    color: #26c6f9;
    background-color: #303a57
}

.pagination-outline-info .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-info.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(38, 198, 249, 0.2) 0, rgba(38, 198, 249, 0.3) 40%, rgba(38, 198, 249, 0.4) 50%, rgba(38, 198, 249, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-warning .page-item.active .page-link, .pagination-warning .page-item.active .page-link:hover, .pagination-warning .page-item.active .page-link:focus, .pagination-warning.pagination li.active > a:not(.page-link), .pagination-warning.pagination li.active > a:not(.page-link):hover, .pagination-warning.pagination li.active > a:not(.page-link):focus {
    border-color: #fdb528;
    background-color: #fdb528;
    color: #fff
}

.pagination-warning .page-item.active .page-link.waves-effect .waves-ripple, .pagination-warning.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-warning .page-item.active .page-link, .pagination-outline-warning .page-item.active .page-link:hover, .pagination-outline-warning .page-item.active .page-link:focus, .pagination-outline-warning.pagination li.active > a:not(.page-link), .pagination-outline-warning.pagination li.active > a:not(.page-link):hover, .pagination-outline-warning.pagination li.active > a:not(.page-link):focus {
    border-color: #97743b;
    color: #fdb528;
    background-color: #3a3a4c
}

.pagination-outline-warning .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-warning.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(253, 181, 40, 0.2) 0, rgba(253, 181, 40, 0.3) 40%, rgba(253, 181, 40, 0.4) 50%, rgba(253, 181, 40, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-danger .page-item.active .page-link, .pagination-danger .page-item.active .page-link:hover, .pagination-danger .page-item.active .page-link:focus, .pagination-danger.pagination li.active > a:not(.page-link), .pagination-danger.pagination li.active > a:not(.page-link):hover, .pagination-danger.pagination li.active > a:not(.page-link):focus {
    border-color: #ff4d49;
    background-color: #ff4d49;
    color: #fff
}

.pagination-danger .page-item.active .page-link.waves-effect .waves-ripple, .pagination-danger.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-danger .page-item.active .page-link, .pagination-outline-danger .page-item.active .page-link:hover, .pagination-outline-danger .page-item.active .page-link:focus, .pagination-outline-danger.pagination li.active > a:not(.page-link), .pagination-outline-danger.pagination li.active > a:not(.page-link):hover, .pagination-outline-danger.pagination li.active > a:not(.page-link):focus {
    border-color: #98404c;
    color: #ff4d49;
    background-color: #3a344e
}

.pagination-outline-danger .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-danger.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 77, 73, 0.2) 0, rgba(255, 77, 73, 0.3) 40%, rgba(255, 77, 73, 0.4) 50%, rgba(255, 77, 73, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-dark .page-item.active .page-link, .pagination-dark .page-item.active .page-link:hover, .pagination-dark .page-item.active .page-link:focus, .pagination-dark.pagination li.active > a:not(.page-link), .pagination-dark.pagination li.active > a:not(.page-link):hover, .pagination-dark.pagination li.active > a:not(.page-link):focus {
    border-color: #d7d5ec;
    background-color: #d7d5ec;
    color: #141521
}

.pagination-dark .page-item.active .page-link.waves-effect .waves-ripple, .pagination-dark.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-dark .page-item.active .page-link, .pagination-outline-dark .page-item.active .page-link:hover, .pagination-outline-dark .page-item.active .page-link:focus, .pagination-outline-dark.pagination li.active > a:not(.page-link), .pagination-outline-dark.pagination li.active > a:not(.page-link):hover, .pagination-outline-dark.pagination li.active > a:not(.page-link):focus {
    border-color: #84849d;
    color: #d7d5ec;
    background-color: #383b56
}

.pagination-outline-dark .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-dark.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(215, 213, 236, 0.2) 0, rgba(215, 213, 236, 0.3) 40%, rgba(215, 213, 236, 0.4) 50%, rgba(215, 213, 236, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.pagination-gray .page-item.active .page-link, .pagination-gray .page-item.active .page-link:hover, .pagination-gray .page-item.active .page-link:focus, .pagination-gray.pagination li.active > a:not(.page-link), .pagination-gray.pagination li.active > a:not(.page-link):hover, .pagination-gray.pagination li.active > a:not(.page-link):focus {
    border-color: rgba(234, 234, 255, .06);
    background-color: rgba(234, 234, 255, .06);
    color: #141521
}

.pagination-gray .page-item.active .page-link.waves-effect .waves-ripple, .pagination-gray.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.pagination-outline-gray .page-item.active .page-link, .pagination-outline-gray .page-item.active .page-link:hover, .pagination-outline-gray .page-item.active .page-link:focus, .pagination-outline-gray.pagination li.active > a:not(.page-link), .pagination-outline-gray.pagination li.active > a:not(.page-link):hover, .pagination-outline-gray.pagination li.active > a:not(.page-link):focus {
    border-color: #8d8fa7;
    color: rgba(234, 234, 255, .06);
    background-color: #393c57
}

.pagination-outline-gray .page-item.active .page-link.waves-effect .waves-ripple, .pagination-outline-gray.pagination li.active > a:not(.page-link).waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 234, 255, 0.2) 0, rgba(234, 234, 255, 0.3) 40%, rgba(234, 234, 255, 0.4) 50%, rgba(234, 234, 255, 0.5) 60%, rgba(20, 21, 33, 0) 70%)
}

.page-item.first .page-link, .page-item.last .page-link, .page-item.next .page-link, .page-item.prev .page-link, .page-item.previous .page-link {
    padding-top: .321rem;
    padding-bottom: .321rem
}

.page-item.disabled .page-link {
    border-color: #595b75
}

.page-link, .page-link > a {
    border-radius: .5rem;
    line-height: 1;
    text-align: center;
    min-width: calc(
        1.8755rem + 2px
    )
}

.page-link:focus, .page-link > a:focus {
    color: #d2d2e8
}

.pagination:not([class*=pagination-outline-]) .page-link {
    border-color: rgba(0, 0, 0, 0)
}

.page-link.btn-primary {
    box-shadow: none !important
}

.pagination.pagination-rounded .page-item a {
    border-radius: .5rem
}

.pagination-lg .page-link, .pagination-lg > li > a:not(.page-link) {
    min-width: calc(
        2.3765rem + 2px
    )
}

.pagination-lg > .page-item.first .page-link, .pagination-lg > .page-item.last .page-link, .pagination-lg > .page-item.next .page-link, .pagination-lg > .page-item.prev .page-link, .pagination-lg > .page-item.previous .page-link {
    padding-top: .502rem;
    padding-bottom: .502rem
}

.pagination-sm .page-link, .pagination-sm > li > a:not(.page-link) {
    min-width: calc(
        1.5005rem + 2px
    )
}

.pagination-sm > .page-item.first .page-link, .pagination-sm > .page-item.last .page-link, .pagination-sm > .page-item.next .page-link, .pagination-sm > .page-item.prev .page-link, .pagination-sm > .page-item.previous .page-link {
    padding-top: .27rem;
    padding-bottom: .27rem
}

[dir=rtl] .pagination {
    padding-right: 0
}

[dir=rtl] .page-item + .page-item .page-link, [dir=rtl] .pagination li + li > a:not(.page-link) {
    margin-left: 0;
    margin-right: .344rem
}

[dir=rtl] .page-item.first .page-link i::before, [dir=rtl] .page-item.last .page-link i::before, [dir=rtl] .page-item.next .page-link i::before, [dir=rtl] .page-item.prev .page-link i::before, [dir=rtl] .page-item.previous .page-link i::before {
    transform: rotate(180deg)
}

.alert-secondary {
    background-color: #373b56;
    border-color: #373b56;
    color: #626c7f
}

.alert-secondary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23626c7f'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-secondary .alert-link {
    color: #626c7f
}

.card .alert-secondary hr {
    background-color: #626c7f !important
}

.alert-outline-secondary {
    border-color: #6d788d;
    color: #626c7f
}

.alert-outline-secondary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236d788d'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-secondary .alert-link {
    color: #626c7f
}

.card .alert-outline-secondary hr {
    background-color: #626c7f !important
}

.alert-solid-secondary {
    background-color: #6d788d;
    color: #fff
}

.alert-solid-secondary .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-secondary .alert-link {
    color: #fff
}

.card .alert-solid-secondary hr {
    background-color: #fff !important
}

.alert-success {
    background-color: #384849;
    border-color: #384849;
    color: #67cb24
}

.alert-success .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2367cb24'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-success .alert-link {
    color: #67cb24
}

.card .alert-success hr {
    background-color: #67cb24 !important
}

.alert-outline-success {
    border-color: #72e128;
    color: #67cb24
}

.alert-outline-success .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2372e128'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-success .alert-link {
    color: #67cb24
}

.card .alert-outline-success hr {
    background-color: #67cb24 !important
}

.alert-solid-success {
    background-color: #72e128;
    color: #fff
}

.alert-solid-success .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-success .alert-link {
    color: #fff
}

.card .alert-solid-success hr {
    background-color: #fff !important
}

.alert-info {
    background-color: #2f4563;
    border-color: #2f4563;
    color: #22b2e0
}

.alert-info .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2322b2e0'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-info .alert-link {
    color: #22b2e0
}

.card .alert-info hr {
    background-color: #22b2e0 !important
}

.alert-outline-info {
    border-color: #26c6f9;
    color: #22b2e0
}

.alert-outline-info .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2326c6f9'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-info .alert-link {
    color: #22b2e0
}

.card .alert-outline-info hr {
    background-color: #22b2e0 !important
}

.alert-solid-info {
    background-color: #26c6f9;
    color: #fff
}

.alert-solid-info .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-info .alert-link {
    color: #fff
}

.card .alert-solid-info hr {
    background-color: #fff !important
}

.alert-warning {
    background-color: #494349;
    border-color: #494349;
    color: #e4a324
}

.alert-warning .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e4a324'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

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

.card .alert-warning hr {
    background-color: #e4a324 !important
}

.alert-outline-warning {
    border-color: #fdb528;
    color: #e4a324
}

.alert-outline-warning .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fdb528'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-warning .alert-link {
    color: #e4a324
}

.card .alert-outline-warning hr {
    background-color: #e4a324 !important
}

.alert-solid-warning {
    background-color: #fdb528;
    color: #fff
}

.alert-solid-warning .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-warning .alert-link {
    color: #fff
}

.card .alert-solid-warning hr {
    background-color: #fff !important
}

.alert-danger {
    background-color: #49364d;
    border-color: #49364d;
    color: #e64542
}

.alert-danger .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e64542'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

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

.card .alert-danger hr {
    background-color: #e64542 !important
}

.alert-outline-danger {
    border-color: #ff4d49;
    color: #e64542
}

.alert-outline-danger .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff4d49'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-danger .alert-link {
    color: #e64542
}

.card .alert-outline-danger hr {
    background-color: #e64542 !important
}

.alert-solid-danger {
    background-color: #ff4d49;
    color: #fff
}

.alert-solid-danger .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-danger .alert-link {
    color: #fff
}

.card .alert-solid-danger hr {
    background-color: #fff !important
}

.alert-dark {
    background-color: #444661;
    border-color: #444661;
    color: #c2c0d4
}

.alert-dark .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23c2c0d4'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

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

.card .alert-dark hr {
    background-color: #c2c0d4 !important
}

.alert-outline-dark {
    border-color: #d7d5ec;
    color: #c2c0d4
}

.alert-outline-dark .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23d7d5ec'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-dark .alert-link {
    color: #c2c0d4
}

.card .alert-outline-dark hr {
    background-color: #c2c0d4 !important
}

.alert-solid-dark {
    background-color: #d7d5ec;
    color: #141521
}

.alert-solid-dark .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23141521'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-dark .alert-link {
    color: #141521
}

.card .alert-solid-dark hr {
    background-color: #141521 !important
}

.alert-gray {
    background-color: rgba(49, 52, 79, .8872);
    border-color: rgba(49, 52, 79, .8872);
    color: rgba(51, 51, 56, .154)
}

.alert-gray .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(51, 51, 56, 0.154)'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-gray .alert-link {
    color: rgba(51, 51, 56, .154)
}

.card .alert-gray hr {
    background-color: rgba(51, 51, 56, .154) !important
}

.alert-outline-gray {
    border-color: rgba(234, 234, 255, .06);
    color: rgba(51, 51, 56, .154)
}

.alert-outline-gray .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba(234, 234, 255, 0.06)'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-outline-gray .alert-link {
    color: rgba(51, 51, 56, .154)
}

.card .alert-outline-gray hr {
    background-color: rgba(51, 51, 56, .154) !important
}

.alert-solid-gray {
    background-color: rgba(234, 234, 255, .06);
    color: #141521
}

.alert-solid-gray .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23141521'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

.alert-solid-gray .alert-link {
    color: #141521
}

.card .alert-solid-gray hr {
    background-color: #141521 !important
}

.alert-dismissible .btn-close {
    padding: 1.10902rem 1rem
}

[dir=rtl] .alert-dismissible {
    padding-left: 3rem;
    padding-right: 1rem
}

[dir=rtl] .alert-dismissible .btn-close {
    right: auto;
    left: 0
}

.tooltip-secondary .tooltip-inner, .tooltip-secondary > .tooltip .tooltip-inner {
    background: #6d788d;
    color: #fff
}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #6d788d
}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #6d788d
}

[dir=rtl] .tooltip-secondary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #6d788d
}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #6d788d
}

.tooltip-secondary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #6d788d
}

[dir=rtl] .tooltip-secondary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-secondary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #6d788d
}

.tooltip-success .tooltip-inner, .tooltip-success > .tooltip .tooltip-inner {
    background: #72e128;
    color: #fff
}

.tooltip-success.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #72e128
}

.tooltip-success.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #72e128
}

[dir=rtl] .tooltip-success.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #72e128
}

.tooltip-success.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #72e128
}

.tooltip-success.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #72e128
}

[dir=rtl] .tooltip-success.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-success > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #72e128
}

.tooltip-info .tooltip-inner, .tooltip-info > .tooltip .tooltip-inner {
    background: #26c6f9;
    color: #fff
}

.tooltip-info.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #26c6f9
}

.tooltip-info.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #26c6f9
}

[dir=rtl] .tooltip-info.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #26c6f9
}

.tooltip-info.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #26c6f9
}

.tooltip-info.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #26c6f9
}

[dir=rtl] .tooltip-info.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-info > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #26c6f9
}

.tooltip-warning .tooltip-inner, .tooltip-warning > .tooltip .tooltip-inner {
    background: #fdb528;
    color: #fff
}

.tooltip-warning.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #fdb528
}

.tooltip-warning.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #fdb528
}

[dir=rtl] .tooltip-warning.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #fdb528
}

.tooltip-warning.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #fdb528
}

.tooltip-warning.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #fdb528
}

[dir=rtl] .tooltip-warning.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-warning > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #fdb528
}

.tooltip-danger .tooltip-inner, .tooltip-danger > .tooltip .tooltip-inner {
    background: #ff4d49;
    color: #fff
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #ff4d49
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #ff4d49
}

[dir=rtl] .tooltip-danger.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #ff4d49
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #ff4d49
}

.tooltip-danger.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #ff4d49
}

[dir=rtl] .tooltip-danger.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-danger > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #ff4d49
}

.tooltip-dark .tooltip-inner, .tooltip-dark > .tooltip .tooltip-inner {
    background: #46445b;
    color: #fff
}

.tooltip-dark.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #46445b
}

.tooltip-dark.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #46445b
}

[dir=rtl] .tooltip-dark.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #46445b
}

.tooltip-dark.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #46445b
}

.tooltip-dark.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #46445b
}

[dir=rtl] .tooltip-dark.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-dark > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #46445b
}

.tooltip-gray .tooltip-inner, .tooltip-gray > .tooltip .tooltip-inner {
    background: #3b3e59;
    color: #fff
}

.tooltip-gray.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
    border-top-color: #3b3e59
}

.tooltip-gray.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-left-color: #3b3e59
}

[dir=rtl] .tooltip-gray.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    border-right-color: #3b3e59
}

.tooltip-gray.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
    border-bottom-color: #3b3e59
}

.tooltip-gray.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-right-color: #3b3e59
}

[dir=rtl] .tooltip-gray.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-gray > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    border-left-color: #3b3e59
}

.modal-open .tooltip {
    z-index: 1092
}

[dir=rtl] .tooltip {
    text-align: right
}

[dir=rtl].bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow {
    right: 0;
    left: inherit
}

[dir=rtl].bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
    left: -1px;
    border-width: .375rem 0 .375rem .375rem
}

[dir=rtl].bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow {
    left: 0;
    right: inherit
}

[dir=rtl].bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
    right: -1px;
    border-width: .375rem .375rem .375rem 0
}

.popover-secondary, .popover-secondary > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #6d788d
}

.popover-secondary .popover-header, .popover-secondary > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-secondary .popover-body, .popover-secondary > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-secondary > .popover-arrow::before, .popover-secondary > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-secondary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-secondary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #6d788d !important
}

.popover-secondary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-secondary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #6d788d !important
}

[dir=rtl] .popover-secondary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-secondary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #6d788d !important
}

.popover-secondary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-secondary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #6d788d !important
}

.popover-secondary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-secondary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #6d788d !important
}

[dir=rtl] .popover-secondary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-secondary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #6d788d !important
}

.popover-secondary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-secondary > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-success, .popover-success > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #72e128
}

.popover-success .popover-header, .popover-success > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-success .popover-body, .popover-success > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-success > .popover-arrow::before, .popover-success > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-success.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-success > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #72e128 !important
}

.popover-success.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-success > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #72e128 !important
}

[dir=rtl] .popover-success.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-success > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #72e128 !important
}

.popover-success.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-success > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #72e128 !important
}

.popover-success.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-success > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #72e128 !important
}

[dir=rtl] .popover-success.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-success > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #72e128 !important
}

.popover-success.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-success > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-info, .popover-info > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #26c6f9
}

.popover-info .popover-header, .popover-info > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-info .popover-body, .popover-info > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-info > .popover-arrow::before, .popover-info > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-info.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-info > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #26c6f9 !important
}

.popover-info.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-info > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #26c6f9 !important
}

[dir=rtl] .popover-info.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-info > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #26c6f9 !important
}

.popover-info.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-info > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #26c6f9 !important
}

.popover-info.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-info > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #26c6f9 !important
}

[dir=rtl] .popover-info.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-info > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #26c6f9 !important
}

.popover-info.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-info > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-warning, .popover-warning > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #fdb528
}

.popover-warning .popover-header, .popover-warning > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-warning .popover-body, .popover-warning > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-warning > .popover-arrow::before, .popover-warning > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-warning.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-warning > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #fdb528 !important
}

.popover-warning.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-warning > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #fdb528 !important
}

[dir=rtl] .popover-warning.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-warning > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #fdb528 !important
}

.popover-warning.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-warning > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #fdb528 !important
}

.popover-warning.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-warning > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #fdb528 !important
}

[dir=rtl] .popover-warning.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-warning > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #fdb528 !important
}

.popover-warning.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-warning > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-danger, .popover-danger > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #ff4d49
}

.popover-danger .popover-header, .popover-danger > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-danger .popover-body, .popover-danger > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-danger > .popover-arrow::before, .popover-danger > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-danger.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-danger > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #ff4d49 !important
}

.popover-danger.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-danger > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #ff4d49 !important
}

[dir=rtl] .popover-danger.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-danger > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #ff4d49 !important
}

.popover-danger.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-danger > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #ff4d49 !important
}

.popover-danger.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-danger > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #ff4d49 !important
}

[dir=rtl] .popover-danger.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-danger > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #ff4d49 !important
}

.popover-danger.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-danger > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-dark, .popover-dark > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #46445b
}

.popover-dark .popover-header, .popover-dark > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-dark .popover-body, .popover-dark > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-dark > .popover-arrow::before, .popover-dark > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-dark.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-dark > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #46445b !important
}

.popover-dark.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-dark > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #46445b !important
}

[dir=rtl] .popover-dark.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-dark > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #46445b !important
}

.popover-dark.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-dark > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #46445b !important
}

.popover-dark.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-dark > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #46445b !important
}

[dir=rtl] .popover-dark.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-dark > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #46445b !important
}

.popover-dark.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-dark > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.popover-gray, .popover-gray > .popover {
    border-color: rgba(0, 0, 0, 0);
    background: #3b3e59
}

.popover-gray .popover-header, .popover-gray > .popover .popover-header {
    border-color: rgba(255, 255, 255, .2);
    background: rgba(0, 0, 0, 0);
    color: #fff
}

.popover-gray .popover-body, .popover-gray > .popover .popover-body {
    background: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, .8)
}

.popover-gray > .popover-arrow::before, .popover-gray > .popover > .popover-arrow::before {
    border-color: rgba(0, 0, 0, 0)
}

.popover-gray.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-gray > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
    border-top-color: #3b3e59 !important
}

.popover-gray.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-gray > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-right-color: #3b3e59 !important
}

[dir=rtl] .popover-gray.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-gray > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    border-left-color: #3b3e59 !important
}

.popover-gray.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-gray > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    border-bottom-color: #3b3e59 !important
}

.popover-gray.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-gray > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-left-color: #3b3e59 !important
}

[dir=rtl] .popover-gray.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-gray > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    border-right-color: #3b3e59 !important
}

.popover-gray.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-gray > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    border-bottom: 1px solid rgba(0, 0, 0, 0) !important
}

.modal-open .popover {
    z-index: 1091
}

.popover {
    box-shadow: 0px 5px 5px -3px rgba(20, 21, 33, .2), 0px 8px 10px 1px rgba(20, 21, 33, .14), 0px 3px 14px 2px rgba(20, 21, 33, .12)
}

.popover .popover-header {
    /*padding-bottom: 0;*/
    font-size: 1.125rem
}

.popover .popover-body {
    padding-top: 1rem
}

.popover .popover-arrow {
    z-index: 1
}

.popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
    top: 2px
}

.popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow:before {
    top: 1px
}

[dir=rtl] .popover {
    text-align: right
}

[dir=rtl].bs-popover-auto[data-popper-placement=right] > .popover-arrow {
    right: calc(-0.5rem - 0px);
    left: inherit
}

[dir=rtl].bs-popover-auto[data-popper-placement=right] > .popover-arrow::before {
    right: 0;
    left: inherit;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: var(--bs-border-color-translucent)
}

[dir=rtl].bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
    right: 0px;
    left: inherit;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #070814
}

[dir=rtl].bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
    right: 50%;
    margin-right: -0.5rem
}

[dir=rtl].bs-popover-auto[data-popper-placement=left] > .popover-arrow {
    left: calc(-0.5rem - 0px);
    right: inherit
}

[dir=rtl].bs-popover-auto[data-popper-placement=left] > .popover-arrow::before {
    left: 0;
    right: inherit;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: var(--bs-border-color-translucent)
}

[dir=rtl].bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
    left: 0px;
    right: inherit;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #070814
}

.form-label, .col-form-label {
    text-transform: inherit;
    letter-spacing: inherit
}

.form-label-lg {
    font-size: 1.0625rem
}

.form-label-sm {
    font-size: 0.8125rem
}

.form-control {
    padding: calc(.8rem - 1px) calc(.875rem - 1px)
}

.form-control:focus {
    border-width: 2px;
    padding: calc(.8rem - 2px) calc(.875rem - 2px)
}

.form-control.form-control-lg {
    padding: calc(.61rem - 1px) calc(1.25rem - 1px)
}

.form-control.form-control-lg:focus {
    padding: calc(.61rem - 2px) calc(1.25rem - 2px)
}

.form-control.form-control-sm {
    padding: calc(.375rem - 1px) calc(.625rem - 1px)
}

.form-control.form-control-sm:focus {
    padding: calc(.375rem - 2px) calc(.625rem - 2px)
}

.input-group:has(button) .form-control {
    padding: .5rem .875rem !important;
    border-width: 1px !important
}

.form-select {
    background-clip: padding-box
}

html:not([dir=rtl]) .form-select {
    padding: calc(.5rem - 1px) calc(1.96875rem - 1px) calc(.8rem - 1px) calc(.875rem - 1px)
}

[dir=rtl] .form-select {
    padding: calc(.8rem - 1px) calc(.875rem - 1px) calc(.5rem - 1px) calc(1.96875rem - 1px)
}

.form-select:focus {
    border-width: 2px;
    background-position: right calc(.875rem - 1px) center
}

html:not([dir=rtl]) .form-select:focus {
    padding: calc(.5rem - 2px) calc(1.96875rem - 2px) calc(.5rem - 2px) calc(.875rem - 2px)
}

[dir=rtl] .form-select:focus {
    padding: calc(.5rem - 2px) calc(.875rem - 2px) calc(.5rem - 2px) calc(1.96875rem - 2px)
}

html:not([dir=rtl]) .form-select.form-select-lg {
    padding: calc(.61rem - 1px) calc(2.8125rem - 1px) calc(.61rem - 1px) calc(1.25rem - 1px)
}

[dir=rtl] .form-select.form-select-lg {
    padding: calc(.61rem - 1px) calc(1.25rem - 1px) calc(.61rem - 1px) calc(2.8125rem - 1px)
}

.form-select.form-select-lg:focus {
    background-position: right calc(.875rem - 1px) center
}

html:not([dir=rtl]) .form-select.form-select-lg:focus {
    padding: calc(.61rem - 2px) calc(2.8125rem - 2px) calc(.61rem - 2px) calc(1.25rem - 2px)
}

[dir=rtl] .form-select.form-select-lg:focus {
    padding: calc(.61rem - 2px) calc(1.25rem - 2px) calc(.61rem - 2px) calc(2.8125rem - 2px)
}

.form-select.form-select-sm {
    min-height: 2.22rem;
    background-size: 14px 11px
}

html:not([dir=rtl]) .form-select.form-select-sm {
    padding: calc(.375rem - 1px) calc(1.40625rem - 1px) calc(.375rem - 1px) calc(.625rem - 1px)
}

[dir=rtl] .form-select.form-select-sm {
    padding: calc(.375rem - 1px) calc(.625rem - 1px) calc(.375rem - 1px) calc(1.40625rem - 1px)
}

.form-select.form-select-sm:focus {
    background-position: right calc(.875rem - 1px) center
}

html:not([dir=rtl]) .form-select.form-select-sm:focus {
    padding: calc(.375rem - 2px) calc(1.40625rem - 2px) calc(.375rem - 2px) calc(.625rem - 2px)
}

[dir=rtl] .form-select.form-select-sm:focus {
    padding: calc(.375rem - 2px) calc(.625rem - 2px) calc(.375rem - 2px) calc(1.40625rem - 2px)
}

[dir=rtl] .form-select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAYCAYAAACfpi8JAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NURGRjU3MkVGNTVGMTFFOUFGQzlGNTU5RTcxM0NFRDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NURGRjU3MkZGNTVGMTFFOUFGQzlGNTU5RTcxM0NFRDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNUVDMEI3RkY1NUYxMUU5QUZDOUY1NTlFNzEzQ0VENyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNUVDMEI4MEY1NUYxMUU5QUZDOUY1NTlFNzEzQ0VENyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrIk1EIAAABySURBVHja7NTRCoAwCAVQi33a6KmPcl/uqseRa4iugntBEMbgPKiLiNCbydt+AVb6SAABBBALhI8SY7E3pBj+Fm8IGTCuiHZGRjHuiLthfcKEILSt0TBhiN76tphQxJnUeWOlnw6ZAsCJBwSQ30OqAAMAEgghhNTBYMwAAAAASUVORK5CYII=");
    background-position: left .875rem center
}

[dir=rtl] .form-select:focus {
    background-position: left calc(.875rem - 1px) center
}

[dir=rtl] .form-select[multiple], [dir=rtl] .form-select[size]:not([size="1"]) {
    background-image: none
}

select.form-select option {
    background-color: #070814
}

.form-check-input {
    cursor: pointer
}

.form-check {
    position: relative
}

.form-check:not(.form-switch) .form-check-input, .dt-checkboxes-cell .form-check-input {
    position: relative;
    transition: all .2s
}

.form-check:not(.form-switch) .form-check-input::after, .dt-checkboxes-cell .form-check-input::after {
    content: "";
    position: absolute;
    top: -.125rem;
    left: -2.5px;
    z-index: 1;
    display: block;
    width: 1.25em;
    height: 1.25em;
    border-radius: 50%;
    opacity: 0;
    transition: all .2s;
    transform-origin: center;
    transform: scale(0) translateZ(0)
}

[dir=rtl] .form-check:not(.form-switch) .form-check-input::after, [dir=rtl] .dt-checkboxes-cell .form-check-input::after {
    right: -2.5px;
    left: auto
}

.form-check:not(.form-switch) .form-check-input[type=checkbox], .dt-checkboxes-cell .form-check-input[type=checkbox] {
    background-size: 1.375rem
}

.form-check:not(.form-switch) .form-check-input[type=checkbox]:not(:checked):not(:indeterminate), .dt-checkboxes-cell .form-check-input[type=checkbox]:not(:checked):not(:indeterminate) {
    background-size: 0rem
}

.form-check:not(.form-switch) .form-check-input[type=radio], .dt-checkboxes-cell .form-check-input[type=radio] {
    background-size: 1rem
}

.form-check:not(.form-switch) .form-check-input[type=radio]:not(:checked), .dt-checkboxes-cell .form-check-input[type=radio]:not(:checked) {
    background-size: .75rem
}

.form-check:not(.form-switch) .form-check-input:active::after, .form-check:not(.form-switch) .form-check-input:hover::after, .dt-checkboxes-cell .form-check-input:active::after, .dt-checkboxes-cell .form-check-input:hover::after {
    opacity: 1;
    transform: scale(2) translateZ(0)
}

.form-check:not(.form-switch) .form-check-input:disabled::after, .form-check:not(.form-switch) .form-check-input[disabled]::after, .dt-checkboxes-cell .form-check-input:disabled::after, .dt-checkboxes-cell .form-check-input[disabled]::after {
    display: none
}

[dir=rtl] .form-check {
    padding-left: 0;
    padding-right: 2em
}

[dir=rtl] .form-check .form-check-input {
    float: right;
    margin-left: 0;
    margin-right: -2em
}

[dir=rtl] .form-switch {
    padding-left: 0;
    padding-right: 2.5em
}

[dir=rtl] .form-switch .form-check-input {
    margin-left: 0;
    margin-right: -2.5em;
    background-position: right center
}

[dir=rtl] .form-switch .form-check-input:checked {
    background-position: left center
}

[dir=rtl] .form-check-inline {
    margin-right: 0;
    margin-left: 1rem
}

.form-check-secondary .form-check-input:focus {
    border-color: #6d788d
}

.form-check-secondary .form-check-input:active {
    border-color: #6d788d
}

.form-check-secondary .form-check-input:hover::after {
    background: rgba(109, 120, 141, .1)
}

.form-check-secondary .form-check-input:checked {
    background-color: #6d788d;
    border-color: #6d788d
}

.form-check-secondary .form-check-input:checked::after {
    background: rgba(109, 120, 141, .15)
}

.form-check-secondary .form-check-input[type=checkbox]:indeterminate {
    background-color: #6d788d;
    border-color: #6d788d
}

.form-check-secondary.custom-option.checked {
    border: 2px solid #6d788d;
    margin: 0
}

.form-check-success .form-check-input:focus {
    border-color: #72e128
}

.form-check-success .form-check-input:active {
    border-color: #72e128
}

.form-check-success .form-check-input:hover::after {
    background: rgba(114, 225, 40, .1)
}

.form-check-success .form-check-input:checked {
    background-color: #72e128;
    border-color: #72e128
}

.form-check-success .form-check-input:checked::after {
    background: rgba(114, 225, 40, .15)
}

.form-check-success .form-check-input[type=checkbox]:indeterminate {
    background-color: #72e128;
    border-color: #72e128
}

.form-check-success.custom-option.checked {
    border: 2px solid #72e128;
    margin: 0
}

.form-check-info .form-check-input:focus {
    border-color: #26c6f9
}

.form-check-info .form-check-input:active {
    border-color: #26c6f9
}

.form-check-info .form-check-input:hover::after {
    background: rgba(38, 198, 249, .1)
}

.form-check-info .form-check-input:checked {
    background-color: #26c6f9;
    border-color: #26c6f9
}

.form-check-info .form-check-input:checked::after {
    background: rgba(38, 198, 249, .15)
}

.form-check-info .form-check-input[type=checkbox]:indeterminate {
    background-color: #26c6f9;
    border-color: #26c6f9
}

.form-check-info.custom-option.checked {
    border: 2px solid #26c6f9;
    margin: 0
}

.form-check-warning .form-check-input:focus {
    border-color: #fdb528
}

.form-check-warning .form-check-input:active {
    border-color: #fdb528
}

.form-check-warning .form-check-input:hover::after {
    background: rgba(253, 181, 40, .1)
}

.form-check-warning .form-check-input:checked {
    background-color: #fdb528;
    border-color: #fdb528
}

.form-check-warning .form-check-input:checked::after {
    background: rgba(253, 181, 40, .15)
}

.form-check-warning .form-check-input[type=checkbox]:indeterminate {
    background-color: #fdb528;
    border-color: #fdb528
}

.form-check-warning.custom-option.checked {
    border: 2px solid #fdb528;
    margin: 0
}

.form-check-danger .form-check-input:focus {
    border-color: #ff4d49
}

.form-check-danger .form-check-input:active {
    border-color: #ff4d49
}

.form-check-danger .form-check-input:hover::after {
    background: rgba(255, 77, 73, .1)
}

.form-check-danger .form-check-input:checked {
    background-color: #ff4d49;
    border-color: #ff4d49
}

.form-check-danger .form-check-input:checked::after {
    background: rgba(255, 77, 73, .15)
}

.form-check-danger .form-check-input[type=checkbox]:indeterminate {
    background-color: #ff4d49;
    border-color: #ff4d49
}

.form-check-danger.custom-option.checked {
    border: 2px solid #ff4d49;
    margin: 0
}

.form-check-light .form-check-input:focus {
    border-color: #46445b
}

.form-check-light .form-check-input:active {
    border-color: #46445b
}

.form-check-light .form-check-input:hover::after {
    background: rgba(70, 68, 91, .1)
}

.form-check-light .form-check-input:checked {
    background-color: #46445b;
    border-color: #46445b
}

.form-check-light .form-check-input:checked::after {
    background: rgba(70, 68, 91, .15)
}

.form-check-light .form-check-input[type=checkbox]:indeterminate {
    background-color: #46445b;
    border-color: #46445b
}

.form-check-light.custom-option.checked {
    border: 2px solid #46445b;
    margin: 0
}

.form-check-dark .form-check-input:focus {
    border-color: #d7d5ec
}

.form-check-dark .form-check-input:active {
    border-color: #d7d5ec
}

.form-check-dark .form-check-input:hover::after {
    background: rgba(215, 213, 236, .1)
}

.form-check-dark .form-check-input:checked {
    background-color: #d7d5ec;
    border-color: #d7d5ec
}

.form-check-dark .form-check-input:checked::after {
    background: rgba(215, 213, 236, .15)
}

.form-check-dark .form-check-input[type=checkbox]:indeterminate {
    background-color: #d7d5ec;
    border-color: #d7d5ec
}

.form-check-dark.custom-option.checked {
    border: 2px solid #d7d5ec;
    margin: 0
}

.form-check-gray .form-check-input:focus {
    border-color: rgba(234, 234, 255, .06)
}

.form-check-gray .form-check-input:active {
    border-color: rgba(234, 234, 255, .06)
}

.form-check-gray .form-check-input:hover::after {
    background: rgba(234, 234, 255, .1)
}

.form-check-gray .form-check-input:checked {
    background-color: rgba(234, 234, 255, .06);
    border-color: rgba(234, 234, 255, .06)
}

.form-check-gray .form-check-input:checked::after {
    background: rgba(234, 234, 255, .15)
}

.form-check-gray .form-check-input[type=checkbox]:indeterminate {
    background-color: rgba(234, 234, 255, .06);
    border-color: rgba(234, 234, 255, .06)
}

.form-check-gray.custom-option.checked {
    border: 2px solid rgba(234, 234, 255, .06);
    margin: 0
}

.form-range::-webkit-slider-thumb {
    box-shadow: 0 .1rem .25rem rgba(20, 21, 33, .1)
}

.form-range::-moz-range-thumb {
    box-shadow: 0 .1rem .25rem rgba(20, 21, 33, .1)
}

.form-range:disabled::-webkit-slider-runnable-track {
    background-color: rgba(234, 234, 255, .12)
}

.form-range:disabled::-moz-range-track {
    background-color: rgba(234, 234, 255, .12)
}

.input-group .input-group-text {
    padding: calc(.5rem - 1px) calc(.875rem - 1px);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
    .input-group .input-group-text {
        transition: none
    }
}

.input-group:focus-within .input-group-text {
    border-width: 2px;
    padding: calc(.5rem - 2px) calc(.875rem - 2px)
}

.input-group:focus-within .form-control:not(:first-child), .input-group:focus-within .form-select:not(:first-child) {
    padding: calc(.5rem - 2px) calc(.875rem - 1px)
}

.input-group.input-group-lg .input-group-text {
    padding: calc(.61rem - 1px) calc(1.25rem - 1px)
}

.input-group.input-group-lg:focus-within .input-group-text {
    padding: calc(.61rem - 1px) calc(1.25rem - 2px)
}

.input-group.input-group-lg:focus-within .form-control:not(:first-child), .input-group.input-group-lg:focus-within .form-select:not(:first-child) {
    padding: calc(.61rem - 2px) 1.25rem
}

.input-group.input-group-sm .input-group-text {
    padding: calc(.375rem - 1px) calc(.625rem - 1px)
}

.input-group.input-group-sm:focus-within .input-group-text {
    padding: calc(.375rem - 1px) calc(.625rem - 2px)
}

.input-group.input-group-sm:focus-within .form-control:not(:first-child), .input-group.input-group-sm:focus-within .form-select:not(:first-child) {
    padding: calc(.375rem - 2px) .625rem
}

.input-group.input-group-merge > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0
}

.input-group.input-group-floating.input-group:focus-within .form-floating-focused {
    transform: scaleX(1)
}

.input-group.input-group-floating .input-group-text {
    background-color: #363853;
    border: 0;
    border-bottom: 1px solid #4f5269;
    padding: .5rem .875rem calc(.5rem - 1px);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.input-group:not(.input-group-floating):focus-within > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0
}

.input-group.rounded-pill .input-group-text, .input-group.rounded-pill .form-control {
    border-radius: 50rem
}

.input-group.disabled .input-group-text {
    background-color: #3a3d57
}

.input-group.has-validation > .input-group-text:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .form-control:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation > .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-text {
    background-clip: padding-box
}

.input-group-text i {
    font-size: 0.9375rem
}

.input-group-lg > .input-group-text i {
    font-size: 1.0625rem
}

.input-group-sm > .input-group-text i {
    font-size: 0.8125rem
}

.input-group-merge:has(.form-floating-outline):focus-within > .input-group-text {
    border-width: 2px
}

html:not([dir=rtl]) .input-group-merge .input-group-text:first-child {
    border-right: 0
}

html:not([dir=rtl]) .input-group-merge .input-group-text:last-child {
    border-left: 0
}

html:not([dir=rtl]) .input-group-merge > .form-control:not(:first-child) {
    padding-left: 0 !important;
    border-left: 0
}

html:not([dir=rtl]) .input-group-merge > .form-control:not(:last-child) {
    padding-right: 0 !important;
    border-right: 0
}

html:not([dir=rtl]) .input-group-merge .form-floating-outline:not(:first-child) > .form-control {
    padding-left: 0;
    border-left: 0
}

html:not([dir=rtl]) .input-group-merge .form-floating-outline:not(:first-child) > label {
    padding-left: 0
}

html:not([dir=rtl]) .input-group-merge .form-floating-outline:not(:last-child) > .form-control {
    padding-right: 0;
    border-right: 0
}

html:not([dir=rtl]) .input-group-merge .form-floating-outline:not(:last-child) > label {
    padding-right: 0
}

[dir=rtl] .input-group-lg > .form-select, [dir=rtl] .input-group-sm > .form-select {
    padding-left: 2.75rem
}

[dir=rtl] .input-group.rounded-pill .input-group-text {
    border-top-right-radius: 50rem !important;
    border-bottom-right-radius: 50rem !important
}

[dir=rtl] .input-group.rounded-pill .form-control {
    border-top-left-radius: 50rem !important;
    border-bottom-left-radius: 50rem !important
}

[dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), [dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), [dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > .form-floating:not(:last-child) > .form-control, [dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

[dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > .form-floating:not(:first-child) > .form-control, [dir=rtl] .input-group:not(.input-group-floating):not(.has-validation) > .form-floating:not(:first-child) > .form-select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

[dir=rtl] .input-group.input-group-lg:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), [dir=rtl] .input-group.input-group-lg:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), [dir=rtl] .input-group.input-group-lg:not(.has-validation) > .form-floating:not(:last-child) > .form-control, [dir=rtl] .input-group.input-group-lg:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

[dir=rtl] .input-group.input-group-sm:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), [dir=rtl] .input-group.input-group-sm:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), [dir=rtl] .input-group.input-group-sm:not(.has-validation) > .form-floating:not(:last-child) > .form-control, [dir=rtl] .input-group.input-group-sm:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

[dir=rtl] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), [dir=rtl] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), [dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, [dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

[dir=rtl] .input-group.input-group-lg > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), [dir=rtl] .input-group.input-group-lg > .dropdown-toggle:nth-last-child(n+4), [dir=rtl] .input-group.input-group-lg > .form-floating:nth-last-child(n+3) > .form-control, [dir=rtl] .input-group.input-group-lg > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem
}

[dir=rtl] .input-group.input-group-sm > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), [dir=rtl] .input-group.input-group-sm > .dropdown-toggle:nth-last-child(n+4), [dir=rtl] .input-group.input-group-sm > .form-floating:nth-last-child(n+3) > .form-control, [dir=rtl] .input-group.input-group-sm > .form-floating:nth-last-child(n+3) > .form-select {
    border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem
}

[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 0px;
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

[dir=rtl] .input-group:not(.input-group-floating):focus-within > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -2px;
    margin-left: auto
}

[dir=rtl] .input-group.input-group-lg > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem
}

[dir=rtl] .input-group.input-group-sm > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

[dir=rtl] .input-group > :not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), [dir=rtl] .input-group > .dropdown-toggle:nth-last-child(n+3):not(:first-child) {
    border-radius: 0 !important
}

[dir=rtl] .input-group.has-validation > .input-group-text:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

[dir=rtl] .input-group.has-validation > .form-control:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

[dir=rtl] .input-group-merge > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -3px;
    margin-left: auto
}

[dir=rtl] .input-group-merge .input-group-text:first-child {
    border-left: 0
}

[dir=rtl] .input-group-merge .input-group-text:last-child {
    border-right: 0
}

[dir=rtl] .input-group-merge > .form-control:not(:first-child) {
    padding-right: 0 !important;
    border-right: 0
}

[dir=rtl] .input-group-merge > .form-control:not(:last-child) {
    padding-left: 0 !important;
    border-left: 0
}

[dir=rtl] .input-group-merge .form-floating-outline:not(:first-child) > .form-control {
    padding-right: 0 !important;
    border-right: 0
}

[dir=rtl] .input-group-merge .form-floating-outline:not(:first-child) > label {
    padding-right: 0
}

[dir=rtl] .input-group-merge .form-floating-outline:not(:last-child) > .form-control {
    padding-left: 0 !important;
    border-left: 0
}

[dir=rtl] .input-group-merge .form-floating-outline:not(:last-child) > label {
    padding-left: 0
}

.fv-plugins-bootstrap5-row-invalid .input-group.has-validation .input-group-text, .fv-plugins-bootstrap5-row-invalid .input-group.has-validation:focus-within .input-group-text {
    border-color: #ff4d49
}

.form-floating:not(.form-floating-outline) > .form-control, .form-floating:not(.form-floating-outline) > .form-control-plaintext, .form-floating:not(.form-floating-outline) > .form-select {
    background-color: #363853;
    border: 0;
    border-bottom: 1px solid #4f5269;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.form-floating:not(.form-floating-outline) > .form-control:focus, .form-floating:not(.form-floating-outline) > .form-control:not(:placeholder-shown), .form-floating:not(.form-floating-outline) > .form-control-plaintext:focus, .form-floating:not(.form-floating-outline) > .form-control-plaintext:not(:placeholder-shown), .form-floating:not(.form-floating-outline) > .form-select:focus, .form-floating:not(.form-floating-outline) > .form-select:not(:placeholder-shown) {
    padding: 1.17195rem .7813rem calc(.39065rem + 1px) .7813rem
}

.form-floating:not(.form-floating-outline) > .form-control:focus::placeholder, .form-floating:not(.form-floating-outline) > .form-control:not(:placeholder-shown)::placeholder, .form-floating:not(.form-floating-outline) > .form-control-plaintext:focus::placeholder, .form-floating:not(.form-floating-outline) > .form-control-plaintext:not(:placeholder-shown)::placeholder, .form-floating:not(.form-floating-outline) > .form-select:focus::placeholder, .form-floating:not(.form-floating-outline) > .form-select:not(:placeholder-shown)::placeholder {
    color: #777991
}

.form-floating:not(.form-floating-outline) > .form-control:-webkit-autofill, .form-floating:not(.form-floating-outline) > .form-control-plaintext:-webkit-autofill, .form-floating:not(.form-floating-outline) > .form-select:-webkit-autofill {
    padding: 1.17195rem .7813rem calc(.39065rem + 1px - 1px) .7813rem
}

.form-floating:not(.form-floating-outline) > .form-control:focus ~ .form-floating-focused, .form-floating:not(.form-floating-outline) > .form-select:focus ~ .form-floating-focused {
    transform: scaleX(1)
}

.form-floating-focused {
    position: relative;
    top: -1px;
    z-index: 9;
    display: block;
    width: 100%;
    height: 2px;
    transition: transform .2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transform: scaleX(0)
}

.form-floating.form-floating-outline > .form-control:focus, .form-floating.form-floating-outline > .form-select:focus {
    border-width: 2px
}

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

.form-floating.form-floating-outline > .form-control:focus::placeholder, .form-floating.form-floating-outline > .form-control:not(:placeholder-shown)::placeholder, .form-floating.form-floating-outline > .form-select:focus::placeholder, .form-floating.form-floating-outline > .form-select:not(:placeholder-shown)::placeholder {
    color: #777991
}

.form-floating.form-floating-outline > .form-control:focus ~ label, .form-floating.form-floating-outline > .form-control:not(:placeholder-shown) ~ label, .form-floating.form-floating-outline > .form-select:focus ~ label, .form-floating.form-floating-outline > .form-select:not(:placeholder-shown) ~ label {
    width: auto;
    height: auto;
    padding: 0 2px;
    margin-left: .7813rem;
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px);
    opacity: 1
}

.form-floating.form-floating-outline > .form-control:focus ~ label:after, .form-floating.form-floating-outline > .form-control:not(:placeholder-shown) ~ label:after, .form-floating.form-floating-outline > .form-select:focus ~ label:after, .form-floating.form-floating-outline > .form-select:not(:placeholder-shown) ~ label:after {
    content: "";
    position: absolute;
    height: .5rem;
    width: 100%;
    left: 0;
    top: .35rem;
    z-index: -1
}

.form-floating.form-floating-outline > .form-control:-webkit-autofill, .form-floating.form-floating-outline > .form-select:-webkit-autofill {
    padding-top: .7813rem;
    padding-bottom: .7813rem
}

.form-floating.form-floating-outline > .form-control:-webkit-autofill ~ label, .form-floating.form-floating-outline > .form-select:-webkit-autofill ~ label {
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px);
    opacity: 1
}

.form-floating.form-floating-outline:focus-within > .form-control:first-child, .form-floating.form-floating-outline:focus-within > .form-select:first-child {
    padding: .7813rem calc(.7813rem - 1px)
}

.input-group .form-floating.form-floating-outline:not(:first-child) > .form-control:focus ~ label, .input-group .form-floating.form-floating-outline:not(:first-child) > .form-control:not(:placeholder-shown) ~ label, .input-group .form-floating.form-floating-outline:not(:first-child) > .form-select ~ label {
    padding: 0 2px !important;
    margin-left: -2px;
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px)
}

.form-floating .form-control::file-selector-button {
    padding: .7813rem .7813rem;
    margin: -0.7813rem -0.7813rem;
    margin-inline-end: .7813rem
}

[dir=rtl] .form-floating:not(.form-floating-outline) > label {
    right: 0;
    left: inherit;
    transform-origin: 100% 0
}

[dir=rtl] .form-floating:not(.form-floating-outline) > .form-control:focus ~ label, [dir=rtl] .form-floating:not(.form-floating-outline) > .form-control:not(:placeholder-shown) ~ label, [dir=rtl] .form-floating:not(.form-floating-outline) > .form-select ~ label {
    transform: scale(0.8) translateY(-0.6rem) translateX(-0.15rem)
}

[dir=rtl] .form-floating:not(.form-floating-outline) > .form-control:-webkit-autofill ~ label {
    transform: scale(0.8) translateY(-0.6rem) translateX(-0.15rem)
}

[dir=rtl] .form-floating.form-floating-outline > label {
    right: 0;
    left: inherit;
    transform-origin: 100% 0
}

[dir=rtl] .form-floating.form-floating-outline > .form-control:focus ~ label, [dir=rtl] .form-floating.form-floating-outline > .form-control:not(:placeholder-shown) ~ label, [dir=rtl] .form-floating.form-floating-outline > .form-select ~ label {
    margin-right: .7813rem;
    margin-left: 0px;
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px)
}

[dir=rtl] .form-floating.form-floating-outline > .form-control:-webkit-autofill ~ label {
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px)
}

[dir=rtl] .input-group .form-floating.form-floating-outline:not(:first-child) > .form-control:focus ~ label, [dir=rtl] .input-group .form-floating.form-floating-outline:not(:first-child) > .form-control:not(:placeholder-shown) ~ label, [dir=rtl] .input-group .form-floating.form-floating-outline:not(:first-child) > .form-select ~ label {
    margin-right: -2px;
    transform: scale(0.8) translateY(-0.7rem) translateX(-2px)
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .3rem;
    font-size: 85%;
    color: #72e128
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.75rem;
    color: #fff;
    background-color: #72e128;
    border-radius: .375rem
}

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

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #72e128;
    border-width: 2px
}

.was-validated .form-control:valid ~ .input-group-text, .form-control.is-valid ~ .input-group-text {
    border-width: 2px
}

.dark-style .was-validated .form-control:valid, .dark-style .form-control.is-valid {
    border-color: #72e128 !important
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
    border-color: #72e128;
    box-shadow: none
}

.was-validated .form-select:valid, .form-select.is-valid {
    border-color: #72e128;
    border-width: 2px
}

.was-validated .form-select:valid ~ .input-group-text, .form-select.is-valid ~ .input-group-text {
    border-width: 2px
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
    border-color: #72e128;
    box-shadow: none
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
    border-color: #72e128
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
    background-color: #72e128;
    border-color: #72e128
}

.was-validated .form-check-input:valid:active, .form-check-input.is-valid:active {
    box-shadow: none;
    border-color: #72e128
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #72e128
}

html:not([dir=rtl]) .form-check-inline .form-check-input ~ .valid-feedback {
    margin-left: .5em
}

[dir=rtl] .form-check-inline .form-check-input ~ .valid-feedback {
    margin-right: .5em
}

.was-validated .form-floating > .form-control:valid ~ label, .form-floating > .form-control.is-valid ~ label, .was-validated .form-floating > .form-select:valid ~ label, .form-floating > .form-select.is-valid ~ label {
    color: #72e128
}

.was-validated .form-floating > .form-control:focus:valid, .form-floating > .form-control:focus.is-valid, .was-validated .form-floating > .form-control:focus:not(:placeholder-shown):valid, .form-floating > .form-control:focus:not(:placeholder-shown).is-valid, .was-validated .form-floating > .form-select:focus:valid, .form-floating > .form-select:focus.is-valid, .was-validated .form-floating > .form-select:focus:not(:placeholder-shown):valid, .form-floating > .form-select:focus:not(:placeholder-shown).is-valid {
    border-color: #72e128
}

.was-validated .form-floating > .form-control:focus:valid ~ label, .form-floating > .form-control:focus.is-valid ~ label, .was-validated .form-floating > .form-control:focus:not(:placeholder-shown):valid ~ label, .form-floating > .form-control:focus:not(:placeholder-shown).is-valid ~ label, .was-validated .form-floating > .form-select:focus:valid ~ label, .form-floating > .form-select:focus.is-valid ~ label, .was-validated .form-floating > .form-select:focus:not(:placeholder-shown):valid ~ label, .form-floating > .form-select:focus:not(:placeholder-shown).is-valid ~ label {
    color: #72e128
}

.was-validated .input-group .form-control:valid ~ .input-group-text, .input-group .form-control.is-valid ~ .input-group-text {
    border-color: #72e128 !important
}

.was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus {
    border-color: #72e128 !important;
    box-shadow: none
}

.was-validated .input-group .form-control:valid:focus ~ .input-group-text, .input-group .form-control.is-valid:focus ~ .input-group-text {
    border-color: #72e128 !important
}

.was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, .was-validated .input-group .form-select:valid, .input-group .form-select.is-valid {
    z-index: 3
}

.was-validated .input-group:has(.input-group-text):has(.form-control:invalid) .input-group-text, .was-validated .input-group:has(.input-group-text):has(.form-control:valid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-valid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-invalid) .input-group-text {
    border-width: 2px
}

.was-validated .input-group:has(.input-group-text):has(.form-control:valid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-valid) .input-group-text {
    border-color: #72e128
}

.was-validated .input-group:has(input:valid) .valid-feedback, .was-validated .input-group:has(input:valid) .valid-tooltip {
    display: block
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .3rem;
    font-size: 85%;
    color: #ff4d49
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.75rem;
    color: #fff;
    background-color: #ff4d49;
    border-radius: .375rem
}

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

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #ff4d49;
    border-width: 2px
}

.was-validated .form-control:invalid ~ .input-group-text, .form-control.is-invalid ~ .input-group-text {
    border-width: 2px
}

.dark-style .was-validated .form-control:invalid, .dark-style .form-control.is-invalid {
    border-color: #ff4d49 !important
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
    border-color: #ff4d49;
    box-shadow: none
}

.was-validated .form-select:invalid, .form-select.is-invalid {
    border-color: #ff4d49;
    border-width: 2px
}

.was-validated .form-select:invalid ~ .input-group-text, .form-select.is-invalid ~ .input-group-text {
    border-width: 2px
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
    border-color: #ff4d49;
    box-shadow: none
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
    border-color: #ff4d49
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
    background-color: #ff4d49;
    border-color: #ff4d49
}

.was-validated .form-check-input:invalid:active, .form-check-input.is-invalid:active {
    box-shadow: none;
    border-color: #ff4d49
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #ff4d49
}

html:not([dir=rtl]) .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-left: .5em
}

[dir=rtl] .form-check-inline .form-check-input ~ .invalid-feedback {
    margin-right: .5em
}

.was-validated .form-floating > .form-control:invalid ~ label, .form-floating > .form-control.is-invalid ~ label, .was-validated .form-floating > .form-select:invalid ~ label, .form-floating > .form-select.is-invalid ~ label {
    color: #ff4d49
}

.was-validated .form-floating > .form-control:focus:invalid, .form-floating > .form-control:focus.is-invalid, .was-validated .form-floating > .form-control:focus:not(:placeholder-shown):invalid, .form-floating > .form-control:focus:not(:placeholder-shown).is-invalid, .was-validated .form-floating > .form-select:focus:invalid, .form-floating > .form-select:focus.is-invalid, .was-validated .form-floating > .form-select:focus:not(:placeholder-shown):invalid, .form-floating > .form-select:focus:not(:placeholder-shown).is-invalid {
    border-color: #ff4d49
}

.was-validated .form-floating > .form-control:focus:invalid ~ label, .form-floating > .form-control:focus.is-invalid ~ label, .was-validated .form-floating > .form-control:focus:not(:placeholder-shown):invalid ~ label, .form-floating > .form-control:focus:not(:placeholder-shown).is-invalid ~ label, .was-validated .form-floating > .form-select:focus:invalid ~ label, .form-floating > .form-select:focus.is-invalid ~ label, .was-validated .form-floating > .form-select:focus:not(:placeholder-shown):invalid ~ label, .form-floating > .form-select:focus:not(:placeholder-shown).is-invalid ~ label {
    color: #ff4d49
}

.was-validated .input-group .form-control:invalid ~ .input-group-text, .input-group .form-control.is-invalid ~ .input-group-text {
    border-color: #ff4d49 !important
}

.was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus {
    border-color: #ff4d49 !important;
    box-shadow: none
}

.was-validated .input-group .form-control:invalid:focus ~ .input-group-text, .input-group .form-control.is-invalid:focus ~ .input-group-text {
    border-color: #ff4d49 !important
}

.was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, .was-validated .input-group .form-select:invalid, .input-group .form-select.is-invalid {
    z-index: 3
}

.was-validated .input-group:has(.input-group-text):has(.form-control:invalid) .input-group-text, .was-validated .input-group:has(.input-group-text):has(.form-control:valid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-valid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-invalid) .input-group-text {
    border-width: 2px
}

.was-validated .input-group:has(.input-group-text):has(.form-control:invalid) .input-group-text, .input-group:has(.input-group-text):has(.form-control.is-invalid) .input-group-text {
    border-color: #ff4d49
}

.was-validated .input-group:has(input:invalid) .invalid-feedback, .was-validated .input-group:has(input:invalid) .invalid-tooltip {
    display: block
}

form .error:not(li):not(input) {
    color: #ff4d49;
    font-size: 85%;
    margin-top: .25rem
}

form .invalid, form .is-invalid .invalid:before, form .is-invalid::before {
    border-width: 2px;
    border-color: #ff4d49 !important
}

form .form-label.invalid, form .form-label.is-invalid {
    border-width: 2px;
    border-color: #ff4d49;
    box-shadow: 0 0 0 2px rgba(255, 77, 73, .4) !important
}

form select.invalid ~ .select2 .select2-selection {
    border-width: 2px;
    border-color: #ff4d49
}

form select.is-invalid ~ .select2 .select2-selection {
    border-width: 2px;
    border-color: #ff4d49 !important
}

form select.selectpicker.is-invalid ~ .btn {
    border-width: 2px;
    border-color: #ff4d49 !important
}

form .form-floating:has(.selectpicker.is-invalid) label, form .form-floating:has(.select2.is-invalid) label {
    color: #ff4d49
}

@media (hover: none) {
    .fv-plugins-bootstrap5-row-invalid .form-control {
        border-color: #ff4d49
    }
}

.fv-plugins-bootstrap5 .invalid-feedback, .fv-plugins-bootstrap5 .invalid-tooltip {
    display: block
}

.fv-plugins-bootstrap5-row-invalid .tagify.tagify--empty {
    border-width: 2px;
    border-color: #ff4d49 !important
}

.modal-content {
    box-shadow: 0 .3125rem 1.25rem rgba(21, 21, 28, .4)
}

.modal-content .modal-header {
    padding-bottom: 0
}

.modal-content .modal-header .modal-title {
    font-size: 1.25rem
}

.modal-content .modal-footer {
    padding: 1.25rem 1.25rem;
    padding-top: 0
}

[dir=rtl] .modal, [dir=rtl] .modal-backdrop {
    right: 0
}

[dir=rtl] .modal-header .btn-close {
    padding-left: 0;
    margin-left: 0;
    margin-right: auto
}

.modal-onboarding .close-label {
    font-size: .8rem;
    position: absolute;
    top: .85rem;
    opacity: .5
}

.modal-onboarding .close-label:hover {
    opacity: .75
}

.modal-onboarding .onboarding-media {
    margin-bottom: 1rem
}

.modal-onboarding .onboarding-media img {
    margin: 0 auto
}

.modal-onboarding .onboarding-content {
    margin: 2rem
}

.modal-onboarding form {
    margin-top: 2rem;
    text-align: left
}

.modal-onboarding .carousel-indicators {
    bottom: -10px
}

.modal-onboarding .carousel-control-prev, .modal-onboarding .carousel-control-next {
    top: auto;
    bottom: .75rem;
    opacity: 1
}

[dir=rtl] .modal-onboarding .carousel-control-prev, [dir=rtl] .modal-onboarding .carousel-control-next {
    flex-direction: row-reverse
}

.modal-onboarding .carousel-control-prev {
    left: 1rem
}

.modal-onboarding .onboarding-horizontal {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.modal-onboarding .onboarding-horizontal .onboarding-media {
    margin: 2rem;
    margin-top: 0
}

.modal-onboarding .onboarding-horizontal .carousel-control-prev {
    left: 0
}

.modal-onboarding.animated .onboarding-media {
    transform: translateY(10px) scale(0.8);
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transition-delay: .3s;
    opacity: 0
}

.modal-onboarding.animated .onboarding-content {
    transform: translateY(40px);
    transition-delay: .1s;
    transition: all .4s ease;
    opacity: 0
}

.modal-onboarding.animated .onboarding-title {
    opacity: 0;
    transition-delay: .5s;
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px)
}

.modal-onboarding.animated .onboarding-info {
    opacity: 0;
    transition-delay: .6s;
    transition: all .5s cubic-bezier(0.25, 1.1, 0.5, 1.35);
    transform: translateY(40px)
}

.modal-onboarding.animated form {
    opacity: 0;
    transition-delay: .7s;
    transition: all .5s ease;
    transform: translateY(40px)
}

.modal-onboarding.animated.show .onboarding-media {
    transform: translateY(0) scale(1);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-content {
    transform: translateY(0);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-title {
    transform: translateY(0);
    opacity: 1
}

.modal-onboarding.animated.show .onboarding-info {
    opacity: 1;
    transform: translateY(0px)
}

.modal-onboarding.animated.show form {
    opacity: 1;
    transform: translateY(0px)
}

.modal-top .modal-dialog {
    margin-top: 0
}

.modal-top .modal-content {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.modal-transparent .modal-dialog {
    display: flex;
    margin: 0 auto;
    min-height: 100vh
}

.modal-transparent .modal-content {
    margin: auto;
    width: 100%;
    border: 0;
    background: rgba(0, 0, 0, 0);
    box-shadow: none
}

.modal-transparent .btn-close {
    position: absolute;
    top: 0;
    right: 1.25rem;
    transform: none;
    opacity: 1;
    padding: .25em .25em;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>")
}

[dir=rtl] .modal-transparent .btn-close {
    right: auto;
    left: 1.25rem
}

.modal-simple .modal-content {
    padding: 3rem
}

.modal-simple .btn-close {
    position: absolute;
    top: -2rem
}

[dir=rtl] .modal-simple .btn-close {
    left: -2rem
}

html:not([dir=rtl]) .modal-simple .btn-close {
    right: -2rem
}

@media (max-width: 767.98px) {
    .modal-simple .btn-close {
        top: 0
    }

    [dir=rtl] .modal-simple .btn-close {
        left: 0
    }

    html:not([dir=rtl]) .modal-simple .btn-close {
        right: 0
    }
}

#pricingModal ul {
    list-style-type: circle
}

#pricingModal ul li::marker {
    font-size: 1.4rem
}

.modal-refer-and-earn .modal-refer-and-earn-step {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50rem
}

.modal-top.fade .modal-dialog, .modal-top .modal.fade .modal-dialog {
    transform: translateY(-100%)
}

.modal-top.show .modal-dialog, .modal-top .modal.show .modal-dialog {
    transform: translateY(0)
}

.modal-transparent.fade .modal-dialog, .modal-transparent .modal.fade .modal-dialog {
    transform: scale(0.5, 0.5)
}

.modal-transparent.show .modal-dialog, .modal-transparent .modal.show .modal-dialog {
    transform: scale(1, 1)
}

@media (max-width: 991.98px) {
    .modal-onboarding .onboarding-horizontal {
        flex-direction: column
    }
}

@media (max-width: 767.98px) {
    .modal .modal-dialog:not(.modal-fullscreen) {
        padding: 0 .75rem;
        padding-left: .75rem !important
    }

    .modal .carousel-control-prev, .modal .carousel-control-next {
        display: none
    }
}

@media (min-width: 576px) {
    .modal-content {
        box-shadow: 0 .3125rem 1.25rem rgba(21, 21, 28, .4)
    }

    .modal-sm .modal-dialog {
        max-width: 22.5rem
    }
}

@media (min-width: 1200px) {
    .modal-xl .modal-dialog {
        max-width: 1140px
    }
}

[dir=rtl] .progress-bar-striped {
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

[dir=rtl] .progress-bar-animated {
    animation-direction: reverse
}

.breadcrumb-item, .breadcrumb-item a {
    color: #a0a1b8
}

.breadcrumb-item:hover, .breadcrumb-item:focus, .breadcrumb-item a:hover, .breadcrumb-item a:focus {
    color: #d2d2e8
}

.breadcrumb-item.active a, .breadcrumb-item.active a:hover, .breadcrumb-item.active a:focus, .breadcrumb-item.active a:active {
    color: inherit
}

.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before, .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    font-family: Material Design Icons
}

.breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before {
    content: "󰅂";
    line-height: 1.5
}

.breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    content: "󰳠"
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item {
    padding-right: .5rem;
    padding-left: 0
}

[dir=rtl] .breadcrumb-item + .breadcrumb-item::before {
    content: "\\";
    padding-right: 0;
    padding-left: .5rem;
    float: right
}

[dir=rtl] .breadcrumb-style1 .breadcrumb-item + .breadcrumb-item::before {
    content: "󰅁"
}

[dir=rtl] .breadcrumb-style2 .breadcrumb-item + .breadcrumb-item::before {
    content: "󰳞"
}

.list-group-item-secondary {
    background-color: #373b56;
    color: #626c7f !important
}

a.list-group-item-secondary, button.list-group-item-secondary {
    color: #626c7f
}

a.list-group-item-secondary:hover, a.list-group-item-secondary:focus, button.list-group-item-secondary:hover, button.list-group-item-secondary:focus {
    background-color: #32354d;
    color: #626c7f
}

a.list-group-item-secondary.active, button.list-group-item-secondary.active {
    border-color: #6d788d;
    background-color: #6d788d;
    color: #626c7f
}

.list-group.list-group-timeline .list-group-timeline-secondary:before {
    background-color: #6d788d
}

.list-group-item-success {
    background-color: #384849;
    color: #67cb24 !important
}

a.list-group-item-success, button.list-group-item-success {
    color: #67cb24
}

a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
    background-color: #324142;
    color: #67cb24
}

a.list-group-item-success.active, button.list-group-item-success.active {
    border-color: #72e128;
    background-color: #72e128;
    color: #67cb24
}

.list-group.list-group-timeline .list-group-timeline-success:before {
    background-color: #72e128
}

.list-group-item-info {
    background-color: #2f4563;
    color: #22b2e0 !important
}

a.list-group-item-info, button.list-group-item-info {
    color: #22b2e0
}

a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
    background-color: #2a3e59;
    color: #22b2e0
}

a.list-group-item-info.active, button.list-group-item-info.active {
    border-color: #26c6f9;
    background-color: #26c6f9;
    color: #22b2e0
}

.list-group.list-group-timeline .list-group-timeline-info:before {
    background-color: #26c6f9
}

.list-group-item-warning {
    background-color: #494349;
    color: #e4a324 !important
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #e4a324
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
    background-color: #423c42;
    color: #e4a324
}

a.list-group-item-warning.active, button.list-group-item-warning.active {
    border-color: #fdb528;
    background-color: #fdb528;
    color: #e4a324
}

.list-group.list-group-timeline .list-group-timeline-warning:before {
    background-color: #fdb528
}

.list-group-item-danger {
    background-color: #49364d;
    color: #e64542 !important
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #e64542
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
    background-color: #423145;
    color: #e64542
}

a.list-group-item-danger.active, button.list-group-item-danger.active {
    border-color: #ff4d49;
    background-color: #ff4d49;
    color: #e64542
}

.list-group.list-group-timeline .list-group-timeline-danger:before {
    background-color: #ff4d49
}

.list-group-item-dark {
    background-color: #444661;
    color: #141521 !important
}

a.list-group-item-dark, button.list-group-item-dark {
    color: #141521
}

a.list-group-item-dark:hover, a.list-group-item-dark:focus, button.list-group-item-dark:hover, button.list-group-item-dark:focus {
    background-color: #3d3f57;
    color: #141521
}

a.list-group-item-dark.active, button.list-group-item-dark.active {
    border-color: #d7d5ec;
    background-color: #d7d5ec;
    color: #141521
}

.list-group.list-group-timeline .list-group-timeline-dark:before {
    background-color: #d7d5ec
}

.list-group-item-gray {
    background-color: rgba(49, 52, 79, .8872);
    color: rgba(51, 51, 56, .154) !important
}

a.list-group-item-gray, button.list-group-item-gray {
    color: rgba(51, 51, 56, .154)
}

a.list-group-item-gray:hover, a.list-group-item-gray:focus, button.list-group-item-gray:hover, button.list-group-item-gray:focus {
    background-color: rgba(43, 46, 69, .89848);
    color: rgba(51, 51, 56, .154)
}

a.list-group-item-gray.active, button.list-group-item-gray.active {
    border-color: rgba(234, 234, 255, .06);
    background-color: rgba(234, 234, 255, .06);
    color: rgba(51, 51, 56, .154)
}

.list-group.list-group-timeline .list-group-timeline-gray:before {
    background-color: rgba(234, 234, 255, .06)
}

.list-group .list-group-item {
    font-size: 1rem
}

.list-group .list-group-item-action:not(.active):active {
    background-color: #393c57 !important
}

.list-group.list-group-timeline {
    position: relative
}

.list-group.list-group-timeline:before {
    background-color: #464963;
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    left: .2rem
}

.list-group.list-group-timeline .list-group-item {
    border: none;
    padding-left: 1.25rem
}

.list-group.list-group-timeline .list-group-item:before {
    position: absolute;
    display: block;
    content: "";
    width: 7px;
    height: 7px;
    left: 0;
    top: 50%;
    margin-top: -3.5px;
    border-radius: 100%
}

.list-group .list-group-item.active h1, .list-group .list-group-item.active .h1, .list-group .list-group-item.active h2, .list-group .list-group-item.active .h2, .list-group .list-group-item.active h3, .list-group .list-group-item.active .h3, .list-group .list-group-item.active h4, .list-group .list-group-item.active .h4, .list-group .list-group-item.active h5, .list-group .list-group-item.active .h5, .list-group .list-group-item.active h6, .list-group .list-group-item.active .h6 {
    color: #d2d2e8
}

[dir=rtl] .list-group {
    padding-right: 0
}

[dir=rtl] .list-group.list-group-timeline:before {
    left: auto;
    right: .2rem
}

[dir=rtl] .list-group.list-group-timeline .list-group-item {
    padding-right: 1.25rem
}

[dir=rtl] .list-group.list-group-timeline .list-group-item:before {
    left: auto;
    right: 0
}

[dir=rtl] .list-group.list-group-horizontal .list-group-item:first-child {
    border-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

[dir=rtl] .list-group.list-group-horizontal .list-group-item:last-child {
    border-radius: .25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-left-width: 1px
}

@media (min-width: 576px) {
    [dir=rtl] .list-group.list-group-horizontal-sm .list-group-item:first-child {
        border-radius: .25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .list-group.list-group-horizontal-sm .list-group-item:last-child {
        border-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px
    }
}

@media (min-width: 768px) {
    [dir=rtl] .list-group.list-group-horizontal-md .list-group-item:first-child {
        border-radius: .25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .list-group.list-group-horizontal-md .list-group-item:last-child {
        border-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px
    }
}

@media (min-width: 992px) {
    [dir=rtl] .list-group.list-group-horizontal-lg .list-group-item:first-child {
        border-radius: .25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .list-group.list-group-horizontal-lg .list-group-item:last-child {
        border-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px
    }
}

@media (min-width: 1200px) {
    [dir=rtl] .list-group.list-group-horizontal-xl .list-group-item:first-child {
        border-radius: .25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .list-group.list-group-horizontal-xl .list-group-item:last-child {
        border-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px
    }
}

@media (min-width: 1400px) {
    [dir=rtl] .list-group.list-group-horizontal-xxl .list-group-item:first-child {
        border-radius: .25rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .list-group.list-group-horizontal-xxl .list-group-item:last-child {
        border-radius: .25rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-left-width: 1px
    }
}

.navbar {
    z-index: 2
}

.navbar .dropdown:focus, .navbar .dropdown-toggle:focus {
    outline: 0
}

.navbar .navbar-toggler:focus {
    box-shadow: none
}

.fixed-top {
    z-index: 1030
}

.navbar.navbar-light {
    color: rgba(234, 234, 255, .5)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(20, 21, 33, .2) !important
}

.navbar.navbar-dark {
    color: rgba(255, 255, 255, .8)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .4) !important
}

.navbar-nav {
    --bs-nav-link-padding-y: calc(1rem / 2)
}

.navbar-collapse, .navbar-brand, .navbar-text {
    flex-shrink: 1
}

.navbar-dark hr {
    border-color: rgba(255, 255, 255, .1)
}

.navbar-light hr {
    border-color: rgba(234, 234, 255, .06)
}

[dir=rtl] .navbar-nav {
    padding-right: 0
}

[dir=rtl] .navbar-brand {
    margin-right: 0
}

.mega-dropdown .dropdown-toggle {
    outline: 0
}

.mega-dropdown .dropdown-menu {
    width: 100%
}

.card {
    background-clip: padding-box;
    margin-bottom: 2rem;
    box-shadow: 0 .125rem .625rem 0 rgba(20, 21, 33, .18)
}

.card .card-link {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500
}

.card .card-header + .card-body, .card .card-body + .card-footer {
    padding-top: 0
}

.card-action.card-fullscreen {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
    border: none;
    border-radius: 0
}

.card-action .card-alert {
    position: absolute;
    width: 100%;
    z-index: 999
}

.card-action .card-alert .alert {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px
}

.card-action .card-header.collapsed {
    border-bottom: 0
}

.card-action .card-header {
    display: flex;
    line-height: 1.47
}

.card-action .card-header .card-action-title {
    flex-grow: 1;
    margin-right: .5rem
}

.card-action .card-header .card-action-element {
    flex-shrink: 0;
    background-color: inherit;
    top: 1rem;
    right: 1.5rem;
    color: #a0a1b8
}

.card-action .card-header .card-action-element a {
    color: #a0a1b8
}

.card-action .card-header .card-action-element a .collapse-icon::after {
    margin-top: -0.15rem
}

.card-action .blockUI .sk-fold {
    margin: 0 auto
}

.card-action .blockUI h5, .card-action .blockUI .h5 {
    color: #a0a1b8;
    margin: 1rem 0 0 0
}

.card-header, .card-footer {
    border-color: rgba(255, 255, 255, .09)
}

.card hr {
    color: rgba(255, 255, 255, .09)
}

.card .row-bordered > [class*=" col "] .card .row-bordered > [class$=" col"], .card .row-bordered > [class*=" col "]::before, .card .row-bordered > [class*=" col "]::after, .card .row-bordered > [class^="col "] .card .row-bordered > [class$=" col"], .card .row-bordered > [class^="col "]::before, .card .row-bordered > [class^="col "]::after, .card .row-bordered > [class*=" col-"] .card .row-bordered > [class$=" col"], .card .row-bordered > [class*=" col-"]::before, .card .row-bordered > [class*=" col-"]::after, .card .row-bordered > [class^=col-] .card .row-bordered > [class$=" col"], .card .row-bordered > [class^=col-]::before, .card .row-bordered > [class^=col-]::after, .card .row-bordered > [class=col] .card .row-bordered > [class$=" col"], .card .row-bordered > [class=col]::before, .card .row-bordered > [class=col]::after {
    border-color: rgba(255, 255, 255, .09)
}

.card-header.header-elements, .card-title.header-elements {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap
}

.card-header.card-header-elements {
    padding-top: .6875rem;
    padding-bottom: .6875rem
}

.card-header .card-header-elements {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.card-header-elements, .card-title-elements {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.card-header-elements + .card-header-elements, .card-header-elements > * + *, .card-header-elements + .card-title-elements, .card-title-elements > * + *, .card-title-elements + .card-header-elements, .card-title-elements + .card-title-elements {
    margin-left: .25rem
}

[dir=rtl] .card-header-elements + .card-header-elements, [dir=rtl] .card-header-elements > * + *, [dir=rtl] .card-header-elements + .card-title-elements, [dir=rtl] .card-title-elements > * + *, [dir=rtl] .card-title-elements + .card-header-elements, [dir=rtl] .card-title-elements + .card-title-elements {
    margin-left: 0;
    margin-right: .25rem
}

.card-img-left {
    border-top-left-radius: .625rem;
    border-bottom-left-radius: .625rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media (max-width: 767.98px) {
    .card-img-left {
        border-top-left-radius: .625rem;
        border-top-right-radius: .625rem;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }
}

.card-img-right {
    border-top-right-radius: .625rem;
    border-bottom-right-radius: .625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

@media (max-width: 767.98px) {
    .card-img-right {
        border-bottom-right-radius: .625rem;
        border-bottom-left-radius: .625rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

.card > .list-group .list-group-item {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

html:not([dir=rtl]) .card .card-separator {
    border-right: 1px solid #464963
}

[dir=rtl] .card .card-separator {
    border-left: 1px solid #464963
}

@media (max-width: 767.98px) {
    .card .card-separator {
        border-bottom: 1px solid #464963;
        padding-bottom: 1.375rem
    }

    html:not([dir=rtl]) .card .card-separator {
        border-right-width: 0 !important
    }

    [dir=rtl] .card .card-separator {
        border-left-width: 0 !important
    }
}

[dir=rtl] .card-link + .card-link {
    margin-right: 1.25rem;
    margin-left: 0
}

[dir=rtl] .card-action .card-header .card-action-title {
    margin-left: .5rem;
    margin-right: 0
}

[dir=rtl] .card-action .card-header .card-action-element, [dir=rtl] .card-action .card-header .card-action-element-toggle {
    left: 1.5rem;
    right: auto
}

@media (min-width: 576px) {
    [dir=rtl] .card-group > .card {
        border: 0 solid #464963;
        border-radius: .625rem
    }

    [dir=rtl] .card-group > .card .card-img-top, [dir=rtl] .card-group > .card .card-header:first-child {
        border-top-left-radius: .625rem;
        border-top-right-radius: .625rem
    }

    [dir=rtl] .card-group > .card .card-img-bottom, [dir=rtl] .card-group > .card .card-footer:last-child {
        border-bottom-right-radius: .625rem;
        border-bottom-left-radius: .625rem
    }

    [dir=rtl] .card-group > .card + .card {
        border-right: 0
    }

    [dir=rtl] .card-group > .card:not(:first-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    [dir=rtl] .card-group > .card:not(:first-child) .card-img-top, [dir=rtl] .card-group > .card:not(:first-child) .card-header {
        border-top-right-radius: 0
    }

    [dir=rtl] .card-group > .card:not(:first-child) .card-img-bottom, [dir=rtl] .card-group > .card:not(:first-child) .card-footer {
        border-bottom-right-radius: 0
    }

    [dir=rtl] .card-group > .card:not(:last-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    [dir=rtl] .card-group > .card:not(:last-child) .card-img-top, [dir=rtl] .card-group > .card:not(:last-child) .card-header {
        border-top-left-radius: 0
    }

    [dir=rtl] .card-group > .card:not(:last-child) .card-img-bottom, [dir=rtl] .card-group > .card:not(:last-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion.accordion-header-secondary .accordion-item.active .accordion-button {
    color: #6d788d !important
}

.accordion.accordion-header-success .accordion-item.active .accordion-button {
    color: #72e128 !important
}

.accordion.accordion-header-info .accordion-item.active .accordion-button {
    color: #26c6f9 !important
}

.accordion.accordion-header-warning .accordion-item.active .accordion-button {
    color: #fdb528 !important
}

.accordion.accordion-header-danger .accordion-item.active .accordion-button {
    color: #ff4d49 !important
}

.accordion.accordion-header-light .accordion-item.active .accordion-button {
    color: #46445b !important
}

.accordion.accordion-header-dark .accordion-item.active .accordion-button {
    color: #d7d5ec !important
}

.accordion.accordion-header-gray .accordion-item.active .accordion-button {
    color: rgba(234, 234, 255, .06) !important
}

.accordion.accordion-without-arrow .accordion-button::after {
    background-image: none !important
}

.accordion .accordion-body {
    padding-top: .4225rem
}

.accordion-button.collapsed:focus {
    box-shadow: none
}

.accordion-header {
    font-weight: 400;
    line-height: 1.54
}

.accordion-item {
    transition: .3s all cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: margin-top, margin-bottom, border-radius, border;
    box-shadow: 0px 2px 1px -1px rgba(20, 21, 33, .2), 0px 1px 1px 0px rgba(20, 21, 33, .14), 0px 1px 3px 0px rgba(20, 21, 33, .12);
    border: 0
}

.accordion-item:not(.active):not(:first-child) .accordion-header {
    border-top: 1px solid #464963
}

.accordion-item.active {
    box-shadow: 0px 4px 8px -4px rgba(20, 21, 33, .42)
}

.accordion-item.active:not(:first-child) {
    margin-top: 1rem
}

.accordion-item.active:not(:last-child) {
    margin-bottom: 1rem
}

.accordion-button {
    font-size: 1rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.accordion-button.collapsed {
    border-radius: .5rem
}

.accordion-button:not(.collapsed) {
    box-shadow: none
}

.accordion-popout .accordion-item {
    transition: margin .35s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

.accordion-popout .accordion-item:not(.active) {
    margin-left: 1rem;
    margin-right: 1rem
}

[dir=rtl] .accordion-button {
    text-align: right
}

[dir=rtl] .accordion-button::after {
    margin-left: 0;
    margin-right: auto
}

[dir=rtl] .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg)
}

.close:focus {
    outline: 0
}

[dir=rtl] .close {
    float: left
}

.bs-toast[class^=bg-], .bs-toast[class*=" bg-"] {
    border: none
}

.toast.bs-toast {
    z-index: 1095
}

.toast-header {
    border-bottom: 1px solid rgba(255, 255, 255, .09)
}

.toast-header .btn-close {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23777991'><path d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/></svg>");
    padding-top: 0;
    padding-bottom: 0;
    margin-left: .875rem;
    background-size: .75rem
}

.toast-container {
    --bs-toast-zindex: 9
}

[dir=rtl] .toast-header .btn-close {
    margin-left: -0.375rem;
    margin-right: .75rem
}

.toast-ex {
    position: fixed;
    top: 4.1rem;
    right: .5rem
}

[dir=rtl] .toast-ex {
    left: .5rem;
    right: auto
}

.toast-placement-ex {
    position: fixed
}

.carousel .carousel-item.active h1, .carousel .carousel-item.active .h1, .carousel .carousel-item.active h2, .carousel .carousel-item.active .h2, .carousel .carousel-item.active h3, .carousel .carousel-item.active .h3, .carousel .carousel-item.active h4, .carousel .carousel-item.active .h4, .carousel .carousel-item.active h5, .carousel .carousel-item.active .h5, .carousel .carousel-item.active h6, .carousel .carousel-item.active .h6, .carousel .carousel-item.carousel-item-start h1, .carousel .carousel-item.carousel-item-start .h1, .carousel .carousel-item.carousel-item-start h2, .carousel .carousel-item.carousel-item-start .h2, .carousel .carousel-item.carousel-item-start h3, .carousel .carousel-item.carousel-item-start .h3, .carousel .carousel-item.carousel-item-start h4, .carousel .carousel-item.carousel-item-start .h4, .carousel .carousel-item.carousel-item-start h5, .carousel .carousel-item.carousel-item-start .h5, .carousel .carousel-item.carousel-item-start h6, .carousel .carousel-item.carousel-item-start .h6 {
    color: #fff
}

.carousel.carousel-dark .carousel-item.active h1, .carousel.carousel-dark .carousel-item.active .h1, .carousel.carousel-dark .carousel-item.active h2, .carousel.carousel-dark .carousel-item.active .h2, .carousel.carousel-dark .carousel-item.active h3, .carousel.carousel-dark .carousel-item.active .h3, .carousel.carousel-dark .carousel-item.active h4, .carousel.carousel-dark .carousel-item.active .h4, .carousel.carousel-dark .carousel-item.active h5, .carousel.carousel-dark .carousel-item.active .h5, .carousel.carousel-dark .carousel-item.active h6, .carousel.carousel-dark .carousel-item.active .h6, .carousel.carousel-dark .carousel-item.carousel-item-start h1, .carousel.carousel-dark .carousel-item.carousel-item-start .h1, .carousel.carousel-dark .carousel-item.carousel-item-start h2, .carousel.carousel-dark .carousel-item.carousel-item-start .h2, .carousel.carousel-dark .carousel-item.carousel-item-start h3, .carousel.carousel-dark .carousel-item.carousel-item-start .h3, .carousel.carousel-dark .carousel-item.carousel-item-start h4, .carousel.carousel-dark .carousel-item.carousel-item-start .h4, .carousel.carousel-dark .carousel-item.carousel-item-start h5, .carousel.carousel-dark .carousel-item.carousel-item-start .h5, .carousel.carousel-dark .carousel-item.carousel-item-start h6, .carousel.carousel-dark .carousel-item.carousel-item-start .h6 {
    color: #141521
}

.spinner-border-lg {
    width: 3rem;
    height: 3rem;
    border-width: .3em
}

.spinner-grow-lg {
    width: 3rem;
    height: 3rem;
    border-width: .3em
}

.btn .spinner-border, .btn .spinner-grow {
    position: relative;
    top: -0.0625rem;
    height: 1em;
    width: 1em
}

.btn .spinner-border {
    border-width: .15em
}

@-webkit-keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg)
    }
}

@-moz-keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg)
    }
}

@keyframes spinner-border-rtl {
    to {
        transform: rotate(-360deg)
    }
}

[dir=rtl] .spinner-border {
    animation-name: spinner-border-rtl
}

.offcanvas {
    box-shadow: 0 .3125rem 1.25rem rgba(21, 21, 28, .4)
}

[dir=rtl] .offcanvas-header .btn-close {
    margin: -0.625rem auto -0.625rem -0.625rem
}

[dir=rtl] .offcanvas-start {
    left: auto;
    right: 0;
    transform: translateX(100%)
}

[dir=rtl] .offcanvas-end {
    right: auto;
    left: 0;
    transform: translateX(-100%)
}

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

.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 .25rem .5rem rgba(21, 21, 28, .55) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(21, 21, 28, .4) !important
}

.shadow-lg {
    box-shadow: 0 .625rem .875rem rgba(21, 21, 28, .5) !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: 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
}

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

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

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

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

.zindex-5 {
    z-index: 5 !important
}

.border {
    border: 1px solid #464963 !important
}

.border-0 {
    border: 0 !important
}

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

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

.border-bottom {
    border-bottom: 1px solid #595b7566 !important
}

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

.border-primary {
    /*border-color: var(--primary) !important*/
}

.border-secondary {
    border-color: #6d788d !important
}

.border-success {
    border-color: #72e128 !important
}

.border-info {
    border-color: #26c6f9 !important
}

.border-warning {
    border-color: #fdb528 !important
}

.border-danger {
    border-color: #ff4d49 !important
}

.border-light {
    border-color: rgba(234, 234, 255, .06) !important
}

.border-dark {
    border-color: #d7d5ec !important
}

.border-gray {
    border-color: rgba(234, 234, 255, .06) !important
}

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

.border-transparent {
    border-color: rgba(0, 0, 0, 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-px-18 {
    width: 18px !important
}

.w-px-20 {
    width: 20px !important
}

.w-px-30 {
    width: 30px !important
}

.w-px-40 {
    width: 40px !important
}

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

.w-px-75 {
    width: 75px !important
}

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

.w-px-120 {
    width: 120px !important
}

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

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

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

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

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

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

.w-px-500 {
    width: 500px !important
}

.w-px-600 {
    width: 600px !important
}

.w-px-700 {
    width: 700px !important
}

.w-px-800 {
    width: 800px !important
}

.w-auto {
    width: auto !important
}

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

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

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

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

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

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

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

.h-px-18 {
    height: 18px !important
}

.h-px-20 {
    height: 20px !important
}

.h-px-30 {
    height: 30px !important
}

.h-px-40 {
    height: 40px !important
}

.h-px-50 {
    height: 50px !important
}

.h-px-75 {
    height: 75px !important
}

.h-px-100 {
    height: 100px !important
}

.h-px-120 {
    height: 120px !important
}

.h-px-150 {
    height: 150px !important
}

.h-px-200 {
    height: 200px !important
}

.h-px-250 {
    height: 250px !important
}

.h-px-300 {
    height: 300px !important
}

.h-px-350 {
    height: 350px !important
}

.h-px-400 {
    height: 400px !important
}

.h-px-500 {
    height: 500px !important
}

.h-px-600 {
    height: 600px !important
}

.h-px-700 {
    height: 700px !important
}

.h-px-800 {
    height: 800px !important
}

.h-auto {
    height: auto !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mx-n2 {
    margin-right: -0.5rem !important;
    margin-left: -0.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: -0.25rem !important;
    margin-bottom: -0.25rem !important
}

.my-n2 {
    margin-top: -0.5rem !important;
    margin-bottom: -0.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: -0.25rem !important
}

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

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

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

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

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

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

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

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

.mb-n5 {
    margin-bottom: -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
}

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

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.3625rem + 1.35vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.2875rem + 0.45vw) !important
}

.fs-4 {
    font-size: calc(1.2625rem + 0.15vw) !important
}

.fs-5 {
    font-size: 1.125rem !important
}

.fs-6 {
    font-size: 0.9375rem !important
}

.fs-tiny {
    font-size: 70% !important
}

.fs-big {
    font-size: 112% !important
}

.fs-large {
    font-size: 150% !important
}

.fs-xlarge {
    font-size: 170% !important
}

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

.fst-normal {
    font-style: normal !important
}

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

.fw-lighter {
    font-weight: 100 !important
}

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

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

.fw-semibold {
    font-weight: 600 !important
}

.fw-medium {
    font-weight: 500 !important
}

.fw-bolder {
    font-weight: 900 !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-inherit {
    line-height: inherit !important
}

.lh-xs {
    line-height: 1.2 !important
}

.lh-sm {
    line-height: 1.2 !important
}

.lh-base {
    line-height: 1.47 !important
}

.lh-lg {
    line-height: 1.5 !important
}

.lh-xl {
    line-height: 1.5 !important
}

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

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

.text-none {
    text-transform: none !important
}

.text-lowercase {
    text-transform: lowercase !important
}

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

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

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

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

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

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: #8d8fa7 !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-gray {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-gray-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

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

.text-body {
    --bs-text-opacity: 1;
    color: #a0a1b8 !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #777991 !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(20, 21, 33, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-heading {
    --bs-text-opacity: 1;
    color: #d2d2e8 !important
}

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

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-gray {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-gray-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

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

.bg-body {
    --bs-bg-opacity: 1;
    background-color: #282a42 !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-lighter {
    --bs-bg-opacity: 1;
    background-color: #3b3e59 !important
}

.bg-lightest {
    --bs-bg-opacity: 1;
    background-color: #333651 !important
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    user-select: all !important
}

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

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

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .5rem !important
}

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

.rounded-1 {
    border-radius: .25rem !important
}

.rounded-2 {
    border-radius: .375rem !important
}

.rounded-3 {
    border-radius: .625rem !important
}

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

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

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

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

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-move {
    cursor: move !important
}

.cursor-grab {
    cursor: grab !important
}

@media (min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

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

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

    .d-sm-grid {
        display: grid !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-sm-n2 {
        margin: -0.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: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-sm-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.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: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-sm-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.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: -0.25rem !important
    }

    .mt-sm-n2 {
        margin-top: -0.5rem !important
    }

    .mt-sm-n3 {
        margin-top: -1rem !important
    }

    .mt-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mt-sm-n5 {
        margin-top: -3rem !important
    }

    .mb-sm-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-sm-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-sm-n3 {
        margin-bottom: -1rem !important
    }

    .mb-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-sm-n5 {
        margin-bottom: -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
    }

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

@media (min-width: 768px) {
    .d-md-inline {
        display: inline !important
    }

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

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

    .d-md-grid {
        display: grid !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-md-n2 {
        margin: -0.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: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-md-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.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: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-md-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.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: -0.25rem !important
    }

    .mt-md-n2 {
        margin-top: -0.5rem !important
    }

    .mt-md-n3 {
        margin-top: -1rem !important
    }

    .mt-md-n4 {
        margin-top: -1.5rem !important
    }

    .mt-md-n5 {
        margin-top: -3rem !important
    }

    .mb-md-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-md-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-md-n3 {
        margin-bottom: -1rem !important
    }

    .mb-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-md-n5 {
        margin-bottom: -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
    }

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

@media (min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

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

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

    .d-lg-grid {
        display: grid !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-lg-n2 {
        margin: -0.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: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-lg-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.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: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-lg-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.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: -0.25rem !important
    }

    .mt-lg-n2 {
        margin-top: -0.5rem !important
    }

    .mt-lg-n3 {
        margin-top: -1rem !important
    }

    .mt-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mt-lg-n5 {
        margin-top: -3rem !important
    }

    .mb-lg-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-lg-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-lg-n3 {
        margin-bottom: -1rem !important
    }

    .mb-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-lg-n5 {
        margin-bottom: -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
    }

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

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline !important
    }

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

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

    .d-xl-grid {
        display: grid !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-xl-n2 {
        margin: -0.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: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-xl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.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: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-xl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.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: -0.25rem !important
    }

    .mt-xl-n2 {
        margin-top: -0.5rem !important
    }

    .mt-xl-n3 {
        margin-top: -1rem !important
    }

    .mt-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xl-n5 {
        margin-top: -3rem !important
    }

    .mb-xl-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-xl-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-xl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xl-n5 {
        margin-bottom: -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
    }

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

@media (min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

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

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

    .d-xxl-grid {
        display: grid !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .m-xxl-n2 {
        margin: -0.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: -0.25rem !important;
        margin-left: -0.25rem !important
    }

    .mx-xxl-n2 {
        margin-right: -0.5rem !important;
        margin-left: -0.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: -0.25rem !important;
        margin-bottom: -0.25rem !important
    }

    .my-xxl-n2 {
        margin-top: -0.5rem !important;
        margin-bottom: -0.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: -0.25rem !important
    }

    .mt-xxl-n2 {
        margin-top: -0.5rem !important
    }

    .mt-xxl-n3 {
        margin-top: -1rem !important
    }

    .mt-xxl-n4 {
        margin-top: -1.5rem !important
    }

    .mt-xxl-n5 {
        margin-top: -3rem !important
    }

    .mb-xxl-n1 {
        margin-bottom: -0.25rem !important
    }

    .mb-xxl-n2 {
        margin-bottom: -0.5rem !important
    }

    .mb-xxl-n3 {
        margin-bottom: -1rem !important
    }

    .mb-xxl-n4 {
        margin-bottom: -1.5rem !important
    }

    .mb-xxl-n5 {
        margin-bottom: -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
    }

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

@media (min-width: 1200px) {
    .fs-1 {
        font-size: 2.375rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.625rem !important
    }

    .fs-4 {
        font-size: 1.375rem !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
    }
}

html:not([dir=rtl]) .zindex-1 {
    z-index: 1 !important
}

html:not([dir=rtl]) .zindex-2 {
    z-index: 2 !important
}

html:not([dir=rtl]) .zindex-3 {
    z-index: 3 !important
}

html:not([dir=rtl]) .zindex-4 {
    z-index: 4 !important
}

html:not([dir=rtl]) .zindex-5 {
    z-index: 5 !important
}

html:not([dir=rtl]) .float-start {
    float: left !important
}

html:not([dir=rtl]) .float-end {
    float: right !important
}

html:not([dir=rtl]) .float-none {
    float: none !important
}

html:not([dir=rtl]) .end-0 {
    right: 0 !important
}

html:not([dir=rtl]) .end-50 {
    right: 50% !important
}

html:not([dir=rtl]) .end-100 {
    right: 100% !important
}

html:not([dir=rtl]) .start-0 {
    left: 0 !important
}

html:not([dir=rtl]) .start-50 {
    left: 50% !important
}

html:not([dir=rtl]) .start-100 {
    left: 100% !important
}

html:not([dir=rtl]) .translate-middle {
    transform: translate(-50%, -50%) !important
}

html:not([dir=rtl]) .translate-middle-x {
    transform: translateX(-50%) !important
}

html:not([dir=rtl]) .translate-middle-y {
    transform: translateY(-50%) !important
}

html:not([dir=rtl]) .border-end {
    border-right: 1px solid #464963 !important
}

html:not([dir=rtl]) .border-end-0 {
    border-right: 0 !important
}

html:not([dir=rtl]) .border-start {
    border-left: 1px solid #464963 !important
}

html:not([dir=rtl]) .border-start-0 {
    border-left: 0 !important
}

html:not([dir=rtl]) .border-left-dashed {
    border-left-style: dashed !important
}

html:not([dir=rtl]) .border-right-dashed {
    border-right-style: dashed !important
}

html:not([dir=rtl]) .text-start {
    text-align: left !important
}

html:not([dir=rtl]) .text-end {
    text-align: right !important
}

html:not([dir=rtl]) .text-center {
    text-align: center !important
}

html:not([dir=rtl]) .rounded-end {
    border-top-right-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

html:not([dir=rtl]) .rounded-start {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

html:not([dir=rtl]) .rounded-start-top {
    border-top-left-radius: .5rem !important
}

html:not([dir=rtl]) .rounded-start-bottom {
    border-bottom-left-radius: .5rem !important
}

html:not([dir=rtl]) .rounded-end-top {
    border-top-right-radius: .5rem !important
}

html:not([dir=rtl]) .rounded-end-bottom {
    border-bottom-right-radius: .5rem !important
}

html:not([dir=rtl]) .me-0 {
    margin-right: 0 !important
}

html:not([dir=rtl]) .me-1 {
    margin-right: .25rem !important
}

html:not([dir=rtl]) .me-2 {
    margin-right: .5rem !important
}

html:not([dir=rtl]) .me-3 {
    margin-right: 1rem !important
}

html:not([dir=rtl]) .me-4 {
    margin-right: 1.5rem !important
}

html:not([dir=rtl]) .me-5 {
    margin-right: 3rem !important
}

html:not([dir=rtl]) .me-auto {
    margin-right: auto !important
}

html:not([dir=rtl]) .ms-0 {
    margin-left: 0 !important
}

html:not([dir=rtl]) .ms-1 {
    margin-left: .25rem !important
}

html:not([dir=rtl]) .ms-2 {
    margin-left: .5rem !important
}

html:not([dir=rtl]) .ms-3 {
    margin-left: 1rem !important
}

html:not([dir=rtl]) .ms-4 {
    margin-left: 1.5rem !important
}

html:not([dir=rtl]) .ms-5 {
    margin-left: 3rem !important
}

html:not([dir=rtl]) .ms-auto {
    margin-left: auto !important
}

html:not([dir=rtl]) .me-n1 {
    margin-right: -0.25rem !important
}

html:not([dir=rtl]) .me-n2 {
    margin-right: -0.5rem !important
}

html:not([dir=rtl]) .me-n3 {
    margin-right: -1rem !important
}

html:not([dir=rtl]) .me-n4 {
    margin-right: -1.5rem !important
}

html:not([dir=rtl]) .me-n5 {
    margin-right: -3rem !important
}

html:not([dir=rtl]) .ms-n1 {
    margin-left: -0.25rem !important
}

html:not([dir=rtl]) .ms-n2 {
    margin-left: -0.5rem !important
}

html:not([dir=rtl]) .ms-n3 {
    margin-left: -1rem !important
}

html:not([dir=rtl]) .ms-n4 {
    margin-left: -1.5rem !important
}

html:not([dir=rtl]) .ms-n5 {
    margin-left: -3rem !important
}

html:not([dir=rtl]) .pe-0 {
    padding-right: 0 !important
}

html:not([dir=rtl]) .pe-1 {
    padding-right: .25rem !important
}

html:not([dir=rtl]) .pe-2 {
    padding-right: .5rem !important
}

html:not([dir=rtl]) .pe-3 {
    padding-right: 1rem !important
}

html:not([dir=rtl]) .pe-4 {
    padding-right: 1.5rem !important
}

html:not([dir=rtl]) .pe-5 {
    padding-right: 3rem !important
}

html:not([dir=rtl]) .ps-0 {
    padding-left: 0 !important
}

html:not([dir=rtl]) .ps-1 {
    padding-left: .25rem !important
}

html:not([dir=rtl]) .ps-2 {
    padding-left: .5rem !important
}

html:not([dir=rtl]) .ps-3 {
    padding-left: 1rem !important
}

html:not([dir=rtl]) .ps-4 {
    padding-left: 1.5rem !important
}

html:not([dir=rtl]) .ps-5 {
    padding-left: 3rem !important
}

html:not([dir=rtl]) .rotate-0 {
    transform: rotate(0deg) !important
}

html:not([dir=rtl]) .rotate-90 {
    transform: rotate(90deg) !important
}

html:not([dir=rtl]) .rotate-180 {
    transform: rotate(180deg) !important
}

html:not([dir=rtl]) .rotate-270 {
    transform: rotate(270deg) !important
}

html:not([dir=rtl]) .rotate-n90 {
    transform: rotate(-90deg) !important
}

html:not([dir=rtl]) .rotate-n180 {
    transform: rotate(-180deg) !important
}

html:not([dir=rtl]) .rotate-n270 {
    transform: rotate(-270deg) !important
}

html:not([dir=rtl]) .scaleX-n1 {
    transform: scaleX(-1) !important
}

html:not([dir=rtl]) .scaleY-n1 {
    transform: scaleY(-1) !important
}

@media (min-width: 576px) {
    html:not([dir=rtl]) .float-sm-start {
        float: left !important
    }

    html:not([dir=rtl]) .float-sm-end {
        float: right !important
    }

    html:not([dir=rtl]) .float-sm-none {
        float: none !important
    }

    html:not([dir=rtl]) .text-sm-start {
        text-align: left !important
    }

    html:not([dir=rtl]) .text-sm-end {
        text-align: right !important
    }

    html:not([dir=rtl]) .text-sm-center {
        text-align: center !important
    }

    html:not([dir=rtl]) .me-sm-0 {
        margin-right: 0 !important
    }

    html:not([dir=rtl]) .me-sm-1 {
        margin-right: .25rem !important
    }

    html:not([dir=rtl]) .me-sm-2 {
        margin-right: .5rem !important
    }

    html:not([dir=rtl]) .me-sm-3 {
        margin-right: 1rem !important
    }

    html:not([dir=rtl]) .me-sm-4 {
        margin-right: 1.5rem !important
    }

    html:not([dir=rtl]) .me-sm-5 {
        margin-right: 3rem !important
    }

    html:not([dir=rtl]) .me-sm-auto {
        margin-right: auto !important
    }

    html:not([dir=rtl]) .ms-sm-0 {
        margin-left: 0 !important
    }

    html:not([dir=rtl]) .ms-sm-1 {
        margin-left: .25rem !important
    }

    html:not([dir=rtl]) .ms-sm-2 {
        margin-left: .5rem !important
    }

    html:not([dir=rtl]) .ms-sm-3 {
        margin-left: 1rem !important
    }

    html:not([dir=rtl]) .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ms-sm-5 {
        margin-left: 3rem !important
    }

    html:not([dir=rtl]) .ms-sm-auto {
        margin-left: auto !important
    }

    html:not([dir=rtl]) .me-sm-n1 {
        margin-right: -0.25rem !important
    }

    html:not([dir=rtl]) .me-sm-n2 {
        margin-right: -0.5rem !important
    }

    html:not([dir=rtl]) .me-sm-n3 {
        margin-right: -1rem !important
    }

    html:not([dir=rtl]) .me-sm-n4 {
        margin-right: -1.5rem !important
    }

    html:not([dir=rtl]) .me-sm-n5 {
        margin-right: -3rem !important
    }

    html:not([dir=rtl]) .ms-sm-n1 {
        margin-left: -0.25rem !important
    }

    html:not([dir=rtl]) .ms-sm-n2 {
        margin-left: -0.5rem !important
    }

    html:not([dir=rtl]) .ms-sm-n3 {
        margin-left: -1rem !important
    }

    html:not([dir=rtl]) .ms-sm-n4 {
        margin-left: -1.5rem !important
    }

    html:not([dir=rtl]) .ms-sm-n5 {
        margin-left: -3rem !important
    }

    html:not([dir=rtl]) .pe-sm-0 {
        padding-right: 0 !important
    }

    html:not([dir=rtl]) .pe-sm-1 {
        padding-right: .25rem !important
    }

    html:not([dir=rtl]) .pe-sm-2 {
        padding-right: .5rem !important
    }

    html:not([dir=rtl]) .pe-sm-3 {
        padding-right: 1rem !important
    }

    html:not([dir=rtl]) .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    html:not([dir=rtl]) .pe-sm-5 {
        padding-right: 3rem !important
    }

    html:not([dir=rtl]) .ps-sm-0 {
        padding-left: 0 !important
    }

    html:not([dir=rtl]) .ps-sm-1 {
        padding-left: .25rem !important
    }

    html:not([dir=rtl]) .ps-sm-2 {
        padding-left: .5rem !important
    }

    html:not([dir=rtl]) .ps-sm-3 {
        padding-left: 1rem !important
    }

    html:not([dir=rtl]) .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ps-sm-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 768px) {
    html:not([dir=rtl]) .float-md-start {
        float: left !important
    }

    html:not([dir=rtl]) .float-md-end {
        float: right !important
    }

    html:not([dir=rtl]) .float-md-none {
        float: none !important
    }

    html:not([dir=rtl]) .text-md-start {
        text-align: left !important
    }

    html:not([dir=rtl]) .text-md-end {
        text-align: right !important
    }

    html:not([dir=rtl]) .text-md-center {
        text-align: center !important
    }

    html:not([dir=rtl]) .me-md-0 {
        margin-right: 0 !important
    }

    html:not([dir=rtl]) .me-md-1 {
        margin-right: .25rem !important
    }

    html:not([dir=rtl]) .me-md-2 {
        margin-right: .5rem !important
    }

    html:not([dir=rtl]) .me-md-3 {
        margin-right: 1rem !important
    }

    html:not([dir=rtl]) .me-md-4 {
        margin-right: 1.5rem !important
    }

    html:not([dir=rtl]) .me-md-5 {
        margin-right: 3rem !important
    }

    html:not([dir=rtl]) .me-md-auto {
        margin-right: auto !important
    }

    html:not([dir=rtl]) .ms-md-0 {
        margin-left: 0 !important
    }

    html:not([dir=rtl]) .ms-md-1 {
        margin-left: .25rem !important
    }

    html:not([dir=rtl]) .ms-md-2 {
        margin-left: .5rem !important
    }

    html:not([dir=rtl]) .ms-md-3 {
        margin-left: 1rem !important
    }

    html:not([dir=rtl]) .ms-md-4 {
        margin-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ms-md-5 {
        margin-left: 3rem !important
    }

    html:not([dir=rtl]) .ms-md-auto {
        margin-left: auto !important
    }

    html:not([dir=rtl]) .me-md-n1 {
        margin-right: -0.25rem !important
    }

    html:not([dir=rtl]) .me-md-n2 {
        margin-right: -0.5rem !important
    }

    html:not([dir=rtl]) .me-md-n3 {
        margin-right: -1rem !important
    }

    html:not([dir=rtl]) .me-md-n4 {
        margin-right: -1.5rem !important
    }

    html:not([dir=rtl]) .me-md-n5 {
        margin-right: -3rem !important
    }

    html:not([dir=rtl]) .ms-md-n1 {
        margin-left: -0.25rem !important
    }

    html:not([dir=rtl]) .ms-md-n2 {
        margin-left: -0.5rem !important
    }

    html:not([dir=rtl]) .ms-md-n3 {
        margin-left: -1rem !important
    }

    html:not([dir=rtl]) .ms-md-n4 {
        margin-left: -1.5rem !important
    }

    html:not([dir=rtl]) .ms-md-n5 {
        margin-left: -3rem !important
    }

    html:not([dir=rtl]) .pe-md-0 {
        padding-right: 0 !important
    }

    html:not([dir=rtl]) .pe-md-1 {
        padding-right: .25rem !important
    }

    html:not([dir=rtl]) .pe-md-2 {
        padding-right: .5rem !important
    }

    html:not([dir=rtl]) .pe-md-3 {
        padding-right: 1rem !important
    }

    html:not([dir=rtl]) .pe-md-4 {
        padding-right: 1.5rem !important
    }

    html:not([dir=rtl]) .pe-md-5 {
        padding-right: 3rem !important
    }

    html:not([dir=rtl]) .ps-md-0 {
        padding-left: 0 !important
    }

    html:not([dir=rtl]) .ps-md-1 {
        padding-left: .25rem !important
    }

    html:not([dir=rtl]) .ps-md-2 {
        padding-left: .5rem !important
    }

    html:not([dir=rtl]) .ps-md-3 {
        padding-left: 1rem !important
    }

    html:not([dir=rtl]) .ps-md-4 {
        padding-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 992px) {
    html:not([dir=rtl]) .float-lg-start {
        float: left !important
    }

    html:not([dir=rtl]) .float-lg-end {
        float: right !important
    }

    html:not([dir=rtl]) .float-lg-none {
        float: none !important
    }

    html:not([dir=rtl]) .text-lg-start {
        text-align: left !important
    }

    html:not([dir=rtl]) .text-lg-end {
        text-align: right !important
    }

    html:not([dir=rtl]) .text-lg-center {
        text-align: center !important
    }

    html:not([dir=rtl]) .me-lg-0 {
        margin-right: 0 !important
    }

    html:not([dir=rtl]) .me-lg-1 {
        margin-right: .25rem !important
    }

    html:not([dir=rtl]) .me-lg-2 {
        margin-right: .5rem !important
    }

    html:not([dir=rtl]) .me-lg-3 {
        margin-right: 1rem !important
    }

    html:not([dir=rtl]) .me-lg-4 {
        margin-right: 1.5rem !important
    }

    html:not([dir=rtl]) .me-lg-5 {
        margin-right: 3rem !important
    }

    html:not([dir=rtl]) .me-lg-auto {
        margin-right: auto !important
    }

    html:not([dir=rtl]) .ms-lg-0 {
        margin-left: 0 !important
    }

    html:not([dir=rtl]) .ms-lg-1 {
        margin-left: .25rem !important
    }

    html:not([dir=rtl]) .ms-lg-2 {
        margin-left: .5rem !important
    }

    html:not([dir=rtl]) .ms-lg-3 {
        margin-left: 1rem !important
    }

    html:not([dir=rtl]) .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ms-lg-5 {
        margin-left: 3rem !important
    }

    html:not([dir=rtl]) .ms-lg-auto {
        margin-left: auto !important
    }

    html:not([dir=rtl]) .me-lg-n1 {
        margin-right: -0.25rem !important
    }

    html:not([dir=rtl]) .me-lg-n2 {
        margin-right: -0.5rem !important
    }

    html:not([dir=rtl]) .me-lg-n3 {
        margin-right: -1rem !important
    }

    html:not([dir=rtl]) .me-lg-n4 {
        margin-right: -1.5rem !important
    }

    html:not([dir=rtl]) .me-lg-n5 {
        margin-right: -3rem !important
    }

    html:not([dir=rtl]) .ms-lg-n1 {
        margin-left: -0.25rem !important
    }

    html:not([dir=rtl]) .ms-lg-n2 {
        margin-left: -0.5rem !important
    }

    html:not([dir=rtl]) .ms-lg-n3 {
        margin-left: -1rem !important
    }

    html:not([dir=rtl]) .ms-lg-n4 {
        margin-left: -1.5rem !important
    }

    html:not([dir=rtl]) .ms-lg-n5 {
        margin-left: -3rem !important
    }

    html:not([dir=rtl]) .pe-lg-0 {
        padding-right: 0 !important
    }

    html:not([dir=rtl]) .pe-lg-1 {
        padding-right: .25rem !important
    }

    html:not([dir=rtl]) .pe-lg-2 {
        padding-right: .5rem !important
    }

    html:not([dir=rtl]) .pe-lg-3 {
        padding-right: 1rem !important
    }

    html:not([dir=rtl]) .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    html:not([dir=rtl]) .pe-lg-5 {
        padding-right: 3rem !important
    }

    html:not([dir=rtl]) .ps-lg-0 {
        padding-left: 0 !important
    }

    html:not([dir=rtl]) .ps-lg-1 {
        padding-left: .25rem !important
    }

    html:not([dir=rtl]) .ps-lg-2 {
        padding-left: .5rem !important
    }

    html:not([dir=rtl]) .ps-lg-3 {
        padding-left: 1rem !important
    }

    html:not([dir=rtl]) .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ps-lg-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1200px) {
    html:not([dir=rtl]) .float-xl-start {
        float: left !important
    }

    html:not([dir=rtl]) .float-xl-end {
        float: right !important
    }

    html:not([dir=rtl]) .float-xl-none {
        float: none !important
    }

    html:not([dir=rtl]) .text-xl-start {
        text-align: left !important
    }

    html:not([dir=rtl]) .text-xl-end {
        text-align: right !important
    }

    html:not([dir=rtl]) .text-xl-center {
        text-align: center !important
    }

    html:not([dir=rtl]) .me-xl-0 {
        margin-right: 0 !important
    }

    html:not([dir=rtl]) .me-xl-1 {
        margin-right: .25rem !important
    }

    html:not([dir=rtl]) .me-xl-2 {
        margin-right: .5rem !important
    }

    html:not([dir=rtl]) .me-xl-3 {
        margin-right: 1rem !important
    }

    html:not([dir=rtl]) .me-xl-4 {
        margin-right: 1.5rem !important
    }

    html:not([dir=rtl]) .me-xl-5 {
        margin-right: 3rem !important
    }

    html:not([dir=rtl]) .me-xl-auto {
        margin-right: auto !important
    }

    html:not([dir=rtl]) .ms-xl-0 {
        margin-left: 0 !important
    }

    html:not([dir=rtl]) .ms-xl-1 {
        margin-left: .25rem !important
    }

    html:not([dir=rtl]) .ms-xl-2 {
        margin-left: .5rem !important
    }

    html:not([dir=rtl]) .ms-xl-3 {
        margin-left: 1rem !important
    }

    html:not([dir=rtl]) .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ms-xl-5 {
        margin-left: 3rem !important
    }

    html:not([dir=rtl]) .ms-xl-auto {
        margin-left: auto !important
    }

    html:not([dir=rtl]) .me-xl-n1 {
        margin-right: -0.25rem !important
    }

    html:not([dir=rtl]) .me-xl-n2 {
        margin-right: -0.5rem !important
    }

    html:not([dir=rtl]) .me-xl-n3 {
        margin-right: -1rem !important
    }

    html:not([dir=rtl]) .me-xl-n4 {
        margin-right: -1.5rem !important
    }

    html:not([dir=rtl]) .me-xl-n5 {
        margin-right: -3rem !important
    }

    html:not([dir=rtl]) .ms-xl-n1 {
        margin-left: -0.25rem !important
    }

    html:not([dir=rtl]) .ms-xl-n2 {
        margin-left: -0.5rem !important
    }

    html:not([dir=rtl]) .ms-xl-n3 {
        margin-left: -1rem !important
    }

    html:not([dir=rtl]) .ms-xl-n4 {
        margin-left: -1.5rem !important
    }

    html:not([dir=rtl]) .ms-xl-n5 {
        margin-left: -3rem !important
    }

    html:not([dir=rtl]) .pe-xl-0 {
        padding-right: 0 !important
    }

    html:not([dir=rtl]) .pe-xl-1 {
        padding-right: .25rem !important
    }

    html:not([dir=rtl]) .pe-xl-2 {
        padding-right: .5rem !important
    }

    html:not([dir=rtl]) .pe-xl-3 {
        padding-right: 1rem !important
    }

    html:not([dir=rtl]) .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    html:not([dir=rtl]) .pe-xl-5 {
        padding-right: 3rem !important
    }

    html:not([dir=rtl]) .ps-xl-0 {
        padding-left: 0 !important
    }

    html:not([dir=rtl]) .ps-xl-1 {
        padding-left: .25rem !important
    }

    html:not([dir=rtl]) .ps-xl-2 {
        padding-left: .5rem !important
    }

    html:not([dir=rtl]) .ps-xl-3 {
        padding-left: 1rem !important
    }

    html:not([dir=rtl]) .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media (min-width: 1400px) {
    html:not([dir=rtl]) .float-xxl-start {
        float: left !important
    }

    html:not([dir=rtl]) .float-xxl-end {
        float: right !important
    }

    html:not([dir=rtl]) .float-xxl-none {
        float: none !important
    }

    html:not([dir=rtl]) .text-xxl-start {
        text-align: left !important
    }

    html:not([dir=rtl]) .text-xxl-end {
        text-align: right !important
    }

    html:not([dir=rtl]) .text-xxl-center {
        text-align: center !important
    }

    html:not([dir=rtl]) .me-xxl-0 {
        margin-right: 0 !important
    }

    html:not([dir=rtl]) .me-xxl-1 {
        margin-right: .25rem !important
    }

    html:not([dir=rtl]) .me-xxl-2 {
        margin-right: .5rem !important
    }

    html:not([dir=rtl]) .me-xxl-3 {
        margin-right: 1rem !important
    }

    html:not([dir=rtl]) .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    html:not([dir=rtl]) .me-xxl-5 {
        margin-right: 3rem !important
    }

    html:not([dir=rtl]) .me-xxl-auto {
        margin-right: auto !important
    }

    html:not([dir=rtl]) .ms-xxl-0 {
        margin-left: 0 !important
    }

    html:not([dir=rtl]) .ms-xxl-1 {
        margin-left: .25rem !important
    }

    html:not([dir=rtl]) .ms-xxl-2 {
        margin-left: .5rem !important
    }

    html:not([dir=rtl]) .ms-xxl-3 {
        margin-left: 1rem !important
    }

    html:not([dir=rtl]) .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ms-xxl-5 {
        margin-left: 3rem !important
    }

    html:not([dir=rtl]) .ms-xxl-auto {
        margin-left: auto !important
    }

    html:not([dir=rtl]) .me-xxl-n1 {
        margin-right: -0.25rem !important
    }

    html:not([dir=rtl]) .me-xxl-n2 {
        margin-right: -0.5rem !important
    }

    html:not([dir=rtl]) .me-xxl-n3 {
        margin-right: -1rem !important
    }

    html:not([dir=rtl]) .me-xxl-n4 {
        margin-right: -1.5rem !important
    }

    html:not([dir=rtl]) .me-xxl-n5 {
        margin-right: -3rem !important
    }

    html:not([dir=rtl]) .ms-xxl-n1 {
        margin-left: -0.25rem !important
    }

    html:not([dir=rtl]) .ms-xxl-n2 {
        margin-left: -0.5rem !important
    }

    html:not([dir=rtl]) .ms-xxl-n3 {
        margin-left: -1rem !important
    }

    html:not([dir=rtl]) .ms-xxl-n4 {
        margin-left: -1.5rem !important
    }

    html:not([dir=rtl]) .ms-xxl-n5 {
        margin-left: -3rem !important
    }

    html:not([dir=rtl]) .pe-xxl-0 {
        padding-right: 0 !important
    }

    html:not([dir=rtl]) .pe-xxl-1 {
        padding-right: .25rem !important
    }

    html:not([dir=rtl]) .pe-xxl-2 {
        padding-right: .5rem !important
    }

    html:not([dir=rtl]) .pe-xxl-3 {
        padding-right: 1rem !important
    }

    html:not([dir=rtl]) .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    html:not([dir=rtl]) .pe-xxl-5 {
        padding-right: 3rem !important
    }

    html:not([dir=rtl]) .ps-xxl-0 {
        padding-left: 0 !important
    }

    html:not([dir=rtl]) .ps-xxl-1 {
        padding-left: .25rem !important
    }

    html:not([dir=rtl]) .ps-xxl-2 {
        padding-left: .5rem !important
    }

    html:not([dir=rtl]) .ps-xxl-3 {
        padding-left: 1rem !important
    }

    html:not([dir=rtl]) .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    html:not([dir=rtl]) .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

[dir=rtl] .zindex-1 {
    z-index: 1 !important
}

[dir=rtl] .zindex-2 {
    z-index: 2 !important
}

[dir=rtl] .zindex-3 {
    z-index: 3 !important
}

[dir=rtl] .zindex-4 {
    z-index: 4 !important
}

[dir=rtl] .zindex-5 {
    z-index: 5 !important
}

[dir=rtl] .float-start {
    float: right !important
}

[dir=rtl] .float-end {
    float: left !important
}

[dir=rtl] .float-none {
    float: none !important
}

[dir=rtl] .end-0 {
    left: 0 !important
}

[dir=rtl] .end-50 {
    left: 50% !important
}

[dir=rtl] .end-100 {
    left: 100% !important
}

[dir=rtl] .start-0 {
    right: 0 !important
}

[dir=rtl] .start-50 {
    right: 50% !important
}

[dir=rtl] .start-100 {
    right: 100% !important
}

[dir=rtl] .translate-middle {
    transform: translate(50%, -50%) !important
}

[dir=rtl] .translate-middle-x {
    transform: translateX(50%) !important
}

[dir=rtl] .translate-middle-y {
    transform: translateY(-50%) !important
}

[dir=rtl] .border-end {
    border-left: 1px solid #464963 !important
}

[dir=rtl] .border-end-0 {
    border-left: 0 !important
}

[dir=rtl] .border-start {
    border-right: 1px solid #464963 !important
}

[dir=rtl] .border-start-0 {
    border-right: 0 !important
}

[dir=rtl] .border-left-dashed {
    border-right-style: dashed !important
}

[dir=rtl] .border-right-dashed {
    border-left-style: dashed !important
}

[dir=rtl] .text-start {
    text-align: right !important
}

[dir=rtl] .text-end {
    text-align: left !important
}

[dir=rtl] .text-center {
    text-align: center !important
}

[dir=rtl] .rounded-end {
    border-top-left-radius: .5rem !important;
    border-bottom-left-radius: .5rem !important
}

[dir=rtl] .rounded-start {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

[dir=rtl] .rounded-start-top {
    border-top-right-radius: .5rem !important
}

[dir=rtl] .rounded-start-bottom {
    border-bottom-right-radius: .5rem !important
}

[dir=rtl] .rounded-end-top {
    border-top-left-radius: .5rem !important
}

[dir=rtl] .rounded-end-bottom {
    border-bottom-left-radius: .5rem !important
}

[dir=rtl] .me-0 {
    margin-left: 0 !important
}

[dir=rtl] .me-1 {
    margin-left: .25rem !important
}

[dir=rtl] .me-2 {
    margin-left: .5rem !important
}

[dir=rtl] .me-3 {
    margin-left: 1rem !important
}

[dir=rtl] .me-4 {
    margin-left: 1.5rem !important
}

[dir=rtl] .me-5 {
    margin-left: 3rem !important
}

[dir=rtl] .me-auto {
    margin-left: auto !important
}

[dir=rtl] .ms-0 {
    margin-right: 0 !important
}

[dir=rtl] .ms-1 {
    margin-right: .25rem !important
}

[dir=rtl] .ms-2 {
    margin-right: .5rem !important
}

[dir=rtl] .ms-3 {
    margin-right: 1rem !important
}

[dir=rtl] .ms-4 {
    margin-right: 1.5rem !important
}

[dir=rtl] .ms-5 {
    margin-right: 3rem !important
}

[dir=rtl] .ms-auto {
    margin-right: auto !important
}

[dir=rtl] .me-n1 {
    margin-left: -0.25rem !important
}

[dir=rtl] .me-n2 {
    margin-left: -0.5rem !important
}

[dir=rtl] .me-n3 {
    margin-left: -1rem !important
}

[dir=rtl] .me-n4 {
    margin-left: -1.5rem !important
}

[dir=rtl] .me-n5 {
    margin-left: -3rem !important
}

[dir=rtl] .ms-n1 {
    margin-right: -0.25rem !important
}

[dir=rtl] .ms-n2 {
    margin-right: -0.5rem !important
}

[dir=rtl] .ms-n3 {
    margin-right: -1rem !important
}

[dir=rtl] .ms-n4 {
    margin-right: -1.5rem !important
}

[dir=rtl] .ms-n5 {
    margin-right: -3rem !important
}

[dir=rtl] .pe-0 {
    padding-left: 0 !important
}

[dir=rtl] .pe-1 {
    padding-left: .25rem !important
}

[dir=rtl] .pe-2 {
    padding-left: .5rem !important
}

[dir=rtl] .pe-3 {
    padding-left: 1rem !important
}

[dir=rtl] .pe-4 {
    padding-left: 1.5rem !important
}

[dir=rtl] .pe-5 {
    padding-left: 3rem !important
}

[dir=rtl] .ps-0 {
    padding-right: 0 !important
}

[dir=rtl] .ps-1 {
    padding-right: .25rem !important
}

[dir=rtl] .ps-2 {
    padding-right: .5rem !important
}

[dir=rtl] .ps-3 {
    padding-right: 1rem !important
}

[dir=rtl] .ps-4 {
    padding-right: 1.5rem !important
}

[dir=rtl] .ps-5 {
    padding-right: 3rem !important
}

[dir=rtl] .rotate-0 {
    transform: rotate(0deg) !important
}

[dir=rtl] .rotate-90 {
    transform: rotate(-90deg) !important
}

[dir=rtl] .rotate-180 {
    transform: rotate(-180deg) !important
}

[dir=rtl] .rotate-270 {
    transform: rotate(-270deg) !important
}

[dir=rtl] .rotate-n90 {
    transform: rotate(90deg) !important
}

[dir=rtl] .rotate-n180 {
    transform: rotate(180deg) !important
}

[dir=rtl] .rotate-n270 {
    transform: rotate(270deg) !important
}

[dir=rtl] .scaleX-n1 {
    transform: scaleX(1) !important
}

[dir=rtl] .scaleX-n1-rtl {
    transform: scaleX(-1) !important
}

[dir=rtl] .scaleY-n1 {
    transform: scaleY(1) !important
}

[dir=rtl] .scaleY-n1-rtl {
    transform: scaleY(-1) !important
}

@media (min-width: 576px) {
    [dir=rtl] .float-sm-start {
        float: right !important
    }

    [dir=rtl] .float-sm-end {
        float: left !important
    }

    [dir=rtl] .float-sm-none {
        float: none !important
    }

    [dir=rtl] .text-sm-start {
        text-align: right !important
    }

    [dir=rtl] .text-sm-end {
        text-align: left !important
    }

    [dir=rtl] .text-sm-center {
        text-align: center !important
    }

    [dir=rtl] .me-sm-0 {
        margin-left: 0 !important
    }

    [dir=rtl] .me-sm-1 {
        margin-left: .25rem !important
    }

    [dir=rtl] .me-sm-2 {
        margin-left: .5rem !important
    }

    [dir=rtl] .me-sm-3 {
        margin-left: 1rem !important
    }

    [dir=rtl] .me-sm-4 {
        margin-left: 1.5rem !important
    }

    [dir=rtl] .me-sm-5 {
        margin-left: 3rem !important
    }

    [dir=rtl] .me-sm-auto {
        margin-left: auto !important
    }

    [dir=rtl] .ms-sm-0 {
        margin-right: 0 !important
    }

    [dir=rtl] .ms-sm-1 {
        margin-right: .25rem !important
    }

    [dir=rtl] .ms-sm-2 {
        margin-right: .5rem !important
    }

    [dir=rtl] .ms-sm-3 {
        margin-right: 1rem !important
    }

    [dir=rtl] .ms-sm-4 {
        margin-right: 1.5rem !important
    }

    [dir=rtl] .ms-sm-5 {
        margin-right: 3rem !important
    }

    [dir=rtl] .ms-sm-auto {
        margin-right: auto !important
    }

    [dir=rtl] .me-sm-n1 {
        margin-left: -0.25rem !important
    }

    [dir=rtl] .me-sm-n2 {
        margin-left: -0.5rem !important
    }

    [dir=rtl] .me-sm-n3 {
        margin-left: -1rem !important
    }

    [dir=rtl] .me-sm-n4 {
        margin-left: -1.5rem !important
    }

    [dir=rtl] .me-sm-n5 {
        margin-left: -3rem !important
    }

    [dir=rtl] .ms-sm-n1 {
        margin-right: -0.25rem !important
    }

    [dir=rtl] .ms-sm-n2 {
        margin-right: -0.5rem !important
    }

    [dir=rtl] .ms-sm-n3 {
        margin-right: -1rem !important
    }

    [dir=rtl] .ms-sm-n4 {
        margin-right: -1.5rem !important
    }

    [dir=rtl] .ms-sm-n5 {
        margin-right: -3rem !important
    }

    [dir=rtl] .pe-sm-0 {
        padding-left: 0 !important
    }

    [dir=rtl] .pe-sm-1 {
        padding-left: .25rem !important
    }

    [dir=rtl] .pe-sm-2 {
        padding-left: .5rem !important
    }

    [dir=rtl] .pe-sm-3 {
        padding-left: 1rem !important
    }

    [dir=rtl] .pe-sm-4 {
        padding-left: 1.5rem !important
    }

    [dir=rtl] .pe-sm-5 {
        padding-left: 3rem !important
    }

    [dir=rtl] .ps-sm-0 {
        padding-right: 0 !important
    }

    [dir=rtl] .ps-sm-1 {
        padding-right: .25rem !important
    }

    [dir=rtl] .ps-sm-2 {
        padding-right: .5rem !important
    }

    [dir=rtl] .ps-sm-3 {
        padding-right: 1rem !important
    }

    [dir=rtl] .ps-sm-4 {
        padding-right: 1.5rem !important
    }

    [dir=rtl] .ps-sm-5 {
        padding-right: 3rem !important
    }
}

@media (min-width: 768px) {
    [dir=rtl] .float-md-start {
        float: right !important
    }

    [dir=rtl] .float-md-end {
        float: left !important
    }

    [dir=rtl] .float-md-none {
        float: none !important
    }

    [dir=rtl] .text-md-start {
        text-align: right !important
    }

    [dir=rtl] .text-md-end {
        text-align: left !important
    }

    [dir=rtl] .text-md-center {
        text-align: center !important
    }

    [dir=rtl] .me-md-0 {
        margin-left: 0 !important
    }

    [dir=rtl] .me-md-1 {
        margin-left: .25rem !important
    }

    [dir=rtl] .me-md-2 {
        margin-left: .5rem !important
    }

    [dir=rtl] .me-md-3 {
        margin-left: 1rem !important
    }

    [dir=rtl] .me-md-4 {
        margin-left: 1.5rem !important
    }

    [dir=rtl] .me-md-5 {
        margin-left: 3rem !important
    }

    [dir=rtl] .me-md-auto {
        margin-left: auto !important
    }

    [dir=rtl] .ms-md-0 {
        margin-right: 0 !important
    }

    [dir=rtl] .ms-md-1 {
        margin-right: .25rem !important
    }

    [dir=rtl] .ms-md-2 {
        margin-right: .5rem !important
    }

    [dir=rtl] .ms-md-3 {
        margin-right: 1rem !important
    }

    [dir=rtl] .ms-md-4 {
        margin-right: 1.5rem !important
    }

    [dir=rtl] .ms-md-5 {
        margin-right: 3rem !important
    }

    [dir=rtl] .ms-md-auto {
        margin-right: auto !important
    }

    [dir=rtl] .me-md-n1 {
        margin-left: -0.25rem !important
    }

    [dir=rtl] .me-md-n2 {
        margin-left: -0.5rem !important
    }

    [dir=rtl] .me-md-n3 {
        margin-left: -1rem !important
    }

    [dir=rtl] .me-md-n4 {
        margin-left: -1.5rem !important
    }

    [dir=rtl] .me-md-n5 {
        margin-left: -3rem !important
    }

    [dir=rtl] .ms-md-n1 {
        margin-right: -0.25rem !important
    }

    [dir=rtl] .ms-md-n2 {
        margin-right: -0.5rem !important
    }

    [dir=rtl] .ms-md-n3 {
        margin-right: -1rem !important
    }

    [dir=rtl] .ms-md-n4 {
        margin-right: -1.5rem !important
    }

    [dir=rtl] .ms-md-n5 {
        margin-right: -3rem !important
    }

    [dir=rtl] .pe-md-0 {
        padding-left: 0 !important
    }

    [dir=rtl] .pe-md-1 {
        padding-left: .25rem !important
    }

    [dir=rtl] .pe-md-2 {
        padding-left: .5rem !important
    }

    [dir=rtl] .pe-md-3 {
        padding-left: 1rem !important
    }

    [dir=rtl] .pe-md-4 {
        padding-left: 1.5rem !important
    }

    [dir=rtl] .pe-md-5 {
        padding-left: 3rem !important
    }

    [dir=rtl] .ps-md-0 {
        padding-right: 0 !important
    }

    [dir=rtl] .ps-md-1 {
        padding-right: .25rem !important
    }

    [dir=rtl] .ps-md-2 {
        padding-right: .5rem !important
    }

    [dir=rtl] .ps-md-3 {
        padding-right: 1rem !important
    }

    [dir=rtl] .ps-md-4 {
        padding-right: 1.5rem !important
    }

    [dir=rtl] .ps-md-5 {
        padding-right: 3rem !important
    }
}

@media (min-width: 992px) {
    [dir=rtl] .float-lg-start {
        float: right !important
    }

    [dir=rtl] .float-lg-end {
        float: left !important
    }

    [dir=rtl] .float-lg-none {
        float: none !important
    }

    [dir=rtl] .text-lg-start {
        text-align: right !important
    }

    [dir=rtl] .text-lg-end {
        text-align: left !important
    }

    [dir=rtl] .text-lg-center {
        text-align: center !important
    }

    [dir=rtl] .me-lg-0 {
        margin-left: 0 !important
    }

    [dir=rtl] .me-lg-1 {
        margin-left: .25rem !important
    }

    [dir=rtl] .me-lg-2 {
        margin-left: .5rem !important
    }

    [dir=rtl] .me-lg-3 {
        margin-left: 1rem !important
    }

    [dir=rtl] .me-lg-4 {
        margin-left: 1.5rem !important
    }

    [dir=rtl] .me-lg-5 {
        margin-left: 3rem !important
    }

    [dir=rtl] .me-lg-auto {
        margin-left: auto !important
    }

    [dir=rtl] .ms-lg-0 {
        margin-right: 0 !important
    }

    [dir=rtl] .ms-lg-1 {
        margin-right: .25rem !important
    }

    [dir=rtl] .ms-lg-2 {
        margin-right: .5rem !important
    }

    [dir=rtl] .ms-lg-3 {
        margin-right: 1rem !important
    }

    [dir=rtl] .ms-lg-4 {
        margin-right: 1.5rem !important
    }

    [dir=rtl] .ms-lg-5 {
        margin-right: 3rem !important
    }

    [dir=rtl] .ms-lg-auto {
        margin-right: auto !important
    }

    [dir=rtl] .me-lg-n1 {
        margin-left: -0.25rem !important
    }

    [dir=rtl] .me-lg-n2 {
        margin-left: -0.5rem !important
    }

    [dir=rtl] .me-lg-n3 {
        margin-left: -1rem !important
    }

    [dir=rtl] .me-lg-n4 {
        margin-left: -1.5rem !important
    }

    [dir=rtl] .me-lg-n5 {
        margin-left: -3rem !important
    }

    [dir=rtl] .ms-lg-n1 {
        margin-right: -0.25rem !important
    }

    [dir=rtl] .ms-lg-n2 {
        margin-right: -0.5rem !important
    }

    [dir=rtl] .ms-lg-n3 {
        margin-right: -1rem !important
    }

    [dir=rtl] .ms-lg-n4 {
        margin-right: -1.5rem !important
    }

    [dir=rtl] .ms-lg-n5 {
        margin-right: -3rem !important
    }

    [dir=rtl] .pe-lg-0 {
        padding-left: 0 !important
    }

    [dir=rtl] .pe-lg-1 {
        padding-left: .25rem !important
    }

    [dir=rtl] .pe-lg-2 {
        padding-left: .5rem !important
    }

    [dir=rtl] .pe-lg-3 {
        padding-left: 1rem !important
    }

    [dir=rtl] .pe-lg-4 {
        padding-left: 1.5rem !important
    }

    [dir=rtl] .pe-lg-5 {
        padding-left: 3rem !important
    }

    [dir=rtl] .ps-lg-0 {
        padding-right: 0 !important
    }

    [dir=rtl] .ps-lg-1 {
        padding-right: .25rem !important
    }

    [dir=rtl] .ps-lg-2 {
        padding-right: .5rem !important
    }

    [dir=rtl] .ps-lg-3 {
        padding-right: 1rem !important
    }

    [dir=rtl] .ps-lg-4 {
        padding-right: 1.5rem !important
    }

    [dir=rtl] .ps-lg-5 {
        padding-right: 3rem !important
    }
}

@media (min-width: 1200px) {
    [dir=rtl] .float-xl-start {
        float: right !important
    }

    [dir=rtl] .float-xl-end {
        float: left !important
    }

    [dir=rtl] .float-xl-none {
        float: none !important
    }

    [dir=rtl] .text-xl-start {
        text-align: right !important
    }

    [dir=rtl] .text-xl-end {
        text-align: left !important
    }

    [dir=rtl] .text-xl-center {
        text-align: center !important
    }

    [dir=rtl] .me-xl-0 {
        margin-left: 0 !important
    }

    [dir=rtl] .me-xl-1 {
        margin-left: .25rem !important
    }

    [dir=rtl] .me-xl-2 {
        margin-left: .5rem !important
    }

    [dir=rtl] .me-xl-3 {
        margin-left: 1rem !important
    }

    [dir=rtl] .me-xl-4 {
        margin-left: 1.5rem !important
    }

    [dir=rtl] .me-xl-5 {
        margin-left: 3rem !important
    }

    [dir=rtl] .me-xl-auto {
        margin-left: auto !important
    }

    [dir=rtl] .ms-xl-0 {
        margin-right: 0 !important
    }

    [dir=rtl] .ms-xl-1 {
        margin-right: .25rem !important
    }

    [dir=rtl] .ms-xl-2 {
        margin-right: .5rem !important
    }

    [dir=rtl] .ms-xl-3 {
        margin-right: 1rem !important
    }

    [dir=rtl] .ms-xl-4 {
        margin-right: 1.5rem !important
    }

    [dir=rtl] .ms-xl-5 {
        margin-right: 3rem !important
    }

    [dir=rtl] .ms-xl-auto {
        margin-right: auto !important
    }

    [dir=rtl] .me-xl-n1 {
        margin-left: -0.25rem !important
    }

    [dir=rtl] .me-xl-n2 {
        margin-left: -0.5rem !important
    }

    [dir=rtl] .me-xl-n3 {
        margin-left: -1rem !important
    }

    [dir=rtl] .me-xl-n4 {
        margin-left: -1.5rem !important
    }

    [dir=rtl] .me-xl-n5 {
        margin-left: -3rem !important
    }

    [dir=rtl] .ms-xl-n1 {
        margin-right: -0.25rem !important
    }

    [dir=rtl] .ms-xl-n2 {
        margin-right: -0.5rem !important
    }

    [dir=rtl] .ms-xl-n3 {
        margin-right: -1rem !important
    }

    [dir=rtl] .ms-xl-n4 {
        margin-right: -1.5rem !important
    }

    [dir=rtl] .ms-xl-n5 {
        margin-right: -3rem !important
    }

    [dir=rtl] .pe-xl-0 {
        padding-left: 0 !important
    }

    [dir=rtl] .pe-xl-1 {
        padding-left: .25rem !important
    }

    [dir=rtl] .pe-xl-2 {
        padding-left: .5rem !important
    }

    [dir=rtl] .pe-xl-3 {
        padding-left: 1rem !important
    }

    [dir=rtl] .pe-xl-4 {
        padding-left: 1.5rem !important
    }

    [dir=rtl] .pe-xl-5 {
        padding-left: 3rem !important
    }

    [dir=rtl] .ps-xl-0 {
        padding-right: 0 !important
    }

    [dir=rtl] .ps-xl-1 {
        padding-right: .25rem !important
    }

    [dir=rtl] .ps-xl-2 {
        padding-right: .5rem !important
    }

    [dir=rtl] .ps-xl-3 {
        padding-right: 1rem !important
    }

    [dir=rtl] .ps-xl-4 {
        padding-right: 1.5rem !important
    }

    [dir=rtl] .ps-xl-5 {
        padding-right: 3rem !important
    }
}

@media (min-width: 1400px) {
    [dir=rtl] .float-xxl-start {
        float: right !important
    }

    [dir=rtl] .float-xxl-end {
        float: left !important
    }

    [dir=rtl] .float-xxl-none {
        float: none !important
    }

    [dir=rtl] .text-xxl-start {
        text-align: right !important
    }

    [dir=rtl] .text-xxl-end {
        text-align: left !important
    }

    [dir=rtl] .text-xxl-center {
        text-align: center !important
    }

    [dir=rtl] .me-xxl-0 {
        margin-left: 0 !important
    }

    [dir=rtl] .me-xxl-1 {
        margin-left: .25rem !important
    }

    [dir=rtl] .me-xxl-2 {
        margin-left: .5rem !important
    }

    [dir=rtl] .me-xxl-3 {
        margin-left: 1rem !important
    }

    [dir=rtl] .me-xxl-4 {
        margin-left: 1.5rem !important
    }

    [dir=rtl] .me-xxl-5 {
        margin-left: 3rem !important
    }

    [dir=rtl] .me-xxl-auto {
        margin-left: auto !important
    }

    [dir=rtl] .ms-xxl-0 {
        margin-right: 0 !important
    }

    [dir=rtl] .ms-xxl-1 {
        margin-right: .25rem !important
    }

    [dir=rtl] .ms-xxl-2 {
        margin-right: .5rem !important
    }

    [dir=rtl] .ms-xxl-3 {
        margin-right: 1rem !important
    }

    [dir=rtl] .ms-xxl-4 {
        margin-right: 1.5rem !important
    }

    [dir=rtl] .ms-xxl-5 {
        margin-right: 3rem !important
    }

    [dir=rtl] .ms-xxl-auto {
        margin-right: auto !important
    }

    [dir=rtl] .me-xxl-n1 {
        margin-left: -0.25rem !important
    }

    [dir=rtl] .me-xxl-n2 {
        margin-left: -0.5rem !important
    }

    [dir=rtl] .me-xxl-n3 {
        margin-left: -1rem !important
    }

    [dir=rtl] .me-xxl-n4 {
        margin-left: -1.5rem !important
    }

    [dir=rtl] .me-xxl-n5 {
        margin-left: -3rem !important
    }

    [dir=rtl] .ms-xxl-n1 {
        margin-right: -0.25rem !important
    }

    [dir=rtl] .ms-xxl-n2 {
        margin-right: -0.5rem !important
    }

    [dir=rtl] .ms-xxl-n3 {
        margin-right: -1rem !important
    }

    [dir=rtl] .ms-xxl-n4 {
        margin-right: -1.5rem !important
    }

    [dir=rtl] .ms-xxl-n5 {
        margin-right: -3rem !important
    }

    [dir=rtl] .pe-xxl-0 {
        padding-left: 0 !important
    }

    [dir=rtl] .pe-xxl-1 {
        padding-left: .25rem !important
    }

    [dir=rtl] .pe-xxl-2 {
        padding-left: .5rem !important
    }

    [dir=rtl] .pe-xxl-3 {
        padding-left: 1rem !important
    }

    [dir=rtl] .pe-xxl-4 {
        padding-left: 1.5rem !important
    }

    [dir=rtl] .pe-xxl-5 {
        padding-left: 3rem !important
    }

    [dir=rtl] .ps-xxl-0 {
        padding-right: 0 !important
    }

    [dir=rtl] .ps-xxl-1 {
        padding-right: .25rem !important
    }

    [dir=rtl] .ps-xxl-2 {
        padding-right: .5rem !important
    }

    [dir=rtl] .ps-xxl-3 {
        padding-right: 1rem !important
    }

    [dir=rtl] .ps-xxl-4 {
        padding-right: 1.5rem !important
    }

    [dir=rtl] .ps-xxl-5 {
        padding-right: 3rem !important
    }
}

body {
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -moz-font-feature-settings: "liga" on;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 768px) {
    button.list-group-item {
        outline: none
    }
}

.app-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(20, 21, 33, .5);
    visibility: hidden;
    z-index: 3;
    transition: all .25s ease
}

.app-overlay.show {
    visibility: visible
}

.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width: 992px) {
    .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.img-thumbnail {
    position: relative;
    display: block
}

.img-thumbnail img {
    z-index: 1
}

.img-thumbnail-content {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: block;
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: translate(-50%, -50%)
}

.img-thumbnail:hover .img-thumbnail-content, .img-thumbnail:focus .img-thumbnail-content {
    opacity: 1
}

.img-thumbnail-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: block;
    transition: all .2s ease-in-out
}

.img-thumbnail:not(:hover):not(:focus) .img-thumbnail-overlay {
    opacity: 0 !important
}

.img-thumbnail-shadow {
    transition: box-shadow .2s
}

.img-thumbnail-shadow:hover, .img-thumbnail-shadow:focus {
    box-shadow: 0 5px 20px rgba(20, 21, 33, .4)
}

.img-thumbnail-zoom-in {
    overflow: hidden
}

.img-thumbnail-zoom-in img {
    transition: all .3s ease-in-out;
    transform: translate3d(0)
}

.img-thumbnail-zoom-in .img-thumbnail-content {
    transform: translate(-50%, -50%) scale(0.6)
}

.img-thumbnail-zoom-in:hover img, .img-thumbnail-zoom-in:focus img {
    transform: scale(1.1)
}

.img-thumbnail-zoom-in:hover .img-thumbnail-content, .img-thumbnail-zoom-in:focus .img-thumbnail-content {
    transform: translate(-50%, -50%) scale(1)
}

@-webkit-keyframes dropdownAnimation {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-moz-keyframes dropdownAnimation {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes dropdownAnimation {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .card, .card-body, .media, .flex-column, .tab-content {
        min-height: 1px
    }

    img {
        min-height: 1px;
        height: auto
    }
}

[dir=rtl] body {
    text-align: right;
    direction: rtl
}

.buy-now .btn-buy-now {
    position: fixed;
    bottom: 3rem;
    right: 1.5rem;
    z-index: 1080;
    box-shadow: 0 1px 20px 1px #ea5455 !important
}

[dir=rtl] .buy-now .btn-buy-now {
    left: 1.5rem;
    right: inherit
}

.buy-now .btn-buy-now:hover {
    box-shadow: none !important
}

.ui-square, .ui-rect, .ui-rect-30, .ui-rect-60, .ui-rect-67, .ui-rect-75 {
    position: relative !important;
    display: block !important;
    padding-top: 100% !important;
    width: 100% !important
}

.ui-square {
    padding-top: 100% !important
}

.ui-rect {
    padding-top: 50% !important
}

.ui-rect-30 {
    padding-top: 30% !important
}

.ui-rect-60 {
    padding-top: 60% !important
}

.ui-rect-67 {
    padding-top: 67% !important
}

.ui-rect-75 {
    padding-top: 75% !important
}

.ui-square-content, .ui-rect-content {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important
}

.text-strike-through {
    text-decoration: line-through
}

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.ui-stars, .ui-star, .ui-star > * {
    height: 1.1em;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none
}

.ui-stars {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}

.ui-star {
    position: relative;
    display: block;
    float: left;
    width: 1.1em;
    height: 1.1em;
    text-decoration: none !important;
    font-size: 1.1em;
    line-height: 1;
    user-select: none
}

[dir=rtl] .ui-star {
    float: right
}

.ui-star + .ui-star {
    margin-left: -0.1em
}

[dir=rtl] .ui-star + .ui-star {
    margin-right: -0.1em;
    margin-left: 0
}

.ui-star > *, .ui-star > *::before, .ui-star > *::after {
    position: absolute;
    left: .55em;
    height: 100%;
    font-size: 1em;
    line-height: 1;
    transform: translateX(-50%)
}

[dir=rtl] .ui-star > *, [dir=rtl] .ui-star > *::before, [dir=rtl] .ui-star > *::after {
    right: .55em;
    left: auto;
    transform: translateX(50%)
}

.ui-star > * {
    top: 0;
    width: 100%;
    text-align: center
}

.ui-star > *:first-child {
    z-index: 10;
    display: none;
    overflow: hidden;
    color: #ffd950
}

.ui-star > *:last-child {
    z-index: 5;
    display: block
}

.ui-star.half-filled > *:first-child {
    width: 50%;
    transform: translateX(-100%)
}

[dir=rtl] .ui-star.half-filled > *:first-child {
    transform: translateX(100%)
}

.ui-star.filled > *:first-child, .ui-star.half-filled > *:first-child {
    display: block
}

.ui-star.filled > *:last-child {
    display: none
}

.ui-stars.hoverable .ui-star > *:first-child {
    display: block
}

.ui-stars.hoverable .ui-star:first-child:not(.filled) > *:first-child, .ui-stars.hoverable .ui-star:first-child:not(.filled) ~ .ui-star > *:first-child, .ui-stars.hoverable .ui-star:first-child:not(.half-filled) > *:first-child, .ui-stars.hoverable .ui-star:first-child:not(.half-filled) ~ .ui-star > *:first-child {
    display: none
}

.ui-stars.hoverable .ui-star.filled > *:first-child, .ui-stars.hoverable .ui-star.half-filled > *:first-child {
    display: block !important
}

.ui-stars.hoverable:hover .ui-star > *:first-child {
    display: block !important;
    width: 100% !important;
    transform: translateX(-50%) !important
}

[dir=rtl] .ui-stars.hoverable:hover .ui-star > *:first-child {
    transform: translateX(50%) !important
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:first-child {
    display: none !important
}

.ui-stars.hoverable .ui-star:hover ~ .ui-star > *:last-child {
    display: block !important
}

.ui-bg-cover {
    background-color: rgba(0, 0, 0, 0);
    background-position: center center;
    background-size: cover
}

.ui-bg-overlay-container, .ui-bg-video-container {
    position: relative
}

.ui-bg-overlay-container > *, .ui-bg-video-container > * {
    position: relative
}

.ui-bg-overlay-container .ui-bg-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.menu {
    display: flex
}

.menu .app-brand {
    width: 100%
}

.menu .ps__thumb-y, .menu .ps__rail-y {
    width: .125rem !important
}

.menu .ps__rail-y {
    right: .25rem !important;
    left: auto !important;
    background: none !important
}

[dir=rtl] .menu .ps__rail-y {
    right: auto !important;
    left: .25rem !important
}

.menu .ps__rail-y:hover, .menu .ps__rail-y:focus, .menu .ps__rail-y.ps--clicking, .menu .ps__rail-y:hover > .ps__thumb-y, .menu .ps__rail-y:focus > .ps__thumb-y, .menu .ps__rail-y.ps--clicking > .ps__thumb-y {
    width: .375rem !important
}

.menu-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    height: 100%
}

.menu-inner-shadow {
    display: none;
    position: absolute;
    top: 3.5rem;
    height: 3rem;
    width: 100%;
    pointer-events: none;
    z-index: 2
}

html:not(.layout-menu-fixed) .menu-inner-shadow {
    display: none !important
}

.menu-item {
    align-items: flex-start;
    justify-content: flex-start
}

.menu-item.menu-item-animating {
    transition: height .3s ease-in-out
}

.menu-item, .menu-header, .menu-divider, .menu-block {
    flex: 0 0 auto;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none
}

.menu-header {
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.menu-header .menu-header-text {
    column-gap: .625rem;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .4px;
    white-space: nowrap
}

.menu-inner > .menu-header {
    position: relative
}

.menu-inner > .menu-header::before {
    height: 1px;
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    text-align: center;
    top: 1.25rem;
    background-color: rgba(234, 234, 255, .22) !important
}

html:not([dir=rtl]) .menu-inner > .menu-header::before {
    left: -0.75rem
}

[dir=rtl] .menu-inner > .menu-header::before {
    right: -0.75rem
}

.menu-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: .5rem;
    line-height: 1
}

/*.menu-icon::before {*/
/*    font-size: 1.2rem*/
/*}*/

.menu:not(.menu-no-animation) .menu-icon {
    transition: margin-right .3s ease
}

[dir=rtl] .menu-icon {
    margin-right: 0;
    margin-left: .5rem
}

.menu:not(.menu-no-animation) [dir=rtl] .menu-icon {
    transition: margin-left .3s ease
}

.menu-link {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    margin: 0
}

.menu-item.disabled .menu-link {
    cursor: not-allowed !important
}

.menu-link > :not(.menu-icon) {
    flex: 0 1 auto;
    opacity: 1
}

.menu-sub {
    display: none;
    flex-direction: column;
    margin: 0;
    padding: 0
}

.menu:not(.menu-no-animation) .menu-sub {
    transition: background-color .3s
}

.menu-item.open > .menu-sub {
    display: flex
}

.menu-toggle::after {
    position: absolute;
    top: 50%;
    display: block;
    font-family: "Material Design Icons";
    font-size: 1.5rem;
    color: #a0a1b8;
    transform: translateY(-50%)
}

html:not([dir=rtl]) .menu-toggle::after {
    content: "󰅂"
}

[dir=rtl] .menu-toggle::after {
    content: "󰅁"
}

.menu:not(.menu-no-animation) .menu-toggle::after {
    transition-duration: .3s;
    transition-property: -webkit-transform, transform
}

.menu-divider {
    width: 100%;
    border: 0;
    border-top: 1px solid
}

.menu-vertical {
    overflow: hidden;
    flex-direction: column
}

.menu-vertical:not(.menu-no-animation) {
    transition: width .3s
}

.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item {
    width: 16.25rem
}

.menu-vertical .menu-inner {
    flex-direction: column;
    flex: 1 1 auto
}

.menu-vertical .menu-inner .menu-item {
    margin: .375rem 0 0
}

.menu-vertical .menu-inner .menu-item.active > .menu-link {
    font-weight: 600
}

.menu-vertical .menu-item .menu-link, .menu-vertical .menu-header, .menu-vertical .menu-block {
    padding: .48rem 1rem;
    margin-block: 0;
    margin-inline: .75rem;
    border-radius: .5rem
}

.menu-vertical .menu-item .menu-link {
    font-size: 0.9rem;
    letter-spacing: .15px
}

.menu-vertical .menu-item .menu-link > div:not(.badge) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-vertical .menu-item .menu-link.waves-effect:focus .waves-ripple {
    background: radial-gradient(rgba(20, 21, 33, 0.1) 0, rgba(20, 21, 33, 0.15) 70%, rgba(20, 21, 33, 0.2) 80%, rgba(20, 21, 33, 0.25) 90%, rgba(255, 255, 255, 0) 95%)
}

.light-style .menu-vertical .menu-item .menu-link:hover {
    background-color: rgba(20, 21, 33, .05)
}

.dark-style .menu-vertical .menu-item .menu-link:hover {
    background-color: rgba(234, 234, 255, .05)
}

.light-style .menu-vertical .menu-item.active > .menu-toggle, .light-style .menu-vertical .menu-item.open > .menu-toggle {
    background-color: rgba(20, 21, 33, .08)
}

.dark-style .menu-vertical .menu-item.active > .menu-toggle, .dark-style .menu-vertical .menu-item.open > .menu-toggle {
    background-color: rgba(234, 234, 255, .08)
}

.menu-vertical .menu-item .menu-toggle {
    padding-right: calc(1rem + 1.26em)
}

[dir=rtl] .menu-vertical .menu-item .menu-toggle {
    padding-right: 1rem;
    padding-left: calc(1rem + 1.26em)
}

.menu-vertical .menu-item .menu-toggle::after {
    right: calc(1rem - 0.4rem)
}

[dir=rtl] .menu-vertical .menu-item .menu-toggle::after {
    right: auto;
    left: calc(1rem - 0.4rem)
}

.menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link:after {
    transform: translateY(-50%) rotate(90deg)
}

[dir=rtl] .menu-vertical .menu-item.open:not(.menu-item-closing) > .menu-link:after {
    transform: translateY(-50%) rotate(-90deg)
}

.menu-vertical .menu-divider {
    margin-top: .48rem;
    margin-bottom: .48rem;
    padding: 0
}

.menu-vertical .menu-sub .menu-link {
    padding-top: .561rem;
    padding-bottom: .561rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link::before {
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50rem;
    background: currentColor;
    position: absolute;
    left: 1.57rem;
    color: #a0a1b8
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link::before {
    right: 1.35rem;
    left: inherit
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-icon {
    margin-right: 0
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-icon {
    margin-left: 0
}

.menu-vertical .menu-horizontal-wrapper {
    flex: none
}

.layout-wrapper.layout-horizontal .menu-vertical .menu-sub .menu-link:not(.menu-toggle) .menu-icon:before {
    font-size: 1.0625rem
}

.layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-link {
    padding-left: 3rem
}

[dir=rtl] .layout-wrapper:not(.layout-horizontal) .menu-vertical .menu-sub .menu-link {
    padding-right: 3rem;
    padding-left: 1rem
}

.menu-collapsed:not(:hover) {
    width: 5rem
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item {
    width: 5rem
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link, .menu-collapsed:not(:hover) .menu-inner > .menu-block, .menu-collapsed:not(:hover) .menu-inner > .menu-header {
    padding-left: .97rem
}

.menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link, .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-block, .menu-collapsed:not(:hover):not(.layout-menu-hover) .menu-inner > .menu-header {
    padding-left: 1.01rem
}

.menu-collapsed:not(:hover) .menu-inner > .menu-header, .menu-collapsed:not(:hover) .menu-block {
    position: relative;
    margin-left: 5rem;
    padding-right: 1.5rem;
    padding-left: .5rem;
    width: 16.25rem;
    text-indent: -9999px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.menu-collapsed:not(:hover) .menu-inner > .menu-header .menu-header-text, .menu-collapsed:not(:hover) .menu-block .menu-header-text {
    overflow: hidden;
    opacity: 0
}

.menu-collapsed:not(:hover) .menu-inner > .menu-header::before {
    left: -3rem
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item div:not(.menu-block) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-sub, .menu-collapsed:not(:hover) .menu-inner > .menu-item.open > .menu-sub {
    display: none
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-toggle::after {
    display: none
}

.menu-collapsed:not(:hover) .menu-inner > .menu-item > .menu-link .menu-icon {
    text-align: center
}

[dir=rtl] .menu-collapsed:not(:hover) .menu-block {
    width: 5rem !important
}

[dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-header, [dir=rtl] .menu-collapsed:not(:hover) .menu-block {
    margin-right: 5rem;
    margin-left: 0;
    padding-right: .5rem;
    padding-left: 1.5rem
}

[dir=rtl] .menu-collapsed:not(:hover) .menu-inner > .menu-header::before, [dir=rtl] .menu-collapsed:not(:hover) .menu-block::before {
    right: -3rem;
    left: auto
}

.menu-horizontal {
    flex-direction: row;
    width: 100%;
    backdrop-filter: blur(6px)
}

.menu-horizontal .menu-inner {
    overflow: hidden;
    flex-direction: row;
    flex: 0 1 100%
}

.menu-horizontal .menu-inner > .menu-item {
    margin: calc(0.7rem - 0.0625rem) 0;
    border-radius: .5rem
}

.menu-horizontal .menu-inner > .menu-item > .menu-link {
    margin: 0 .25rem;
    border-radius: .5rem
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:first-child > .menu-link {
    margin-left: 0
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item:first-child > .menu-link {
    margin-right: 0
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:last-child > .menu-link {
    margin-right: 0
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item:last-child > .menu-link {
    margin-left: 0
}

.menu-horizontal .menu-inner > .menu-item.active > .menu-link {
    font-weight: 500
}

.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    position: absolute;
    width: .25rem;
    content: "";
    height: 100%;
    z-index: 2;
    pointer-events: auto
}

html:not([dir=rtl]) .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    right: -0.25rem
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-toggle::before {
    left: -0.25rem
}

.menu-horizontal .menu-inner > .menu-item > .menu-sub {
    margin-top: .7rem
}

.menu-horizontal .menu-inner > .menu-item > .menu-sub .menu-sub {
    margin: 0 .25rem
}

.menu-horizontal .menu-inner > .menu-item > .menu-toggle::before {
    position: absolute;
    block-size: .7rem;
    content: "";
    inline-size: 100%;
    inset-block-start: 100%;
    inset-inline-start: 0;
    z-index: 2;
    pointer-events: auto
}

.menu-horizontal .menu-item .menu-link {
    padding: .5rem .75rem
}

.light-style .menu-horizontal .menu-item .menu-link:hover, .light-style .menu-horizontal .menu-item.open > .menu-link {
    background-color: rgba(20, 21, 33, .04)
}

.dark-style .menu-horizontal .menu-item .menu-link:hover, .dark-style .menu-horizontal .menu-item.open > .menu-link {
    background-color: rgba(234, 234, 255, .04)
}

.menu-horizontal .menu-item .menu-toggle {
    padding-right: calc(0.75rem + 1.575em)
}

[dir=rtl] .menu-horizontal .menu-item .menu-toggle {
    padding-right: .75rem;
    padding-left: calc(0.75rem + 1.575em)
}

.menu-horizontal .menu-item .menu-toggle::after {
    right: calc(0.25rem * 2)
}

[dir=rtl] .menu-horizontal .menu-item .menu-toggle::after {
    right: auto;
    left: calc(0.25rem * 2)
}

.menu-horizontal .menu-inner > .menu-item > .menu-toggle::after {
    transform: translateY(-50%) rotate(90deg)
}

[dir=rtl] .menu-horizontal .menu-inner > .menu-item > .menu-toggle::after {
    transform: translateY(-50%) rotate(-90deg)
}

.menu-horizontal .menu-header, .menu-horizontal .menu-divider {
    display: none !important
}

.menu-horizontal .menu-sub {
    position: absolute;
    width: 16.25rem;
    padding: .25rem 0
}

.menu-horizontal .menu-sub .menu-sub {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%
}

.menu-horizontal .menu-sub .menu-sub .menu-item > .menu-link .menu-icon:before {
    font-size: 1.0625rem
}

[dir=rtl] .menu-horizontal .menu-sub .menu-sub {
    left: -103%
}

.menu-horizontal .menu-sub .menu-link {
    padding-top: .561rem;
    padding-bottom: .561rem
}

.menu-horizontal .menu-inner > .menu-item .menu-sub {
    border-radius: .5rem
}

.menu-horizontal .menu-inner > .menu-item .menu-sub .menu-item.open {
    position: relative
}

.light-style .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-item.active > .menu-link.menu-toggle {
    background-color: rgba(20, 21, 33, .08)
}

.dark-style .menu-horizontal .menu-inner > .menu-item .menu-sub .menu-item.active > .menu-link.menu-toggle {
    background-color: rgba(234, 234, 255, .08)
}

.menu-horizontal .menu-inner > .menu-item.open .menu-sub {
    box-shadow: 0px 6px 18px -8px rgba(20, 21, 33, .56)
}

.menu-horizontal:not(.menu-no-animation) .menu-inner .menu-item.open .menu-sub {
    animation: menuDropdownShow .3s ease-in-out
}

.menu-horizontal .menu-sub .menu-link {
    padding-left: 1rem;
    min-height: 2.65rem
}

[dir=rtl] .menu-horizontal .menu-sub .menu-link {
    padding-right: 1rem;
    padding-left: .75rem
}

@media (max-width: 991.98px) {
    .menu-horizontal {
        display: none
    }
}

.menu-horizontal-wrapper {
    overflow: hidden;
    flex: 0 1 100%;
    width: 0
}

.menu:not(.menu-no-animation) .menu-horizontal-wrapper .menu-inner {
    transition: margin .3s
}

.menu-horizontal-prev, .menu-horizontal-next {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 2.25rem
}

.menu-horizontal-prev::after, .menu-horizontal-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: .5rem;
    height: .5rem;
    border: 1px solid;
    border-top: 0
}

.menu-horizontal-prev.disabled, .menu-horizontal-next.disabled {
    cursor: not-allowed !important
}

.menu-horizontal-prev::after {
    border-right: 0;
    transform: translate(-50%, -50%) rotate(45deg)
}

[dir=rtl] .menu-horizontal-prev::after {
    transform: translate(-50%, -50%) rotate(-135deg)
}

.menu-horizontal-next::after {
    border-left: 0;
    transform: translate(-50%, -50%) rotate(-45deg)
}

[dir=rtl] .menu-horizontal-next::after {
    transform: translate(-50%, -50%) rotate(135deg)
}

@-webkit-keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes menuDropdownShow {
    0% {
        opacity: 0;
        transform: translateY(-0.5rem)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.menu-light {
    color: rgba(234, 234, 255, .5)
}

.menu-light .menu-link, .menu-light .menu-horizontal-prev, .menu-light .menu-horizontal-next {
    color: rgba(234, 234, 255, .5)
}

.menu-light .menu-link:hover, .menu-light .menu-link:focus, .menu-light .menu-horizontal-prev:hover, .menu-light .menu-horizontal-prev:focus, .menu-light .menu-horizontal-next:hover, .menu-light .menu-horizontal-next:focus {
    color: #4e5155
}

.menu-light .menu-link.active, .menu-light .menu-horizontal-prev.active, .menu-light .menu-horizontal-next.active {
    color: #4e5155
}

.menu-light .menu-item.disabled .menu-link {
    color: rgba(20, 21, 33, .2) !important
}

.menu-light .menu-item.active > .menu-link:not(.menu-toggle) {
    background: rgba(0, 0, 0, .05)
}

.menu-light .menu-text {
    color: #4e5155
}

.menu-light .menu-header {
    color: rgba(234, 234, 255, .5)
}

.menu-light hr, .menu-light .menu-divider, .menu-light .menu-inner > .menu-item.open > .menu-sub::before {
    border-color: rgba(0, 0, 0, .06) !important
}

.menu-light .menu-inner > .menu-header::before, .menu-light .menu-block::before {
    background-color: rgba(20, 21, 33, .2)
}

.menu-light .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
    background-color: rgba(0, 0, 0, .06)
}

.menu-light .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
    background-color: #4e5155
}

.menu-light .ps__thumb-y {
    background: rgba(234, 234, 255, .5) !important
}

.menu-dark {
    color: rgba(255, 255, 255, .8)
}

.menu-dark .menu-link, .menu-dark .menu-horizontal-prev, .menu-dark .menu-horizontal-next {
    color: rgba(255, 255, 255, .8)
}

.menu-dark .menu-link:hover, .menu-dark .menu-link:focus, .menu-dark .menu-horizontal-prev:hover, .menu-dark .menu-horizontal-prev:focus, .menu-dark .menu-horizontal-next:hover, .menu-dark .menu-horizontal-next:focus {
    color: #fff
}

.menu-dark .menu-link.active, .menu-dark .menu-horizontal-prev.active, .menu-dark .menu-horizontal-next.active {
    color: #fff
}

.menu-dark .menu-item.disabled .menu-link {
    color: rgba(255, 255, 255, .4) !important
}

.menu-dark .menu-item.active > .menu-link:not(.menu-toggle) {
    background: rgba(0, 0, 0, .06)
}

.menu-dark .menu-text {
    color: #fff
}

.menu-dark .menu-header {
    color: rgba(255, 255, 255, .8)
}

.menu-dark hr, .menu-dark .menu-divider, .menu-dark .menu-inner > .menu-item.open > .menu-sub::before {
    border-color: rgba(255, 255, 255, .2) !important
}

.menu-dark .menu-inner > .menu-header::before, .menu-dark .menu-block::before {
    background-color: rgba(255, 255, 255, .4)
}

.menu-dark .menu-inner > .menu-item.open .menu-item.open > .menu-toggle::before {
    background-color: rgba(255, 255, 255, .2)
}

.menu-dark .menu-inner > .menu-item.open .menu-item.active > .menu-link::before {
    background-color: #fff
}

.menu-dark .ps__thumb-y {
    background: rgba(255, 255, 255, .8) !important
}

.layout-container {
    min-height: 100vh
}

.layout-wrapper, .layout-container {
    width: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch
}

.layout-menu-offcanvas .layout-wrapper, .layout-menu-fixed-offcanvas .layout-wrapper {
    overflow: hidden
}

.layout-menu-offcanvas .layout-navbar .layout-menu-toggle, .layout-menu-fixed-offcanvas .layout-navbar .layout-menu-toggle {
    display: block !important
}

@media (min-width: 1200px) {
    .layout-menu-offcanvas .layout-menu .layout-menu-toggle, .layout-menu-fixed-offcanvas .layout-menu .layout-menu-toggle {
        display: none
    }
}

.layout-page, .content-wrapper, .content-wrapper > *, .layout-menu {
    min-height: 1px
}

.layout-navbar, .content-footer {
    flex: 0 0 auto
}

.layout-page {
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    padding: 0
}

.layout-without-menu .layout-page {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.content-wrapper {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between
}

.content-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100vw;
    height: 100vh;
    background-color: #141521
}

.content-backdrop.fade {
    opacity: 0
}

.content-backdrop.show {
    opacity: .5
}

.layout-menu-fixed .content-backdrop {
    z-index: 10
}

.layout-horizontal .content-backdrop:not(.fade) {
    z-index: 9;
    top: 4rem !important
}

.content-backdrop.fade {
    z-index: -1
}

.layout-navbar {
    position: relative;
    padding-top: .25rem;
    padding-bottom: .2rem;
    height: 4rem;
    flex-wrap: nowrap;
    color: #a0a1b8;
    z-index: 2;
    backdrop-filter: blur(6px)
}

.layout-navbar .navbar {
    transform: translate3d(0, 0, 0)
}

.layout-navbar .navbar-nav-right {
    flex-basis: 100%
}

.layout-navbar.navbar-detached {
    transition: padding .2s ease, background-color .18s ease;
    padding: 0;
    width: calc(100% - (1.5rem * 2));
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached {
    box-shadow: 0px 4px 8px -4px rgba(20, 21, 33, .42);
    padding: 0 1.25rem
}

.layout-navbar-fixed .window-scrolled .layout-navbar.navbar-detached .search-input:focus {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.layout-navbar-fixed .layout-page:not(.window-scrolled) .layout-navbar.navbar-detached .search-input {
    background-color: #282a42
}

.layout-navbar.navbar-detached .search-input {
    transition: padding .2s ease, background-color .18s ease
}

.layout-navbar.navbar-detached.container-xxl {
    max-width: calc(1440px - calc(1.5rem * 2))
}

.layout-navbar-fixed .layout-navbar.navbar-detached {
    width: calc(100% - calc(1.5rem * 2) - 16.25rem)
}

@media (max-width: 1199.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        width: calc(100% - (1.5rem * 2)) !important
    }
}

@media (max-width: 991.98px) {
    .layout-navbar-fixed .layout-navbar.navbar-detached {
        width: calc(100% - (1rem * 2)) !important
    }
}

.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached {
    width: calc(100% - calc(1.5rem * 2) - 5rem)
}

@media (max-width: 1199.98px) {
    .layout-navbar.navbar-detached {
        width: calc(100vw - (100vw - 100%) - (1.5rem * 2)) !important
    }
}

@media (max-width: 991.98px) {
    .layout-navbar.navbar-detached {
        width: calc(100vw - (100vw - 100%) - (1rem * 2)) !important
    }
}

.layout-menu-collapsed .layout-navbar.navbar-detached, .layout-without-menu .layout-navbar.navbar-detached {
    width: calc(100% - (1.5rem * 2))
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion {
    max-height: 28rem;
    border-radius: .5rem
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion {
    color: #a0a1b8
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion:hover, .layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestion.active {
    background: #282a42;
    color: #a0a1b8
}

.layout-navbar .navbar-search-wrapper .navbar-search-suggestion .suggestions-header {
    font-weight: 700
}

.layout-navbar .search-input-wrapper .search-toggler {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    z-index: 1
}

[dir=rtl] .layout-navbar .search-input-wrapper .search-toggler {
    right: inherit;
    left: 1rem
}

.layout-navbar .search-input-wrapper .twitter-typeahead {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 1400px) {
    .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        left: calc((100% - 1440px) * .5)
    }

    [dir=rtl] .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl {
        right: calc((100% - 1440px) * .5);
        left: inherit
    }

    .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        right: calc((100% - 1440px + 5rem) * .5)
    }

    [dir=rtl] .layout-navbar .search-input-wrapper .twitter-typeahead.container-xxl + .search-toggler {
        left: calc((100% - 1440px + 5rem) * .5);
        right: inherit
    }
}

.layout-navbar .search-input-wrapper .search-input {
    height: 100%;
    box-shadow: none
}

.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    width: 100%
}

.layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    width: 96%
}

html:not([dir=rtl]) .layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    left: 2% !important
}

[dir=rtl] .layout-horizontal .layout-navbar .search-input-wrapper .navbar-search-suggestion {
    right: 2% !important
}

.layout-navbar .navbar-dropdown .badge-notifications {
    top: .5rem;
    padding: .2rem .4rem
}

.layout-navbar .navbar-dropdown .dropdown-menu {
    min-width: 22rem;
    overflow: hidden
}

.layout-navbar .navbar-dropdown .dropdown-menu .last-login {
    white-space: normal
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list {
    max-height: 25.75rem
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item {
    padding: 1rem;
    cursor: pointer
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions {
    text-align: center
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-actions > a {
    display: block
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive i, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item .dropdown-notifications-archive span {
    color: #a0a1b8
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-archive {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item.marked-as-read .dropdown-notifications-read span {
    background-color: #6d788d
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: hidden
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-read, .layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover.marked-as-read .dropdown-notifications-archive {
    visibility: visible
}

.layout-navbar .navbar-dropdown.dropdown-notifications .dropdown-notifications-list .dropdown-notifications-item:hover:not(.marked-as-read) .dropdown-notifications-archive {
    visibility: visible
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-list {
    max-height: 25.75rem
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item {
    text-align: center;
    padding: 1.1rem
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item:hover {
    background-color: rgba(234, 234, 255, .03)
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item .dropdown-shortcuts-icon {
    height: 3.125rem;
    width: 3.125rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a, .layout-navbar .navbar-dropdown.dropdown-shortcuts .dropdown-shortcuts-item a:hover {
    display: block;
    margin-bottom: 0;
    color: #a0a1b8 !important;
    font-weight: 600
}

.layout-navbar .navbar-dropdown.dropdown-user .dropdown-menu {
    min-width: 14rem
}

.layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .input-group-text, .layout-navbar[class*=bg-]:not(.bg-navbar-theme) .nav-item .dropdown-toggle {
    color: #fff
}

@media (max-width: 1199.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu .last-login {
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    .layout-navbar .navbar-nav .nav-item.dropdown {
        position: static;
        float: left
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .badge-notifications {
        top: auto
    }

    .layout-navbar .navbar-nav .nav-item.dropdown .dropdown-menu {
        position: absolute;
        left: .9rem;
        min-width: auto;
        width: 92%
    }
}

@media (max-width: 1199.98px) {
    .layout-navbar {
        z-index: 1080
    }
}

[dir=rtl] .navbar.layout-navbar .search-input-wrapper .navbar-search-suggestion {
    left: 2% !important
}

.layout-menu {
    position: relative;
    flex: 1 0 auto
}

.layout-menu a:focus-visible {
    outline: none
}

.layout-menu .menu {
    transform: translate3d(0, 0, 0)
}

.layout-menu .menu-vertical {
    height: 100%
}

.layout-content-navbar .layout-page {
    flex-basis: 100%;
    flex-direction: column;
    width: 0;
    min-width: 0;
    max-width: 100%
}

.layout-content-navbar .content-wrapper {
    width: 100%
}

.layout-navbar-full .layout-container {
    flex-direction: column
}

@media (min-width: 1200px) {
    .layout-navbar-full:not(.layout-horizontal) .menu-inner {
        margin-top: .75rem
    }
}

.layout-navbar-full .content-wrapper {
    flex-basis: 100%;
    width: 0;
    min-width: 0;
    max-width: 100%
}

.layout-navbar-full .content-backdrop.show {
    z-index: 9
}

.layout-menu-fixed .layout-navbar-full .content-backdrop.show, .layout-menu-fixed-offcanvas .layout-navbar-full .content-backdrop.show {
    z-index: 1076
}

.layout-menu-flipped .layout-navbar-full .layout-page {
    flex-direction: row-reverse
}

.layout-menu-flipped .layout-content-navbar .layout-container {
    flex-direction: row-reverse
}

.layout-menu-toggle {
    display: block;
    transform: rotate(0deg);
    transition-duration: .3s;
    transition-property: transform
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
        width: 5rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item {
        width: 5rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-block, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-block, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header {
        padding-left: .97rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-block, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-header, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-item > .menu-link, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-block, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical:not(.layout-menu-hover) .menu-inner > .menu-header {
        padding-left: 1.01rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        position: relative;
        margin-left: 5rem;
        padding-right: 1.5rem;
        padding-left: .5rem;
        width: 16.25rem;
        text-indent: -9999px;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header .menu-header-text, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block .menu-header-text, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header .menu-header-text, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block .menu-header-text {
        overflow: hidden;
        opacity: 0
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before {
        left: -3rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block), .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block) {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-sub, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item.open > .menu-sub, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-sub, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item.open > .menu-sub {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-toggle::after, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-toggle::after {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item > .menu-link .menu-icon {
        text-align: center
    }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        width: 5rem !important
    }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block {
        margin-right: 5rem;
        margin-left: 0;
        padding-right: .5rem;
        padding-left: 1.5rem
    }

    [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-header::before, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-block::before, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-header::before, [dir=rtl].layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-block::before {
        right: -3rem;
        left: auto
    }

    .layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-right: -11.25rem
    }

    .layout-menu-hover.layout-menu-collapsed .layout-menu .layout-menu-toggle {
        transform: rotate(180deg);
        transition-duration: .3s;
        transition-property: transform
    }

    .layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        margin-left: -11.25rem;
        margin-right: 0
    }

    [dir=rtl].layout-menu-hover.layout-menu-collapsed .layout-menu {
        margin-left: -11.25rem;
        margin-right: 0
    }

    [dir=rtl].layout-menu-hover.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        margin-right: -11.25rem;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-right: -16.25rem;
        transform: translateX(-100%)
    }

    .layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu {
        margin-right: 0;
        margin-left: -16.25rem;
        transform: translateX(100%)
    }

    [dir=rtl].layout-menu-collapsed.layout-menu-offcanvas .layout-menu {
        margin-right: 0;
        margin-left: -16.25rem;
        transform: translateX(100%)
    }

    [dir=rtl].layout-menu-collapsed.layout-menu-offcanvas.layout-menu-flipped .layout-menu {
        margin-right: -16.25rem;
        margin-left: 0;
        transform: translateX(-100%)
    }
}

@media (min-width: 1200px) {
    .layout-menu-fixed .layout-menu, .layout-menu-fixed-offcanvas .layout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .layout-menu-fixed.layout-menu-flipped .layout-menu, .layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu {
        right: 0;
        left: auto
    }

    [dir=rtl].layout-menu-fixed .layout-menu, [dir=rtl].layout-menu-fixed-offcanvas .layout-menu {
        right: 0;
        left: auto
    }

    [dir=rtl].layout-menu-fixed.layout-menu-flipped .layout-menu, [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-flipped .layout-menu {
        right: auto;
        left: 0
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(-100%)
    }

    .layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        transform: translateX(100%)
    }

    [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-collapsed .layout-menu {
        transform: translateX(100%)
    }

    [dir=rtl].layout-menu-fixed-offcanvas.layout-menu-collapsed.layout-menu-flipped .layout-menu {
        transform: translateX(-100%)
    }

    .layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-left: 16.25rem
    }

    .layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page {
        padding-right: 16.25rem;
        padding-left: 0
    }

    [dir=rtl].layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, [dir=rtl].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
        padding-right: 16.25rem;
        padding-left: 0
    }

    [dir=rtl].layout-menu-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-page, [dir=rtl].layout-menu-fixed-offcanvas:not(.layout-menu-collapsed).layout-menu-flipped .layout-page {
        padding-right: 0;
        padding-left: 16.25rem
    }

    .layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-left: 5rem
    }

    .layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
        padding-right: 5rem;
        padding-left: 0
    }

    [dir=rtl].layout-menu-fixed.layout-menu-collapsed .layout-page {
        padding-right: 5rem;
        padding-left: 0
    }

    [dir=rtl].layout-menu-fixed.layout-menu-collapsed.layout-menu-flipped .layout-page {
        padding-right: 0;
        padding-left: 5rem
    }
}

html:not(.layout-navbar-fixed):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-page, html:not(.layout-navbar-fixed) .layout-content-navbar .layout-page {
    padding-top: 0 !important
}

html:not(.layout-footer-fixed) .content-wrapper {
    padding-bottom: 0 !important
}

@media (max-width: 1199.98px) {
    .layout-menu-fixed .layout-wrapper.layout-navbar-full .layout-menu, .layout-menu-fixed-offcanvas .layout-wrapper.layout-navbar-full .layout-menu {
        top: 0 !important
    }

    html:not(.layout-navbar-fixed) .layout-navbar-full .layout-page {
        padding-top: 0 !important
    }
}

.layout-navbar-fixed .layout-navbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0
}

@media (min-width: 1200px) {
    .layout-menu-fixed .layout-navbar-full .layout-navbar, .layout-menu-fixed-offcanvas .layout-navbar-full .layout-navbar {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 16.25rem
    }

    .layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 16.25rem;
        left: 0
    }

    .layout-horizontal .layout-page .menu-horizontal {
        box-shadow: 0px 4px 8px -4px rgba(20, 21, 33, .42)
    }

    .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal, .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal {
        position: fixed
    }

    .layout-menu-fixed .layout-horizontal .layout-page .menu-horizontal + [class*=container-], .layout-menu-fixed-offcanvas .layout-horizontal .layout-page .menu-horizontal + [class*=container-] {
        padding-top: 6.3rem !important
    }

    [dir=rtl].layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 16.25rem;
        left: 0
    }

    [dir=rtl].layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar, [dir=rtl].layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        right: 0;
        left: 16.25rem
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        left: 5rem
    }

    .layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar, .layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar {
        right: 5rem;
        left: 0
    }

    [dir=rtl].layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar {
        right: 5rem;
        left: 0
    }

    [dir=rtl].layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-content-navbar .layout-navbar, [dir=rtl].layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed.layout-menu-flipped .layout-content-navbar .layout-navbar {
        right: 0;
        left: 5rem
    }
}

.content-footer {
    transition: margin .2s ease, background-color .1s ease
}

.layout-footer-fixed .content-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0
}

.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer {
    background-color: #070814;
    box-shadow: 0 -2px 10px 0 rgba(20, 21, 33, .18)
}

.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container {
    background-color: #070814;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: 0 1.5rem;
    transition: padding .2s ease, background-color .18s ease;
    box-shadow: 0 -2px 10px 0 rgba(20, 21, 33, .18)
}

@media (min-width: 1200px) {
    .layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 16.25rem
    }

    .layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 16.25rem;
        left: 0
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 5rem
    }

    .layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 5rem;
        left: 0
    }

    [dir=rtl].layout-footer-fixed:not(.layout-menu-collapsed) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 0;
        right: 16.25rem
    }

    [dir=rtl].layout-footer-fixed:not(.layout-menu-collapsed).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 16.25rem;
        right: 0
    }

    [dir=rtl].layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-wrapper:not(.layout-without-menu) .content-footer {
        left: 0;
        right: 5rem
    }

    [dir=rtl].layout-footer-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-flipped .layout-wrapper:not(.layout-without-menu) .content-footer {
        right: 0;
        left: 5rem
    }
}

@media (max-width: 1199.98px) {
    .layout-menu {
        position: fixed !important;
        top: 0 !important;
        height: 100% !important;
        left: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        transform: translate3d(-100%, 0, 0);
        will-change: transform, -webkit-transform
    }

    [dir=rtl] .layout-menu {
        right: 0 !important;
        left: auto !important;
        transform: translate3d(100%, 0, 0)
    }

    .layout-menu-flipped .layout-menu {
        right: 0 !important;
        left: auto !important;
        transform: translate3d(100%, 0, 0)
    }

    .layout-menu-expanded .layout-menu {
        transform: translate3d(0, 0, 0) !important
    }

    .layout-menu-expanded body {
        overflow: hidden
    }

    [dir=rtl].layout-menu-flipped .layout-menu {
        right: auto !important;
        left: 0 !important;
        transform: translate3d(-100%, 0, 0)
    }

    .layout-overlay {
        position: fixed;
        top: 0;
        right: 0;
        height: 100% !important;
        left: 0;
        display: none;
        background: #141521;
        opacity: .5;
        cursor: pointer
    }

    .layout-menu-expanded .layout-overlay {
        display: block
    }

    .layout-menu-100vh .layout-menu, .layout-menu-100vh .layout-overlay {
        height: 100vh !important
    }

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

.layout-navbar-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-navbar, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-navbar {
    z-index: 10
}

.layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-navbar {
    z-index: 9
}

.layout-footer-fixed .content-footer {
    z-index: 1030
}

.layout-menu-horizontal {
    z-index: 9
}

@media (max-width: 1199.98px) {
    .layout-menu {
        z-index: 1100
    }

    .layout-overlay {
        z-index: 1099
    }
}

@media (min-width: 1200px) {
    .layout-navbar-full .layout-navbar {
        z-index: 10
    }

    .layout-navbar-full .layout-menu {
        z-index: 9
    }

    .layout-content-navbar .layout-navbar {
        z-index: 9
    }

    .layout-content-navbar .layout-menu {
        z-index: 10
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas).layout-menu-hover .layout-navbar-full .layout-menu {
        z-index: 1075 !important
    }

    .layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-menu {
        z-index: 1085 !important
    }

    .layout-menu-fixed body:not(.modal-open) .layout-navbar-full .layout-menu, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-navbar-full .layout-menu {
        z-index: 1075
    }

    .layout-navbar-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu, .layout-menu-fixed-offcanvas body:not(.modal-open) .layout-content-navbar .layout-menu {
        z-index: 9
    }
}

.layout-menu-link-no-transition .layout-menu .menu-link, .layout-menu-link-no-transition .layout-menu-horizontal .menu-link {
    transition: none !important;
    animation: none !important
}

.layout-no-transition .layout-menu, .layout-no-transition .layout-menu .menu, .layout-no-transition .layout-menu .menu-item, .layout-no-transition .layout-menu-horizontal, .layout-no-transition .layout-menu-horizontal .menu, .layout-no-transition .layout-menu-horizontal .menu-item {
    transition: none !important;
    animation: none !important
}

@media (max-width: 1199.98px) {
    .layout-transitioning .layout-overlay {
        animation: menuAnimation .3s
    }

    .layout-transitioning .layout-menu {
        transition-duration: .3s;
        transition-property: transform, -webkit-transform
    }
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-transitioning):not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: .3s;
        transition-property: margin-left, margin-right, width
    }

    .layout-transitioning.layout-menu-offcanvas .layout-menu {
        transition-duration: .3s;
        transition-property: margin-left, margin-right, transform, -webkit-transform
    }

    .layout-transitioning.layout-menu-fixed .layout-page, .layout-transitioning.layout-menu-fixed-offcanvas .layout-page {
        transition-duration: .3s;
        transition-property: padding-left, padding-right
    }

    .layout-transitioning.layout-menu-fixed .layout-menu {
        transition: width .3s
    }

    .layout-transitioning.layout-menu-fixed-offcanvas .layout-menu {
        transition-duration: .3s;
        transition-property: transform, -webkit-transform
    }

    .layout-transitioning.layout-navbar-fixed .layout-content-navbar .layout-navbar, .layout-transitioning.layout-footer-fixed .content-footer {
        transition-duration: .3s;
        transition-property: left, right
    }

    .layout-transitioning:not(.layout-menu-offcanvas):not(.layout-menu-fixed):not(.layout-menu-fixed-offcanvas) .layout-menu {
        transition-duration: .3s;
        transition-property: margin-left, margin-right, width
    }
}

@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
    .menu, .layout-menu, .layout-page, .layout-navbar, .content-footer {
        transition: none !important;
        transition-duration: 0s !important
    }

    .layout-overlay {
        animation: none !important
    }
}

@-webkit-keyframes menuAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: .5
    }
}

@-moz-keyframes menuAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: .5
    }
}

@keyframes menuAnimation {
    0% {
        opacity: 0
    }
    100% {
        opacity: .5
    }
}

.app-brand {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    line-height: 1;
    min-height: 1px;
    align-items: center
}

.auth-cover-brand {
    position: absolute;
    z-index: 1;
    inset-block-start: 1.8rem;
    inset-inline-start: 2.5rem
}

.app-brand-link {
    display: flex;
    align-items: center
}

.app-brand-logo {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    min-height: 1px;
    padding: 5px;
    border-radius: 0.25rem;
}

.app-brand-logo img, .app-brand-logo svg {
    display: block
}

.app-brand-text {
    flex-shrink: 0;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.app-brand-img-collapsed {
    display: none
}

.app-brand .layout-menu-toggle {
    display: block
}

.app-brand .layout-menu-toggle svg {
    color: #eaeaff
}

.menu-vertical .app-brand {
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.menu-horizontal .app-brand, .menu-horizontal .app-brand + .menu-divider {
    display: none !important
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand {
    width: 5rem
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo, :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-link, :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-text {
    margin-right: auto;
    margin-left: auto
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-logo ~ .app-brand-text, :not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand .layout-menu-toggle {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img {
    display: none
}

:not(.layout-menu) > .menu-vertical.menu-collapsed:not(.layout-menu):not(:hover) .app-brand-img-collapsed {
    display: block
}

@media (min-width: 1200px) {
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
        width: 5rem
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-link, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-text {
        margin-right: auto;
        margin-left: auto
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-logo ~ .app-brand-text, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand .layout-menu-toggle {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        opacity: 0
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img {
        display: none
    }

    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand-img-collapsed {
        display: block
    }
}

.custom-option {
    padding-left: 0;
    border: 1px solid #464963;
    border-radius: .625rem;
    margin: 1px
}

.custom-option:hover {
    border-width: 2px;
    margin: 0
}

.custom-option.custom-option-image {
    border-width: 2px !important
}

.custom-option.custom-option-image:hover {
    border-width: 2px !important
}

.custom-option.custom-option-image .custom-option-body img {
    border-radius: .5rem
}

.custom-option .custom-option-content {
    cursor: pointer;
    width: 100%
}

.custom-option-basic .custom-option-content {
    padding: 1em;
    padding-left: 3em
}

.custom-option-basic .custom-option-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .25rem
}

.custom-option-icon .custom-option-content {
    text-align: center;
    padding: 1em
}

.custom-option-icon .custom-option-body {
    display: block;
    margin-bottom: .5rem
}

.custom-option-icon .custom-option-body i {
    margin-bottom: .25rem;
    display: block
}

.custom-option-icon .custom-option-body i::before {
    font-size: 2rem
}

.custom-option-icon .custom-option-body svg {
    height: 38px;
    width: 38px;
    margin-bottom: .25rem
}

.custom-option-icon .custom-option-body .custom-option-title {
    display: block;
    font-size: .9375rem;
    font-weight: 600;
    color: #d2d2e8
}

.custom-option-icon .form-check-input {
    float: none !important;
    margin: 0 !important
}

.custom-option-image {
    border-width: 2px
}

.custom-option-image .custom-option-content {
    padding: 0
}

.custom-option-image .custom-option-body img {
    height: 100%;
    width: 100%
}

.custom-option-image.custom-option-image-radio .form-check-input {
    display: none
}

.custom-option-image.custom-option-image-check {
    position: relative
}

.custom-option-image.custom-option-image-check .form-check-input {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
    border: 0;
    opacity: 0
}

.custom-option-image.custom-option-image-check .form-check-input:checked {
    opacity: 1
}

.custom-option-image.custom-option-image-check:hover .form-check-input {
    border: inherit;
    border-width: 1px;
    opacity: 1
}

[dir=rtl] .custom-option {
    padding-right: 0
}

[dir=rtl] .custom-option-basic .custom-option-content {
    padding-right: 3em;
    padding-left: 1em
}

[dir=rtl] .custom-option-image.custom-option-image-check .form-check-input {
    right: auto;
    left: 10px
}

.switch {
    position: relative;
    margin-right: .75rem;
    vertical-align: middle;
    margin-bottom: 0;
    display: inline-block;
    border-radius: 30rem;
    min-height: 1.25rem;
    font-size: .9375rem;
    line-height: 1.4
}

.switch .switch-label:first-child {
    padding-right: .75rem
}

.switch .switch-input ~ .switch-label {
    padding-left: 3rem
}

.switch .switch-toggle-slider {
    width: 2.25rem;
    height: .875rem;
    font-size: .625rem;
    line-height: 1.25rem;
    top: .21875rem
}

.switch .switch-toggle-slider i {
    position: relative;
    font-size: .9375rem;
    top: -1.35px
}

.switch .switch-label {
    top: 0
}

.switch .switch-input:checked ~ .switch-toggle-slider::after {
    left: 1rem
}

.switch .switch-toggle-slider::after {
    top: -.1875rem;
    margin: 0 0 0 0;
    width: 20px;
    height: 20px
}

.switch .switch-on {
    padding-left: 0;
    padding-right: 1.25rem
}

.switch .switch-off {
    padding-left: 1.25rem;
    padding-right: 0
}

.switch .switch-input:checked ~ .switch-toggle-slider::before {
    left: 1rem
}

.switch .switch-toggle-slider::before {
    top: -.1875rem;
    width: 1.25rem;
    height: 1.25rem
}

[dir=rtl] .switch .switch-label {
    padding-right: 3rem;
    padding-left: 0
}

[dir=rtl] .switch .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: 1rem
}

[dir=rtl] .switch .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .switch .switch-input:checked ~ .switch-toggle-slider::before {
    right: 1rem;
    left: auto
}

[dir=rtl] .switch .switch-on {
    padding-left: 1.25rem;
    padding-right: 0
}

[dir=rtl] .switch .switch-off {
    padding-left: 0;
    padding-right: 1.25rem
}

[dir=rtl] .switch {
    margin-left: .75rem;
    margin-right: 0
}

.switch-input {
    opacity: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    z-index: -1
}

.light-style .switch-input:hover ~ .switch-toggle-slider::before {
    background: rgba(20, 21, 33, .08)
}

.dark-style .switch-input:hover ~ .switch-toggle-slider::before {
    background: rgba(89, 91, 117, .4)
}

.switch-toggle-slider {
    position: absolute;
    overflow: hidden;
    border-radius: 30rem;
    background: #595b75;
    color: #a0a1b8;
    transition-duration: .2s;
    transition-property: left, right, background, box-shadow;
    cursor: pointer;
    z-index: 1;
    user-select: none;
    overflow: visible
}

.switch-toggle-slider::before {
    content: "";
    position: absolute;
    display: block;
    border-radius: 50%;
    opacity: 0;
    transition: all .2s;
    transform: scale(0) translateZ(0)
}

.switch-input:focus ~ .switch-toggle-slider::before, .switch-input:hover ~ .switch-toggle-slider::before {
    opacity: 1;
    transform: scale(2) translateZ(0)
}

.switch-input:active ~ .switch-toggle-slider::before {
    opacity: 0;
    transform: scale(0) translateZ(0)
}

.switch-input:disabled ~ .switch-toggle-slider::before {
    display: none
}

.switch-label {
    display: inline-block;
    font-weight: 400;
    color: #a0a1b8;
    position: relative;
    cursor: default
}

.switch-off, .switch-on {
    display: none
}

.switch-on {
    left: -100%
}

[dir=rtl] .switch-on {
    left: auto;
    right: -100%
}

.switch-input:not(:checked) ~ .switch-toggle-slider .switch-on {
    color: rgba(0, 0, 0, 0)
}

.switch-off {
    left: 0
}

[dir=rtl] .switch-off {
    right: 0;
    left: auto
}

.switch-input:checked ~ .switch-toggle-slider .switch-on {
    left: 0
}

[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-on {
    right: 0;
    left: auto
}

.switch-input:checked ~ .switch-toggle-slider .switch-off {
    left: 100%;
    color: rgba(0, 0, 0, 0)
}

[dir=rtl] .switch-input:checked ~ .switch-toggle-slider .switch-off {
    right: 100%;
    left: auto
}

.switch-toggle-slider::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0px 2px 1px -1px rgba(20, 21, 33, .2), 0px 1px 1px rgba(20, 21, 33, .14), 0px 1px 3px rgba(20, 21, 33, .12);
    transition-duration: .2s;
    transition-property: left, right, background
}

[dir=rtl] .switch-toggle-slider::after {
    right: 0;
    left: auto
}

.switches-stacked::after {
    display: block;
    clear: both;
    content: ""
}

.switches-stacked .switch {
    display: block
}

html:not([dir=rtl]) .switches-stacked .switch {
    margin-right: 0
}

[dir=rtl] .switches-stacked .switch {
    margin-left: 0
}

.switches-stacked .switch:not(:last-child) {
    margin-bottom: .75rem
}

.switch-square, .switch-square .switch-toggle-slider {
    border-radius: .125rem
}

.switch-square .switch-toggle-slider::after {
    border-radius: .125rem
}

.switch-input:disabled ~ .switch-toggle-slider {
    opacity: .5
}

.switch-input:disabled ~ .switch-toggle-slider::after {
    box-shadow: none
}

.switch-input:disabled ~ .switch-label {
    color: #777991
}

.switch-sm {
    min-height: 1rem;
    font-size: .8125rem;
    line-height: 1.48
}

.switch-sm .switch-label:first-child {
    padding-right: .75rem
}

.switch-sm .switch-input ~ .switch-label {
    padding-left: 2.5rem
}

.switch-sm .switch-toggle-slider {
    width: 1.75rem;
    height: .625rem;
    font-size: .625rem;
    line-height: 1rem;
    top: .28875rem
}

.switch-sm .switch-toggle-slider i {
    position: relative;
    font-size: .8125rem;
    top: -2px
}

.switch-sm .switch-label {
    top: 0
}

.switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
    left: .75rem
}

.switch-sm .switch-toggle-slider::after {
    top: -.1875rem;
    margin: 0 0 0 0;
    width: 16px;
    height: 16px
}

.switch-sm .switch-on {
    padding-left: 0;
    padding-right: 1rem
}

.switch-sm .switch-off {
    padding-left: 1rem;
    padding-right: 0
}

.switch-sm .switch-input:checked ~ .switch-toggle-slider::before {
    left: .75rem
}

.switch-sm .switch-toggle-slider::before {
    top: -.1875rem;
    width: 1rem;
    height: 1rem
}

[dir=rtl] .switch-sm .switch-label {
    padding-right: 2.5rem;
    padding-left: 0
}

[dir=rtl] .switch-sm .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: .75rem
}

[dir=rtl] .switch-sm .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .switch-sm .switch-input:checked ~ .switch-toggle-slider::before {
    right: .75rem;
    left: auto
}

[dir=rtl] .switch-sm .switch-on {
    padding-left: 1rem;
    padding-right: 0
}

[dir=rtl] .switch-sm .switch-off {
    padding-left: 0;
    padding-right: 1rem
}

.switch-lg {
    min-height: 1.5rem;
    font-size: 1.0625rem;
    line-height: 1.47
}

.switch-lg .switch-label:first-child {
    padding-right: .75rem
}

.switch-lg .switch-input ~ .switch-label {
    padding-left: 3.5rem
}

.switch-lg .switch-toggle-slider {
    width: 2.75rem;
    height: 1rem;
    font-size: .625rem;
    line-height: 1.5rem;
    top: .2809375rem
}

.switch-lg .switch-toggle-slider i {
    position: relative;
    font-size: 1.0625rem;
    top: -2px
}

.switch-lg .switch-label {
    top: 0
}

.switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
    left: 1.25rem
}

.switch-lg .switch-toggle-slider::after {
    top: -.25rem;
    margin: 0 0 0 0;
    width: 24px;
    height: 24px
}

.switch-lg .switch-on {
    padding-left: 0;
    padding-right: 1.5rem
}

.switch-lg .switch-off {
    padding-left: 1.5rem;
    padding-right: 0
}

.switch-lg .switch-input:checked ~ .switch-toggle-slider::before {
    left: 1.25rem
}

.switch-lg .switch-toggle-slider::before {
    top: -.25rem;
    width: 1.5rem;
    height: 1.5rem
}

[dir=rtl] .switch-lg .switch-label {
    padding-right: 3.5rem;
    padding-left: 0
}

[dir=rtl] .switch-lg .switch-input:checked ~ .switch-toggle-slider::after {
    left: auto;
    right: 1.25rem
}

[dir=rtl] .switch-lg .switch-toggle-slider::after {
    margin-left: 0;
    margin-right: 0
}

[dir=rtl] .switch-lg .switch-input:checked ~ .switch-toggle-slider::before {
    right: 1.25rem;
    left: auto
}

[dir=rtl] .switch-lg .switch-on {
    padding-left: 1.5rem;
    padding-right: 0
}

[dir=rtl] .switch-lg .switch-off {
    padding-left: 0;
    padding-right: 1.5rem
}

.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(109, 120, 141, .5)
}

.switch-secondary.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #6d788d
}

.switch-secondary.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(109, 120, 141, .15)
}

.switch-success.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(114, 225, 40, .5)
}

.switch-success.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #72e128
}

.switch-success.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(114, 225, 40, .15)
}

.switch-info.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(38, 198, 249, .5)
}

.switch-info.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #26c6f9
}

.switch-info.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(38, 198, 249, .15)
}

.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(253, 181, 40, .5)
}

.switch-warning.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #fdb528
}

.switch-warning.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(253, 181, 40, .15)
}

.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(255, 77, 73, .5)
}

.switch-danger.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #ff4d49
}

.switch-danger.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(255, 77, 73, .15)
}

.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(215, 213, 236, .5)
}

.switch-dark.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: #d7d5ec
}

.switch-dark.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(215, 213, 236, .15)
}

.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider {
    background: rgba(234, 234, 255, .5)
}

.switch-gray.switch .switch-input:checked ~ .switch-toggle-slider::after {
    background: rgba(234, 234, 255, .06)
}

.switch-gray.switch .switch-input:checked:hover ~ .switch-toggle-slider::before {
    background: rgba(234, 234, 255, .15)
}

.switch .valid-feedback, .switch .invalid-feedback {
    padding-left: .75rem
}

.was-validated .switch-input:valid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-valid ~ .switch-label {
    color: #72e128
}

.was-validated .switch-input:valid ~ .valid-feedback, .was-validated .switch-input:valid ~ .valid-tooltip, .switch-input.invalid ~ .valid-feedback, .switch-input.invalid ~ .valid-tooltip, .switch-input.is-valid ~ .valid-feedback, .switch-input.is-valid ~ .valid-tooltip {
    display: block
}

.was-validated .switch-input:valid ~ .switch-toggle-slider[class], .switch-input.invalid ~ .switch-toggle-slider[class], .switch-input.is-valid ~ .switch-toggle-slider[class] {
    background: rgba(114, 225, 40, .5)
}

.was-validated .switch-input:valid:checked ~ .switch-toggle-slider::after, .switch-input.invalid:checked ~ .switch-toggle-slider::after, .switch-input.is-valid:checked ~ .switch-toggle-slider::after {
    background: #72e128
}

.was-validated .switch-input:valid:checked ~ .switch-toggle-slider::before, .switch-input.invalid:checked ~ .switch-toggle-slider::before, .switch-input.is-valid:checked ~ .switch-toggle-slider::before {
    background: rgba(114, 225, 40, .15)
}

.was-validated .switch-input:valid ~ .switcher-label, .switch-input.invalid ~ .switcher-label, .switch-input.is-valid ~ .switcher-label {
    color: #72e128
}

.was-validated .switch-input:invalid ~ .switch-label, .switch-input.invalid ~ .switch-label, .switch-input.is-invalid ~ .switch-label {
    color: #ff4d49
}

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

.was-validated .switch-input:invalid ~ .switch-toggle-slider[class], .switch-input.invalid ~ .switch-toggle-slider[class], .switch-input.is-invalid ~ .switch-toggle-slider[class] {
    background: rgba(255, 77, 73, .5)
}

.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider::after, .switch-input.invalid:checked ~ .switch-toggle-slider::after, .switch-input.is-invalid:checked ~ .switch-toggle-slider::after {
    background: #ff4d49
}

.was-validated .switch-input:invalid:checked ~ .switch-toggle-slider::before, .switch-input.invalid:checked ~ .switch-toggle-slider::before, .switch-input.is-invalid:checked ~ .switch-toggle-slider::before {
    background: rgba(255, 77, 73, .15)
}

.was-validated .switch-input:invalid ~ .switcher-label, .switch-input.invalid ~ .switcher-label, .switch-input.is-invalid ~ .switcher-label {
    color: #ff4d49
}

.avatar {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer
}

.avatar img {
    width: 100%;
    height: 100%
}

.avatar .avatar-initial {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #6d788d;
    font-size: 1.125rem
}

.avatar.avatar-md .avatar-initial {
    line-height: 1.3
}

.avatar.avatar-online:after, .avatar.avatar-offline:after, .avatar.avatar-away:after, .avatar.avatar-busy:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 3px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    box-shadow: 0 0 0 2px #070814
}

.avatar.avatar-online .avatar-initial, .avatar.avatar-offline .avatar-initial, .avatar.avatar-away .avatar-initial, .avatar.avatar-busy .avatar-initial {
    line-height: 1.4
}

.avatar.avatar-online:after {
    background-color: #72e128
}

.avatar.avatar-offline:after {
    background-color: #6d788d
}

.avatar.avatar-away:after {
    background-color: #fdb528
}

.avatar.avatar-busy:after {
    background-color: #ff4d49
}

.pull-up {
    transition: all .25s ease
}

.pull-up:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: 0 .25rem .5rem rgba(21, 21, 28, .55);
    z-index: 30 !important;
    border-radius: 50%
}

.avatar-xs {
    width: 1.563rem;
    height: 1.563rem
}

.avatar-xs .avatar-initial {
    font-size: .625rem
}

.avatar-xs.avatar-online:after, .avatar-xs.avatar-offline:after, .avatar-xs.avatar-away:after, .avatar-xs.avatar-busy:after {
    width: .3126rem;
    height: .3126rem;
    right: 1px
}

.avatar-sm {
    width: 2rem;
    height: 2rem
}

.avatar-sm .avatar-initial {
    font-size: .75rem
}

.avatar-sm.avatar-online:after, .avatar-sm.avatar-offline:after, .avatar-sm.avatar-away:after, .avatar-sm.avatar-busy:after {
    width: .4rem;
    height: .4rem;
    right: 2px
}

.avatar-md {
    width: 3rem;
    height: 3rem
}

.avatar-md .avatar-initial {
    font-size: 1.25rem
}

.avatar-md.avatar-online:after, .avatar-md.avatar-offline:after, .avatar-md.avatar-away:after, .avatar-md.avatar-busy:after {
    width: .6rem;
    height: .6rem;
    right: 4px
}

.avatar-lg {
    width: 3.5rem;
    height: 3.5rem
}

.avatar-lg .avatar-initial {
    font-size: 1.5rem
}

.avatar-lg.avatar-online:after, .avatar-lg.avatar-offline:after, .avatar-lg.avatar-away:after, .avatar-lg.avatar-busy:after {
    width: .7rem;
    height: .7rem;
    right: 5px
}

.avatar-xl {
    width: 4rem;
    height: 4rem
}

.avatar-xl .avatar-initial {
    font-size: 1.875rem
}

.avatar-xl.avatar-online:after, .avatar-xl.avatar-offline:after, .avatar-xl.avatar-away:after, .avatar-xl.avatar-busy:after {
    width: .8rem;
    height: .8rem;
    right: 6px
}

.avatar-group .avatar {
    transition: all .25s ease
}

.avatar-group .avatar img, .avatar-group .avatar .avatar-initial {
    border: 2px solid #070814
}

.avatar-group .avatar .avatar-initial {
    background-color: #8a93a4
}

.avatar-group .avatar:hover {
    z-index: 30 !important;
    transition: all .25s ease
}

.avatar-group .avatar:nth-child(1) {
    z-index: 8
}

.avatar-group .avatar:nth-child(2) {
    z-index: 7
}

.avatar-group .avatar:nth-child(3) {
    z-index: 6
}

.avatar-group .avatar:nth-child(4) {
    z-index: 5
}

.avatar-group .avatar:nth-child(5) {
    z-index: 4
}

.avatar-group .avatar:nth-child(6) {
    z-index: 3
}

.avatar-group .avatar:nth-child(7) {
    z-index: 2
}

html:not([dir=rtl]) .avatar-group .avatar {
    margin-left: -0.65rem
}

html:not([dir=rtl]) .avatar-group .avatar:first-child {
    margin-left: 0 !important
}

html:not([dir=rtl]) .avatar-group .avatar-xs {
    margin-left: -0.5rem !important
}

html:not([dir=rtl]) .avatar-group .avatar-sm {
    margin-left: -0.6rem !important
}

html:not([dir=rtl]) .avatar-group .avatar-md {
    margin-left: -0.8rem !important
}

html:not([dir=rtl]) .avatar-group .avatar-lg {
    margin-left: -1rem !important
}

html:not([dir=rtl]) .avatar-group .avatar-xl {
    margin-left: -1.1rem !important
}

[dir=rtl] .avatar-group .avatar {
    margin-left: -0.65rem;
    margin-right: 0
}

[dir=rtl] .avatar-group .avatar-xs {
    margin-left: -0.5rem
}

[dir=rtl] .avatar-group .avatar-sm {
    margin-left: -0.6rem
}

[dir=rtl] .avatar-group .avatar-md {
    margin-left: -0.8rem
}

[dir=rtl] .avatar-group .avatar-lg {
    margin-left: -1rem
}

[dir=rtl] .avatar-group .avatar-xl {
    margin-left: -1.1rem
}

.timeline {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
    list-style: none
}

.timeline .timeline-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.timeline .timeline-header > *:first-child {
    margin-right: .5rem
}

.timeline .timeline-item {
    position: relative;
    padding-left: 2rem
}

.timeline .timeline-item .timeline-event {
    position: relative;
    width: 100%;
    min-height: 4rem;
    background-color: #070814;
    border-radius: .5rem;
    padding: 1.1rem 1.5rem .6rem
}

.timeline .timeline-item .timeline-event:before {
    position: absolute;
    top: .75rem;
    left: 32px;
    right: 100%;
    width: 0;
    height: 0;
    border-top: 1rem solid rgba(0, 0, 0, 0);
    border-right: 1rem solid;
    border-left: 0 solid;
    border-bottom: 1rem solid rgba(0, 0, 0, 0);
    border-left-color: #070814;
    border-right-color: #070814;
    color: #141521;
    margin-left: -3rem;
    content: ""
}

.timeline .timeline-item .timeline-event .timeline-event-time {
    position: absolute;
    top: 1.2rem;
    font-size: .85rem;
    color: #a0a1b8
}

.timeline .timeline-item .timeline-indicator {
    position: absolute;
    left: -1rem;
    top: .64rem;
    z-index: 2;
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #2f3259;
    box-shadow: 0 0 0 10px #282a42
}

.timeline .timeline-item .timeline-indicator i {
    color: #666cff
}

.timeline .timeline-item .timeline-point {
    position: absolute;
    left: -0.37rem;
    top: 0;
    z-index: 2;
    display: block;
    height: .75rem;
    width: .75rem;
    border-radius: 50%;
    background-color: #666cff;
    box-shadow: 0 0 0 10px #070814
}

.timeline .timeline-item.timeline-item-transparent .timeline-event {
    top: -1.4rem;
    background-color: rgba(0, 0, 0, 0)
}

html:not([dir=rtl]) .timeline .timeline-item.timeline-item-transparent .timeline-event {
    padding-left: 0
}

.timeline .timeline-item.timeline-item-transparent .timeline-event.timeline-event-shadow {
    padding-left: 2rem
}

.timeline .timeline-item.timeline-item-transparent .timeline-event:before {
    display: none
}

.timeline.timeline-outline .timeline-item .timeline-point {
    outline: unset;
    background-color: #070814 !important;
    border: 2px solid #666cff
}

.timeline.timeline-center:before {
    left: 50%;
    height: 97%
}

.timeline.timeline-center .timeline-item {
    width: 50%;
    clear: both
}

.timeline.timeline-center .timeline-item.timeline-item-left, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) {
    float: left;
    padding-left: 0;
    padding-right: 3rem;
    border-left: 0;
    border-right: 2px solid #686a83
}

.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event .timeline-event-time {
    right: -10.2rem
}

.timeline.timeline-center .timeline-item.timeline-item-left .timeline-event:before, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-event:before {
    right: -15px;
    left: auto;
    border-left-width: 16px;
    border-right-width: 0
}

.timeline.timeline-center .timeline-item.timeline-item-left .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
    left: 100%
}

.timeline.timeline-center .timeline-item.timeline-item-right, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) {
    float: right;
    right: 2px;
    padding-left: 3rem;
    border-left: 2px solid #686a83
}

.timeline.timeline-center .timeline-item.timeline-item-right .timeline-event-time, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-event-time {
    left: -10.2rem
}

.timeline.timeline-center .timeline-item.timeline-item-right .timeline-point, .timeline.timeline-center .timeline-item:nth-of-type(even):not(.timeline-item-left):not(.timeline-item-right) .timeline-point {
    left: 0
}

.timeline.timeline-center .timeline-item .timeline-point {
    left: 50%;
    margin-left: -0.6875rem
}

.timeline.timeline-center .timeline-item .timeline-point-indicator {
    left: 50%;
    margin-left: -0.3125rem
}

.timeline.card-timeline::before {
    height: 83%
}

html:not([dir=rtl]) .timeline-item {
    border-left: 2px solid #686a83
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item {
    border-right: 2px solid #686a83
}

[dir=rtl] .timeline:not(.timeline-center):before {
    right: -1px;
    left: auto
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item {
    padding-left: 0;
    padding-right: 3rem
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-event:before {
    right: -1rem;
    left: auto;
    border-left-width: 1rem;
    border-right-width: 0
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item.timeline-item-transparent .timeline-event {
    padding-right: 0
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-point {
    right: -0.46rem;
    left: auto
}

[dir=rtl] .timeline:not(.timeline-center) .timeline-item .timeline-indicator {
    right: -0.75rem;
    left: auto
}

@media (min-width: 768px) {
    .timeline.timeline-center .timeline-item.timeline-item-left .timeline-indicator, .timeline.timeline-center .timeline-item:nth-of-type(odd):not(.timeline-item-left):not(.timeline-item-right) .timeline-indicator {
        left: calc(100% - (2rem / 2))
    }
}

@media (max-width: 767.98px) {
    .timeline.timeline-center:before {
        left: 1rem
    }

    .timeline.timeline-center:after {
        left: 0
    }

    .timeline.timeline-center .timeline-item {
        border-right: 0 !important;
        left: 1rem;
        float: left !important;
        width: 100%;
        padding-left: 3.5rem !important;
        padding-right: 1.5rem !important
    }

    .timeline.timeline-center .timeline-item:not(:last-child) {
        border-left: 2px solid #686a83 !important
    }

    .timeline.timeline-center .timeline-item .timeline-event:before {
        right: 100% !important;
        border-right-width: 1rem !important;
        border-left-width: 0 !important
    }

    .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
        top: -1.7rem;
        left: 0 !important;
        right: auto !important
    }

    .timeline.timeline-center .timeline-item .timeline-point {
        left: -0.7rem !important;
        margin-left: 0 !important
    }

    .timeline.timeline-center .timeline-item .timeline-point-indicator {
        left: 0 !important;
        margin-left: -0.3125rem !important
    }

    [dir=rtl] .timeline.timeline-center:before {
        left: auto;
        right: 1rem
    }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        border-left: 0 !important;
        right: 1rem !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item:not(:last-child) {
        border-right: 2px solid #686a83 !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item {
        float: right !important;
        width: 100%;
        padding-right: 3.5rem !important;
        padding-left: 1.5rem !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item .timeline-event:before {
        left: 100% !important;
        right: -1rem !important;
        border-left-width: 1rem !important;
        border-right-width: 0 !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item .timeline-event .timeline-event-time {
        top: -1.2rem;
        right: 0 !important;
        left: auto !important
    }

    [dir=rtl] .timeline.timeline-center .timeline-item .timeline-point {
        right: -0.7rem !important;
        margin-right: 0 !important
    }
}

@media (max-width: 767.98px) {
    [dir=rtl] .timeline .timeline-item .timeline-indicator {
        left: auto;
        right: -1rem
    }
}

@media (max-width: 575.98px) {
    .timeline .timeline-header {
        flex-direction: column;
        align-items: flex-start
    }
}

.timeline .timeline-point-secondary {
    background-color: #6d788d !important;
    outline: 3px solid rgba(109, 120, 141, .12)
}

.timeline.timeline-outline .timeline-point-secondary {
    border: 2px solid #6d788d !important
}

.timeline .timeline-indicator-secondary {
    background-color: #30334b !important
}

.timeline .timeline-indicator-secondary i {
    color: #6d788d !important
}

.timeline .timeline-point-success {
    background-color: #72e128 !important;
    outline: 3px solid rgba(114, 225, 40, .12)
}

.timeline.timeline-outline .timeline-point-success {
    border: 2px solid #72e128 !important
}

.timeline .timeline-indicator-success {
    background-color: #31403f !important
}

.timeline .timeline-indicator-success i {
    color: #72e128 !important
}

.timeline .timeline-point-info {
    background-color: #26c6f9 !important;
    outline: 3px solid rgba(38, 198, 249, .12)
}

.timeline.timeline-outline .timeline-point-info {
    border: 2px solid #26c6f9 !important
}

.timeline .timeline-indicator-info {
    background-color: #283d58 !important
}

.timeline .timeline-indicator-info i {
    color: #26c6f9 !important
}

.timeline .timeline-point-warning {
    background-color: #fdb528 !important;
    outline: 3px solid rgba(253, 181, 40, .12)
}

.timeline.timeline-outline .timeline-point-warning {
    border: 2px solid #fdb528 !important
}

.timeline .timeline-indicator-warning {
    background-color: #423b3f !important
}

.timeline .timeline-indicator-warning i {
    color: #fdb528 !important
}

.timeline .timeline-point-danger {
    background-color: #ff4d49 !important;
    outline: 3px solid rgba(255, 77, 73, .12)
}

.timeline.timeline-outline .timeline-point-danger {
    border: 2px solid #ff4d49 !important
}

.timeline .timeline-indicator-danger {
    background-color: #422e43 !important
}

.timeline .timeline-indicator-danger i {
    color: #ff4d49 !important
}

.timeline .timeline-point-dark {
    background-color: #46445b !important;
    outline: 3px solid rgba(70, 68, 91, .12)
}

.timeline.timeline-outline .timeline-point-dark {
    border: 2px solid #46445b !important
}

.timeline .timeline-indicator-dark {
    background-color: #2c2d45 !important
}

.timeline .timeline-indicator-dark i {
    color: #46445b !important
}

.timeline .timeline-point-gray {
    background-color: rgba(234, 234, 255, .06) !important;
    outline: 3px solid rgba(234, 234, 255, .12)
}

.timeline.timeline-outline .timeline-point-gray {
    border: 2px solid rgba(234, 234, 255, .06) !important
}

.timeline .timeline-indicator-gray {
    background-color: rgba(41, 43, 67, .8872) !important
}

.timeline .timeline-indicator-gray i {
    color: rgba(234, 234, 255, .06) !important
}

.blockUI.blockOverlay, .blockUI.blockMsg {
    z-index: 1091 !important;
    color: #fff !important
}

[dir=rtl] #sortable-cards {
    flex-direction: row-reverse
}

[dir=rtl] #image-list-1, [dir=rtl] #image-list-2 {
    flex-direction: row-reverse;
    justify-content: flex-end
}

.divider {
    display: block;
    text-align: center;
    margin: 1rem 0;
    overflow: hidden;
    white-space: nowrap
}

.divider .divider-text {
    position: relative;
    display: inline-block;
    font-size: .8rem;
    padding: 0rem 1rem
}

.divider .divider-text i {
    font-size: 1rem
}

.divider .divider-text i::before {
    font-size: 1rem
}

.divider .divider-text:before, .divider .divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100vw;
    border-top: 1px solid #464963
}

.divider .divider-text:before {
    right: 100%
}

.divider .divider-text:after {
    left: 100%
}

.divider.text-start .divider-text {
    padding-left: 0
}

.divider.text-end .divider-text {
    padding-right: 0
}

.divider.text-start-center .divider-text {
    left: -25%
}

.divider.text-end-center .divider-text {
    right: -25%
}

.divider.divider-dotted .divider-text:before, .divider.divider-dotted .divider-text:after, .divider.divider-dotted:before, .divider.divider-dotted:after {
    border-style: dotted;
    border-width: 0 1px 1px;
    border-color: #464963
}

.divider.divider-dashed .divider-text:before, .divider.divider-dashed .divider-text:after, .divider.divider-dashed:before, .divider.divider-dashed:after {
    border-style: dashed;
    border-width: 0 1px 1px;
    border-color: #464963
}

.divider.divider-vertical {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin: unset
}

.divider.divider-vertical:before, .divider.divider-vertical:after {
    content: "";
    position: absolute;
    left: 50%;
    border-left: 1px solid #464963
}

.divider.divider-vertical:before {
    bottom: 50%;
    top: 0
}

.divider.divider-vertical:after {
    top: 50%;
    bottom: 0
}

.divider.divider-vertical.divider-dashed:before, .divider.divider-vertical.divider-dashed:after {
    border-width: 1px 1px 1px 0
}

.divider.divider-vertical.divider-dotted:before, .divider.divider-vertical.divider-dotted:after {
    border-width: 1px 1px 1px 0
}

.divider.divider-vertical .divider-text {
    background-color: #070814;
    z-index: 1;
    padding: .5rem
}

.divider.divider-vertical .divider-text:before, .divider.divider-vertical .divider-text:after {
    content: unset
}

.divider.divider-vertical .divider-text .badge-divider-bg {
    padding: .313rem .29rem;
    border-radius: 50%;
    font-weight: 500;
    font-size: .6875rem
}

[dir=rtl] .divider.text-start-center .divider-text {
    right: -25%;
    left: auto
}

[dir=rtl] .divider.text-end-center .divider-text {
    left: -25%;
    right: auto
}

[dir=rtl] .divider.text-start .divider-text {
    padding-right: 0;
    padding-left: 1rem
}

[dir=rtl] .divider.text-end .divider-text {
    padding-left: 0;
    padding-right: 1rem
}

.divider.divider-secondary.divider-vertical:before, .divider.divider-secondary.divider-vertical:after, .divider.divider-secondary .divider-text:before, .divider.divider-secondary .divider-text:after {
    border-color: #6d788d
}

.divider.divider-success.divider-vertical:before, .divider.divider-success.divider-vertical:after, .divider.divider-success .divider-text:before, .divider.divider-success .divider-text:after {
    border-color: #72e128
}

.divider.divider-info.divider-vertical:before, .divider.divider-info.divider-vertical:after, .divider.divider-info .divider-text:before, .divider.divider-info .divider-text:after {
    border-color: #26c6f9
}

.divider.divider-warning.divider-vertical:before, .divider.divider-warning.divider-vertical:after, .divider.divider-warning .divider-text:before, .divider.divider-warning .divider-text:after {
    border-color: #fdb528
}

.divider.divider-danger.divider-vertical:before, .divider.divider-danger.divider-vertical:after, .divider.divider-danger .divider-text:before, .divider.divider-danger .divider-text:after {
    border-color: #ff4d49
}

.divider.divider-dark.divider-vertical:before, .divider.divider-dark.divider-vertical:after, .divider.divider-dark .divider-text:before, .divider.divider-dark .divider-text:after {
    border-color: #d7d5ec
}

.divider.divider-gray.divider-vertical:before, .divider.divider-gray.divider-vertical:after, .divider.divider-gray .divider-text:before, .divider.divider-gray .divider-text:after {
    border-color: rgba(234, 234, 255, .06)
}

.footer-link {
    display: inline-block;
    color: rgba(234, 234, 255, .5)
}

.footer-light {
    color: rgba(234, 234, 255, .5)
}

.footer-light .footer-text {
    color: #4e5155
}

.footer-light .footer-link {
    color: rgba(234, 234, 255, .5)
}

.footer-light .footer-link:hover, .footer-light .footer-link:focus {
    color: #4e5155
}

.footer-light .footer-link.disabled {
    color: rgba(20, 21, 33, .2) !important
}

.footer-light .show > .footer-link, .footer-light .active > .footer-link, .footer-light .footer-link.show, .footer-light .footer-link.active {
    color: #4e5155
}

.footer-light hr {
    border-color: rgba(0, 0, 0, .06)
}

.footer-dark {
    color: rgba(255, 255, 255, .8)
}

.footer-dark .footer-text {
    color: #fff
}

.footer-dark .footer-link {
    color: rgba(255, 255, 255, .8)
}

.footer-dark .footer-link:hover, .footer-dark .footer-link:focus {
    color: #fff
}

.footer-dark .footer-link.disabled {
    color: rgba(255, 255, 255, .4) !important
}

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

.footer-dark hr {
    border-color: rgba(255, 255, 255, .2)
}

.bg-facebook {
    background-color: #3b5998 !important
}

a.bg-facebook:hover, a.bg-facebook:focus {
    background-color: #385590 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #3b5998
}

.bg-label-facebook {
    background-color: #32395a !important;
    color: #3b5998 !important
}

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: #3b5998
}

.btn-facebook:hover {
    color: #fff !important;
    background-color: #344e86 !important;
    border-color: #344e86 !important
}

.btn-check:focus + .btn-facebook, .btn-facebook:focus, .btn-facebook.focus {
    color: #fff;
    background-color: #344e86;
    border-color: #344e86;
    box-shadow: none
}

.btn-check:checked + .btn-facebook, .btn-check:active + .btn-facebook, .btn-facebook:active, .btn-facebook.active, .btn-facebook.show.dropdown-toggle, .show > .btn-facebook.dropdown-toggle {
    color: #fff !important;
    background-color: #2f477a !important;
    border-color: #2f477a !important
}

.btn-check:checked + .btn-facebook:focus, .btn-check:active + .btn-facebook:focus, .btn-facebook:active:focus, .btn-facebook.active:focus, .btn-facebook.show.dropdown-toggle:focus, .show > .btn-facebook.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-facebook, .input-group .btn-facebook {
    border-right: 1px solid #2f477a;
    border-left: 1px solid #2f477a
}

.btn-label-facebook {
    color: #3b5998;
    border-color: #32395a;
    background: #32395a
}

.btn-label-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-facebook:hover {
    border-color: #333c60 !important;
    background: #333c60 !important;
    color: #3b5998 !important
}

.btn-label-facebook:focus, .btn-label-facebook.focus {
    color: #3b5998;
    background: #333e63;
    border-color: #333e63
}

.btn-label-facebook:active, .btn-label-facebook.active, .btn-label-facebook.show.dropdown-toggle, .show > .btn-label-facebook.dropdown-toggle {
    color: #3b5998 !important;
    background-color: #333e64 !important;
    border-color: #333e64 !important
}

.btn-group .btn-label-facebook, .input-group .btn-label-facebook {
    border-right: 1px solid #333e64;
    border-left: 1px solid #333e64
}

.btn-outline-facebook {
    color: #3b5998;
    border-color: #364673;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-facebook:hover {
    color: #3b5998 !important;
    background-color: #323959 !important;
    border-color: #364673 !important
}

.btn-check:focus + .btn-outline-facebook, .btn-outline-facebook:focus {
    color: #3b5998;
    background-color: #333c60;
    border-color: #364673
}

.btn-check:checked + .btn-outline-facebook, .btn-check:active + .btn-outline-facebook, .btn-outline-facebook:active, .btn-outline-facebook.active, .btn-outline-facebook.dropdown-toggle.show {
    color: #3b5998 !important;
    background-color: #333e63 !important;
    border-color: #364673 !important
}

.btn-outline-facebook .badge {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-outline-facebook:hover .badge, .btn-outline-facebook:focus:hover .badge, .btn-outline-facebook:active .badge, .btn-outline-facebook.active .badge, .show > .btn-outline-facebook.dropdown-toggle .badge {
    background: #3b5998;
    border-color: #3b5998;
    color: #fff
}

.btn-text-facebook {
    color: #3b5998
}

.btn-text-facebook.waves-effect .waves-ripple {
    background: radial-gradient(rgba(59, 89, 152, 0.2) 0, rgba(59, 89, 152, 0.3) 40%, rgba(59, 89, 152, 0.4) 50%, rgba(59, 89, 152, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-facebook:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #313552;
    color: #3b5998
}

.btn-text-facebook:focus, .btn-text-facebook.focus {
    color: #3b5998;
    background: #313755
}

.btn-text-facebook:active, .btn-text-facebook.active, .btn-text-facebook.show.dropdown-toggle, .show > .btn-text-facebook.dropdown-toggle {
    color: #3b5998 !important;
    background: #323959 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-twitter {
    background-color: #1da1f2 !important
}

a.bg-twitter:hover, a.bg-twitter:focus {
    background-color: #1c99e6 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #1da1f2
}

.bg-label-twitter {
    background-color: #2d4568 !important;
    color: #1da1f2 !important
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2
}

.btn-twitter:hover {
    color: #fff !important;
    background-color: #1a8ed5 !important;
    border-color: #1a8ed5 !important
}

.btn-check:focus + .btn-twitter, .btn-twitter:focus, .btn-twitter.focus {
    color: #fff;
    background-color: #1a8ed5;
    border-color: #1a8ed5;
    box-shadow: none
}

.btn-check:checked + .btn-twitter, .btn-check:active + .btn-twitter, .btn-twitter:active, .btn-twitter.active, .btn-twitter.show.dropdown-toggle, .show > .btn-twitter.dropdown-toggle {
    color: #fff !important;
    background-color: #1781c2 !important;
    border-color: #1781c2 !important
}

.btn-check:checked + .btn-twitter:focus, .btn-check:active + .btn-twitter:focus, .btn-twitter:active:focus, .btn-twitter.active:focus, .btn-twitter.show.dropdown-toggle:focus, .show > .btn-twitter.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-twitter, .input-group .btn-twitter {
    border-right: 1px solid #1781c2;
    border-left: 1px solid #1781c2
}

.btn-label-twitter {
    color: #1da1f2;
    border-color: #2d4568;
    background: #2d4568
}

.btn-label-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-twitter:hover {
    border-color: #2b4d75 !important;
    background: #2b4d75 !important;
    color: #1da1f2 !important
}

.btn-label-twitter:focus, .btn-label-twitter.focus {
    color: #1da1f2;
    background: #2b527c;
    border-color: #2b527c
}

.btn-label-twitter:active, .btn-label-twitter.active, .btn-label-twitter.show.dropdown-toggle, .show > .btn-label-twitter.dropdown-toggle {
    color: #1da1f2 !important;
    background-color: #2a547f !important;
    border-color: #2a547f !important
}

.btn-group .btn-label-twitter, .input-group .btn-label-twitter {
    border-right: 1px solid #2a547f;
    border-left: 1px solid #2a547f
}

.btn-outline-twitter {
    color: #1da1f2;
    border-color: #276aa0;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-twitter:hover {
    color: #1da1f2 !important;
    background-color: #2d4467 !important;
    border-color: #276aa0 !important
}

.btn-check:focus + .btn-outline-twitter, .btn-outline-twitter:focus {
    color: #1da1f2;
    background-color: #2b4d75;
    border-color: #276aa0
}

.btn-check:checked + .btn-outline-twitter, .btn-check:active + .btn-outline-twitter, .btn-outline-twitter:active, .btn-outline-twitter.active, .btn-outline-twitter.dropdown-toggle.show {
    color: #1da1f2 !important;
    background-color: #2b527c !important;
    border-color: #276aa0 !important
}

.btn-outline-twitter .badge {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.btn-outline-twitter:hover .badge, .btn-outline-twitter:focus:hover .badge, .btn-outline-twitter:active .badge, .btn-outline-twitter.active .badge, .show > .btn-outline-twitter.dropdown-toggle .badge {
    background: #1da1f2;
    border-color: #1da1f2;
    color: #fff
}

.btn-text-twitter {
    color: #1da1f2
}

.btn-text-twitter.waves-effect .waves-ripple {
    background: radial-gradient(rgba(29, 161, 242, 0.2) 0, rgba(29, 161, 242, 0.3) 40%, rgba(29, 161, 242, 0.4) 50%, rgba(29, 161, 242, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-twitter:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #2f3956;
    color: #1da1f2
}

.btn-text-twitter:focus, .btn-text-twitter.focus {
    color: #1da1f2;
    background: #2e3e5e
}

.btn-text-twitter:active, .btn-text-twitter.active, .btn-text-twitter.show.dropdown-toggle, .show > .btn-text-twitter.dropdown-toggle {
    color: #1da1f2 !important;
    background: #2d4467 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-google-plus {
    background-color: #dd4b39 !important
}

a.bg-google-plus:hover, a.bg-google-plus:focus {
    background-color: #d24736 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #dd4b39
}

.bg-label-google-plus {
    background-color: #4c374b !important;
    color: #dd4b39 !important
}

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39
}

.btn-google-plus:hover {
    color: #fff !important;
    background-color: #c24232 !important;
    border-color: #c24232 !important
}

.btn-check:focus + .btn-google-plus, .btn-google-plus:focus, .btn-google-plus.focus {
    color: #fff;
    background-color: #c24232;
    border-color: #c24232;
    box-shadow: none
}

.btn-check:checked + .btn-google-plus, .btn-check:active + .btn-google-plus, .btn-google-plus:active, .btn-google-plus.active, .btn-google-plus.show.dropdown-toggle, .show > .btn-google-plus.dropdown-toggle {
    color: #fff !important;
    background-color: #b13c2e !important;
    border-color: #b13c2e !important
}

.btn-check:checked + .btn-google-plus:focus, .btn-check:active + .btn-google-plus:focus, .btn-google-plus:active:focus, .btn-google-plus.active:focus, .btn-google-plus.show.dropdown-toggle:focus, .show > .btn-google-plus.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-google-plus, .input-group .btn-google-plus {
    border-right: 1px solid #b13c2e;
    border-left: 1px solid #b13c2e
}

.btn-label-google-plus {
    color: #dd4b39;
    border-color: #4c374b;
    background: #4c374b
}

.btn-label-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-google-plus:hover {
    border-color: #5a3949 !important;
    background: #5a3949 !important;
    color: #dd4b39 !important
}

.btn-label-google-plus:focus, .btn-label-google-plus.focus {
    color: #dd4b39;
    background: #603a48;
    border-color: #603a48
}

.btn-label-google-plus:active, .btn-label-google-plus.active, .btn-label-google-plus.show.dropdown-toggle, .show > .btn-label-google-plus.dropdown-toggle {
    color: #dd4b39 !important;
    background-color: #643a48 !important;
    border-color: #643a48 !important
}

.btn-group .btn-label-google-plus, .input-group .btn-label-google-plus {
    border-right: 1px solid #643a48;
    border-left: 1px solid #643a48
}

.btn-outline-google-plus {
    color: #dd4b39;
    border-color: #873f44;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-google-plus:hover {
    color: #dd4b39 !important;
    background-color: #4a374b !important;
    border-color: #873f44 !important
}

.btn-check:focus + .btn-outline-google-plus, .btn-outline-google-plus:focus {
    color: #dd4b39;
    background-color: #5a3949;
    border-color: #873f44
}

.btn-check:checked + .btn-outline-google-plus, .btn-check:active + .btn-outline-google-plus, .btn-outline-google-plus:active, .btn-outline-google-plus.active, .btn-outline-google-plus.dropdown-toggle.show {
    color: #dd4b39 !important;
    background-color: #603a48 !important;
    border-color: #873f44 !important
}

.btn-outline-google-plus .badge {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

.btn-outline-google-plus:hover .badge, .btn-outline-google-plus:focus:hover .badge, .btn-outline-google-plus:active .badge, .btn-outline-google-plus.active .badge, .show > .btn-outline-google-plus.dropdown-toggle .badge {
    background: #dd4b39;
    border-color: #dd4b39;
    color: #fff
}

.btn-text-google-plus {
    color: #dd4b39
}

.btn-text-google-plus.waves-effect .waves-ripple {
    background: radial-gradient(rgba(221, 75, 57, 0.2) 0, rgba(221, 75, 57, 0.3) 40%, rgba(221, 75, 57, 0.4) 50%, rgba(221, 75, 57, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-google-plus:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #39344d;
    color: #dd4b39
}

.btn-text-google-plus:focus, .btn-text-google-plus.focus {
    color: #dd4b39;
    background: #41354c
}

.btn-text-google-plus:active, .btn-text-google-plus.active, .btn-text-google-plus.show.dropdown-toggle, .show > .btn-text-google-plus.dropdown-toggle {
    color: #dd4b39 !important;
    background: #4a374b !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-instagram {
    background-color: #e1306c !important
}

a.bg-instagram:hover, a.bg-instagram:focus {
    background-color: #d62e67 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #e1306c
}

.bg-label-instagram {
    background-color: #4c3353 !important;
    color: #e1306c !important
}

.btn-instagram {
    color: #fff;
    background-color: #e1306c;
    border-color: #e1306c
}

.btn-instagram:hover {
    color: #fff !important;
    background-color: #c62a5f !important;
    border-color: #c62a5f !important
}

.btn-check:focus + .btn-instagram, .btn-instagram:focus, .btn-instagram.focus {
    color: #fff;
    background-color: #c62a5f;
    border-color: #c62a5f;
    box-shadow: none
}

.btn-check:checked + .btn-instagram, .btn-check:active + .btn-instagram, .btn-instagram:active, .btn-instagram.active, .btn-instagram.show.dropdown-toggle, .show > .btn-instagram.dropdown-toggle {
    color: #fff !important;
    background-color: #b42656 !important;
    border-color: #b42656 !important
}

.btn-check:checked + .btn-instagram:focus, .btn-check:active + .btn-instagram:focus, .btn-instagram:active:focus, .btn-instagram.active:focus, .btn-instagram.show.dropdown-toggle:focus, .show > .btn-instagram.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-instagram, .input-group .btn-instagram {
    border-right: 1px solid #b42656;
    border-left: 1px solid #b42656
}

.btn-label-instagram {
    color: #e1306c;
    border-color: #4c3353;
    background: #4c3353
}

.btn-label-instagram.waves-effect .waves-ripple {
    background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-instagram:hover {
    border-color: #5a3255 !important;
    background: #5a3255 !important;
    color: #e1306c !important
}

.btn-label-instagram:focus, .btn-label-instagram.focus {
    color: #e1306c;
    background: #623256;
    border-color: #623256
}

.btn-label-instagram:active, .btn-label-instagram.active, .btn-label-instagram.show.dropdown-toggle, .show > .btn-label-instagram.dropdown-toggle {
    color: #e1306c !important;
    background-color: #653257 !important;
    border-color: #653257 !important
}

.btn-group .btn-label-instagram, .input-group .btn-label-instagram {
    border-right: 1px solid #653257;
    border-left: 1px solid #653257
}

.btn-outline-instagram {
    color: #e1306c;
    border-color: #89325d;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-instagram.waves-effect .waves-ripple {
    background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-instagram:hover {
    color: #e1306c !important;
    background-color: #4b3353 !important;
    border-color: #89325d !important
}

.btn-check:focus + .btn-outline-instagram, .btn-outline-instagram:focus {
    color: #e1306c;
    background-color: #5a3255;
    border-color: #89325d
}

.btn-check:checked + .btn-outline-instagram, .btn-check:active + .btn-outline-instagram, .btn-outline-instagram:active, .btn-outline-instagram.active, .btn-outline-instagram.dropdown-toggle.show {
    color: #e1306c !important;
    background-color: #623256 !important;
    border-color: #89325d !important
}

.btn-outline-instagram .badge {
    background: #e1306c;
    border-color: #e1306c;
    color: #fff
}

.btn-outline-instagram:hover .badge, .btn-outline-instagram:focus:hover .badge, .btn-outline-instagram:active .badge, .btn-outline-instagram.active .badge, .show > .btn-outline-instagram.dropdown-toggle .badge {
    background: #e1306c;
    border-color: #e1306c;
    color: #fff
}

.btn-text-instagram {
    color: #e1306c
}

.btn-text-instagram.waves-effect .waves-ripple {
    background: radial-gradient(rgba(225, 48, 108, 0.2) 0, rgba(225, 48, 108, 0.3) 40%, rgba(225, 48, 108, 0.4) 50%, rgba(225, 48, 108, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-instagram:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #393350;
    color: #e1306c
}

.btn-text-instagram:focus, .btn-text-instagram.focus {
    color: #e1306c;
    background: #423351
}

.btn-text-instagram:active, .btn-text-instagram.active, .btn-text-instagram.show.dropdown-toggle, .show > .btn-text-instagram.dropdown-toggle {
    color: #e1306c !important;
    background: #4b3353 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-linkedin {
    background-color: #0077b5 !important
}

a.bg-linkedin:hover, a.bg-linkedin:focus {
    background-color: #0071ac !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #0077b5
}

.bg-label-linkedin {
    background-color: #283e5e !important;
    color: #0077b5 !important
}

.btn-linkedin {
    color: #fff;
    background-color: #0077b5;
    border-color: #0077b5
}

.btn-linkedin:hover {
    color: #fff !important;
    background-color: #00699f !important;
    border-color: #00699f !important
}

.btn-check:focus + .btn-linkedin, .btn-linkedin:focus, .btn-linkedin.focus {
    color: #fff;
    background-color: #00699f;
    border-color: #00699f;
    box-shadow: none
}

.btn-check:checked + .btn-linkedin, .btn-check:active + .btn-linkedin, .btn-linkedin:active, .btn-linkedin.active, .btn-linkedin.show.dropdown-toggle, .show > .btn-linkedin.dropdown-toggle {
    color: #fff !important;
    background-color: #005f91 !important;
    border-color: #005f91 !important
}

.btn-check:checked + .btn-linkedin:focus, .btn-check:active + .btn-linkedin:focus, .btn-linkedin:active:focus, .btn-linkedin.active:focus, .btn-linkedin.show.dropdown-toggle:focus, .show > .btn-linkedin.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-linkedin, .input-group .btn-linkedin {
    border-right: 1px solid #005f91;
    border-left: 1px solid #005f91
}

.btn-label-linkedin {
    color: #0077b5;
    border-color: #283e5e;
    background: #283e5e
}

.btn-label-linkedin.waves-effect .waves-ripple {
    background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-linkedin:hover {
    border-color: #244367 !important;
    background: #244367 !important;
    color: #0077b5 !important
}

.btn-label-linkedin:focus, .btn-label-linkedin.focus {
    color: #0077b5;
    background: #23466b;
    border-color: #23466b
}

.btn-label-linkedin:active, .btn-label-linkedin.active, .btn-label-linkedin.show.dropdown-toggle, .show > .btn-label-linkedin.dropdown-toggle {
    color: #0077b5 !important;
    background-color: #22476d !important;
    border-color: #22476d !important
}

.btn-group .btn-label-linkedin, .input-group .btn-label-linkedin {
    border-right: 1px solid #22476d;
    border-left: 1px solid #22476d
}

.btn-outline-linkedin {
    color: #0077b5;
    border-color: #185582;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-linkedin.waves-effect .waves-ripple {
    background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-linkedin:hover {
    color: #0077b5 !important;
    background-color: #293d5d !important;
    border-color: #185582 !important
}

.btn-check:focus + .btn-outline-linkedin, .btn-outline-linkedin:focus {
    color: #0077b5;
    background-color: #244367;
    border-color: #185582
}

.btn-check:checked + .btn-outline-linkedin, .btn-check:active + .btn-outline-linkedin, .btn-outline-linkedin:active, .btn-outline-linkedin.active, .btn-outline-linkedin.dropdown-toggle.show {
    color: #0077b5 !important;
    background-color: #23466b !important;
    border-color: #185582 !important
}

.btn-outline-linkedin .badge {
    background: #0077b5;
    border-color: #0077b5;
    color: #fff
}

.btn-outline-linkedin:hover .badge, .btn-outline-linkedin:focus:hover .badge, .btn-outline-linkedin:active .badge, .btn-outline-linkedin.active .badge, .show > .btn-outline-linkedin.dropdown-toggle .badge {
    background: #0077b5;
    border-color: #0077b5;
    color: #fff
}

.btn-text-linkedin {
    color: #0077b5
}

.btn-text-linkedin.waves-effect .waves-ripple {
    background: radial-gradient(rgba(0, 119, 181, 0.2) 0, rgba(0, 119, 181, 0.3) 40%, rgba(0, 119, 181, 0.4) 50%, rgba(0, 119, 181, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-linkedin:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #2e3653;
    color: #0077b5
}

.btn-text-linkedin:focus, .btn-text-linkedin.focus {
    color: #0077b5;
    background: #2b3a58
}

.btn-text-linkedin:active, .btn-text-linkedin.active, .btn-text-linkedin.show.dropdown-toggle, .show > .btn-text-linkedin.dropdown-toggle {
    color: #0077b5 !important;
    background: #293d5d !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-github {
    background-color: #a1a1b8 !important
}

a.bg-github:hover, a.bg-github:focus {
    background-color: #9999af !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #a1a1b8
}

.bg-label-github {
    background-color: #42455f !important;
    color: #a1a1b8 !important
}

.btn-github {
    color: #fff;
    background-color: #a1a1b8;
    border-color: #a1a1b8
}

.btn-github:hover {
    color: #fff !important;
    background-color: #8e8ea2 !important;
    border-color: #8e8ea2 !important
}

.btn-check:focus + .btn-github, .btn-github:focus, .btn-github.focus {
    color: #fff;
    background-color: #8e8ea2;
    border-color: #8e8ea2;
    box-shadow: none
}

.btn-check:checked + .btn-github, .btn-check:active + .btn-github, .btn-github:active, .btn-github.active, .btn-github.show.dropdown-toggle, .show > .btn-github.dropdown-toggle {
    color: #fff !important;
    background-color: #818193 !important;
    border-color: #818193 !important
}

.btn-check:checked + .btn-github:focus, .btn-check:active + .btn-github:focus, .btn-github:active:focus, .btn-github.active:focus, .btn-github.show.dropdown-toggle:focus, .show > .btn-github.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-github, .input-group .btn-github {
    border-right: 1px solid #818193;
    border-left: 1px solid #818193
}

.btn-label-github {
    color: #a1a1b8;
    border-color: #42455f;
    background: #42455f
}

.btn-label-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 161, 184, 0.2) 0, rgba(161, 161, 184, 0.3) 40%, rgba(161, 161, 184, 0.4) 50%, rgba(161, 161, 184, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-github:hover {
    border-color: #4b4d67 !important;
    background: #4b4d67 !important;
    color: #a1a1b8 !important
}

.btn-label-github:focus, .btn-label-github.focus {
    color: #a1a1b8;
    background: #50526c;
    border-color: #50526c
}

.btn-label-github:active, .btn-label-github.active, .btn-label-github.show.dropdown-toggle, .show > .btn-label-github.dropdown-toggle {
    color: #a1a1b8 !important;
    background-color: #52546e !important;
    border-color: #52546e !important
}

.btn-group .btn-label-github, .input-group .btn-label-github {
    border-right: 1px solid #52546e;
    border-left: 1px solid #52546e
}

.btn-outline-github {
    color: #a1a1b8;
    border-color: #696a83;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 161, 184, 0.2) 0, rgba(161, 161, 184, 0.3) 40%, rgba(161, 161, 184, 0.4) 50%, rgba(161, 161, 184, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-github:hover {
    color: #a1a1b8 !important;
    background-color: #41445e !important;
    border-color: #696a83 !important
}

.btn-check:focus + .btn-outline-github, .btn-outline-github:focus {
    color: #a1a1b8;
    background-color: #4b4d67;
    border-color: #696a83
}

.btn-check:checked + .btn-outline-github, .btn-check:active + .btn-outline-github, .btn-outline-github:active, .btn-outline-github.active, .btn-outline-github.dropdown-toggle.show {
    color: #a1a1b8 !important;
    background-color: #50526c !important;
    border-color: #696a83 !important
}

.btn-outline-github .badge {
    background: #a1a1b8;
    border-color: #a1a1b8;
    color: #fff
}

.btn-outline-github:hover .badge, .btn-outline-github:focus:hover .badge, .btn-outline-github:active .badge, .btn-outline-github.active .badge, .show > .btn-outline-github.dropdown-toggle .badge {
    background: #a1a1b8;
    border-color: #a1a1b8;
    color: #fff
}

.btn-text-github {
    color: #a1a1b8
}

.btn-text-github.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 161, 184, 0.2) 0, rgba(161, 161, 184, 0.3) 40%, rgba(161, 161, 184, 0.4) 50%, rgba(161, 161, 184, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-github:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #363953;
    color: #a1a1b8
}

.btn-text-github:focus, .btn-text-github.focus {
    color: #a1a1b8;
    background: #3b3e59
}

.btn-text-github:active, .btn-text-github.active, .btn-text-github.show.dropdown-toggle, .show > .btn-text-github.dropdown-toggle {
    color: #a1a1b8 !important;
    background: #41445e !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-dribbble {
    background-color: #ea4c89 !important
}

a.bg-dribbble:hover, a.bg-dribbble:focus {
    background-color: #de4882 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #ea4c89
}

.bg-label-dribbble {
    background-color: #4e3757 !important;
    color: #ea4c89 !important
}

.btn-dribbble {
    color: #fff;
    background-color: #ea4c89;
    border-color: #ea4c89
}

.btn-dribbble:hover {
    color: #fff !important;
    background-color: #ce4379 !important;
    border-color: #ce4379 !important
}

.btn-check:focus + .btn-dribbble, .btn-dribbble:focus, .btn-dribbble.focus {
    color: #fff;
    background-color: #ce4379;
    border-color: #ce4379;
    box-shadow: none
}

.btn-check:checked + .btn-dribbble, .btn-check:active + .btn-dribbble, .btn-dribbble:active, .btn-dribbble.active, .btn-dribbble.show.dropdown-toggle, .show > .btn-dribbble.dropdown-toggle {
    color: #fff !important;
    background-color: #bb3d6e !important;
    border-color: #bb3d6e !important
}

.btn-check:checked + .btn-dribbble:focus, .btn-check:active + .btn-dribbble:focus, .btn-dribbble:active:focus, .btn-dribbble.active:focus, .btn-dribbble.show.dropdown-toggle:focus, .show > .btn-dribbble.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-dribbble, .input-group .btn-dribbble {
    border-right: 1px solid #bb3d6e;
    border-left: 1px solid #bb3d6e
}

.btn-label-dribbble {
    color: #ea4c89;
    border-color: #4e3757;
    background: #4e3757
}

.btn-label-dribbble.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-dribbble:hover {
    border-color: #5d395c !important;
    background: #5d395c !important;
    color: #ea4c89 !important
}

.btn-label-dribbble:focus, .btn-label-dribbble.focus {
    color: #ea4c89;
    background: #643a5f;
    border-color: #643a5f
}

.btn-label-dribbble:active, .btn-label-dribbble.active, .btn-label-dribbble.show.dropdown-toggle, .show > .btn-label-dribbble.dropdown-toggle {
    color: #ea4c89 !important;
    background-color: #683b60 !important;
    border-color: #683b60 !important
}

.btn-group .btn-label-dribbble, .input-group .btn-label-dribbble {
    border-right: 1px solid #683b60;
    border-left: 1px solid #683b60
}

.btn-outline-dribbble {
    color: #ea4c89;
    border-color: #8d406c;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-dribbble.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-dribbble:hover {
    color: #ea4c89 !important;
    background-color: #4c3757 !important;
    border-color: #8d406c !important
}

.btn-check:focus + .btn-outline-dribbble, .btn-outline-dribbble:focus {
    color: #ea4c89;
    background-color: #5d395c;
    border-color: #8d406c
}

.btn-check:checked + .btn-outline-dribbble, .btn-check:active + .btn-outline-dribbble, .btn-outline-dribbble:active, .btn-outline-dribbble.active, .btn-outline-dribbble.dropdown-toggle.show {
    color: #ea4c89 !important;
    background-color: #643a5f !important;
    border-color: #8d406c !important
}

.btn-outline-dribbble .badge {
    background: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.btn-outline-dribbble:hover .badge, .btn-outline-dribbble:focus:hover .badge, .btn-outline-dribbble:active .badge, .btn-outline-dribbble.active .badge, .show > .btn-outline-dribbble.dropdown-toggle .badge {
    background: #ea4c89;
    border-color: #ea4c89;
    color: #fff
}

.btn-text-dribbble {
    color: #ea4c89
}

.btn-text-dribbble.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234, 76, 137, 0.2) 0, rgba(234, 76, 137, 0.3) 40%, rgba(234, 76, 137, 0.4) 50%, rgba(234, 76, 137, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-dribbble:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #393451;
    color: #ea4c89
}

.btn-text-dribbble:focus, .btn-text-dribbble.focus {
    color: #ea4c89;
    background: #433654
}

.btn-text-dribbble:active, .btn-text-dribbble.active, .btn-text-dribbble.show.dropdown-toggle, .show > .btn-text-dribbble.dropdown-toggle {
    color: #ea4c89 !important;
    background: #4c3757 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-pinterest {
    background-color: #cb2027 !important
}

a.bg-pinterest:hover, a.bg-pinterest:focus {
    background-color: #c11e25 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #cb2027
}

.bg-label-pinterest {
    background-color: #493048 !important;
    color: #cb2027 !important
}

.btn-pinterest {
    color: #fff;
    background-color: #cb2027;
    border-color: #cb2027
}

.btn-pinterest:hover {
    color: #fff !important;
    background-color: #b31c22 !important;
    border-color: #b31c22 !important
}

.btn-check:focus + .btn-pinterest, .btn-pinterest:focus, .btn-pinterest.focus {
    color: #fff;
    background-color: #b31c22;
    border-color: #b31c22;
    box-shadow: none
}

.btn-check:checked + .btn-pinterest, .btn-check:active + .btn-pinterest, .btn-pinterest:active, .btn-pinterest.active, .btn-pinterest.show.dropdown-toggle, .show > .btn-pinterest.dropdown-toggle {
    color: #fff !important;
    background-color: #a21a1f !important;
    border-color: #a21a1f !important
}

.btn-check:checked + .btn-pinterest:focus, .btn-check:active + .btn-pinterest:focus, .btn-pinterest:active:focus, .btn-pinterest.active:focus, .btn-pinterest.show.dropdown-toggle:focus, .show > .btn-pinterest.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-pinterest, .input-group .btn-pinterest {
    border-right: 1px solid #a21a1f;
    border-left: 1px solid #a21a1f
}

.btn-label-pinterest {
    color: #cb2027;
    border-color: #493048;
    background: #493048
}

.btn-label-pinterest.waves-effect .waves-ripple {
    background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-pinterest:hover {
    border-color: #552e45 !important;
    background: #552e45 !important;
    color: #cb2027 !important
}

.btn-label-pinterest:focus, .btn-label-pinterest.focus {
    color: #cb2027;
    background: #5b2e43;
    border-color: #5b2e43
}

.btn-label-pinterest:active, .btn-label-pinterest.active, .btn-label-pinterest.show.dropdown-toggle, .show > .btn-label-pinterest.dropdown-toggle {
    color: #cb2027 !important;
    background-color: #5f2d42 !important;
    border-color: #5f2d42 !important
}

.btn-group .btn-label-pinterest, .input-group .btn-label-pinterest {
    border-right: 1px solid #5f2d42;
    border-left: 1px solid #5f2d42
}

.btn-outline-pinterest {
    color: #cb2027;
    border-color: #7e2a3b;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-pinterest.waves-effect .waves-ripple {
    background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-pinterest:hover {
    color: #cb2027 !important;
    background-color: #473048 !important;
    border-color: #7e2a3b !important
}

.btn-check:focus + .btn-outline-pinterest, .btn-outline-pinterest:focus {
    color: #cb2027;
    background-color: #552e45;
    border-color: #7e2a3b
}

.btn-check:checked + .btn-outline-pinterest, .btn-check:active + .btn-outline-pinterest, .btn-outline-pinterest:active, .btn-outline-pinterest.active, .btn-outline-pinterest.dropdown-toggle.show {
    color: #cb2027 !important;
    background-color: #5b2e43 !important;
    border-color: #7e2a3b !important
}

.btn-outline-pinterest .badge {
    background: #cb2027;
    border-color: #cb2027;
    color: #fff
}

.btn-outline-pinterest:hover .badge, .btn-outline-pinterest:focus:hover .badge, .btn-outline-pinterest:active .badge, .btn-outline-pinterest.active .badge, .show > .btn-outline-pinterest.dropdown-toggle .badge {
    background: #cb2027;
    border-color: #cb2027;
    color: #fff
}

.btn-text-pinterest {
    color: #cb2027
}

.btn-text-pinterest.waves-effect .waves-ripple {
    background: radial-gradient(rgba(203, 32, 39, 0.2) 0, rgba(203, 32, 39, 0.3) 40%, rgba(203, 32, 39, 0.4) 50%, rgba(203, 32, 39, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-pinterest:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #38324c;
    color: #cb2027
}

.btn-text-pinterest:focus, .btn-text-pinterest.focus {
    color: #cb2027;
    background: #40314a
}

.btn-text-pinterest:active, .btn-text-pinterest.active, .btn-text-pinterest.show.dropdown-toggle, .show > .btn-text-pinterest.dropdown-toggle {
    color: #cb2027 !important;
    background: #473048 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-slack {
    background-color: #a12fa3 !important
}

a.bg-slack:hover, a.bg-slack:focus {
    background-color: #992d9b !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #a12fa3
}

.bg-label-slack {
    background-color: #42325c !important;
    color: #a12fa3 !important
}

.btn-slack {
    color: #fff;
    background-color: #a12fa3;
    border-color: #a12fa3
}

.btn-slack:hover {
    color: #fff !important;
    background-color: #8e298f !important;
    border-color: #8e298f !important
}

.btn-check:focus + .btn-slack, .btn-slack:focus, .btn-slack.focus {
    color: #fff;
    background-color: #8e298f;
    border-color: #8e298f;
    box-shadow: none
}

.btn-check:checked + .btn-slack, .btn-check:active + .btn-slack, .btn-slack:active, .btn-slack.active, .btn-slack.show.dropdown-toggle, .show > .btn-slack.dropdown-toggle {
    color: #fff !important;
    background-color: #812682 !important;
    border-color: #812682 !important
}

.btn-check:checked + .btn-slack:focus, .btn-check:active + .btn-slack:focus, .btn-slack:active:focus, .btn-slack.active:focus, .btn-slack.show.dropdown-toggle:focus, .show > .btn-slack.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-slack, .input-group .btn-slack {
    border-right: 1px solid #812682;
    border-left: 1px solid #812682
}

.btn-label-slack {
    color: #a12fa3;
    border-color: #42325c;
    background: #42325c
}

.btn-label-slack.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 47, 163, 0.2) 0, rgba(161, 47, 163, 0.3) 40%, rgba(161, 47, 163, 0.4) 50%, rgba(161, 47, 163, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-slack:hover {
    border-color: #4b3262 !important;
    background: #4b3262 !important;
    color: #a12fa3 !important
}

.btn-label-slack:focus, .btn-label-slack.focus {
    color: #a12fa3;
    background: #503266;
    border-color: #503266
}

.btn-label-slack:active, .btn-label-slack.active, .btn-label-slack.show.dropdown-toggle, .show > .btn-label-slack.dropdown-toggle {
    color: #a12fa3 !important;
    background-color: #523268 !important;
    border-color: #523268 !important
}

.btn-group .btn-label-slack, .input-group .btn-label-slack {
    border-right: 1px solid #523268;
    border-left: 1px solid #523268
}

.btn-outline-slack {
    color: #a12fa3;
    border-color: #693179;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-slack.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 47, 163, 0.2) 0, rgba(161, 47, 163, 0.3) 40%, rgba(161, 47, 163, 0.4) 50%, rgba(161, 47, 163, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-slack:hover {
    color: #a12fa3 !important;
    background-color: #41325b !important;
    border-color: #693179 !important
}

.btn-check:focus + .btn-outline-slack, .btn-outline-slack:focus {
    color: #a12fa3;
    background-color: #4b3262;
    border-color: #693179
}

.btn-check:checked + .btn-outline-slack, .btn-check:active + .btn-outline-slack, .btn-outline-slack:active, .btn-outline-slack.active, .btn-outline-slack.dropdown-toggle.show {
    color: #a12fa3 !important;
    background-color: #503266 !important;
    border-color: #693179 !important
}

.btn-outline-slack .badge {
    background: #a12fa3;
    border-color: #a12fa3;
    color: #fff
}

.btn-outline-slack:hover .badge, .btn-outline-slack:focus:hover .badge, .btn-outline-slack:active .badge, .btn-outline-slack.active .badge, .show > .btn-outline-slack.dropdown-toggle .badge {
    background: #a12fa3;
    border-color: #a12fa3;
    color: #fff
}

.btn-text-slack {
    color: #a12fa3
}

.btn-text-slack.waves-effect .waves-ripple {
    background: radial-gradient(rgba(161, 47, 163, 0.2) 0, rgba(161, 47, 163, 0.3) 40%, rgba(161, 47, 163, 0.4) 50%, rgba(161, 47, 163, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-slack:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #363352;
    color: #a12fa3
}

.btn-text-slack:focus, .btn-text-slack.focus {
    color: #a12fa3;
    background: #3b3357
}

.btn-text-slack:active, .btn-text-slack.active, .btn-text-slack.show.dropdown-toggle, .show > .btn-text-slack.dropdown-toggle {
    color: #a12fa3 !important;
    background: #41325b !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-reddit {
    background-color: #ff4500 !important
}

a.bg-reddit:hover, a.bg-reddit:focus {
    background-color: #f24200 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #ff4500
}

.bg-label-reddit {
    background-color: #513642 !important;
    color: #ff4500 !important
}

.btn-reddit {
    color: #fff;
    background-color: #ff4500;
    border-color: #ff4500
}

.btn-reddit:hover {
    color: #fff !important;
    background-color: #e03d00 !important;
    border-color: #e03d00 !important
}

.btn-check:focus + .btn-reddit, .btn-reddit:focus, .btn-reddit.focus {
    color: #fff;
    background-color: #e03d00;
    border-color: #e03d00;
    box-shadow: none
}

.btn-check:checked + .btn-reddit, .btn-check:active + .btn-reddit, .btn-reddit:active, .btn-reddit.active, .btn-reddit.show.dropdown-toggle, .show > .btn-reddit.dropdown-toggle {
    color: #fff !important;
    background-color: #cc3700 !important;
    border-color: #cc3700 !important
}

.btn-check:checked + .btn-reddit:focus, .btn-check:active + .btn-reddit:focus, .btn-reddit:active:focus, .btn-reddit.active:focus, .btn-reddit.show.dropdown-toggle:focus, .show > .btn-reddit.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-reddit, .input-group .btn-reddit {
    border-right: 1px solid #cc3700;
    border-left: 1px solid #cc3700
}

.btn-label-reddit {
    color: #ff4500;
    border-color: #513642;
    background: #513642
}

.btn-label-reddit.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-reddit:hover {
    border-color: #62373b !important;
    background: #62373b !important;
    color: #ff4500 !important
}

.btn-label-reddit:focus, .btn-label-reddit.focus {
    color: #ff4500;
    background: #6a3838;
    border-color: #6a3838
}

.btn-label-reddit:active, .btn-label-reddit.active, .btn-label-reddit.show.dropdown-toggle, .show > .btn-label-reddit.dropdown-toggle {
    color: #ff4500 !important;
    background-color: #6e3837 !important;
    border-color: #6e3837 !important
}

.btn-group .btn-label-reddit, .input-group .btn-label-reddit {
    border-right: 1px solid #6e3837;
    border-left: 1px solid #6e3837
}

.btn-outline-reddit {
    color: #ff4500;
    border-color: #983c27;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-reddit.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-reddit:hover {
    color: #ff4500 !important;
    background-color: #4f3642 !important;
    border-color: #983c27 !important
}

.btn-check:focus + .btn-outline-reddit, .btn-outline-reddit:focus {
    color: #ff4500;
    background-color: #62373b;
    border-color: #983c27
}

.btn-check:checked + .btn-outline-reddit, .btn-check:active + .btn-outline-reddit, .btn-outline-reddit:active, .btn-outline-reddit.active, .btn-outline-reddit.dropdown-toggle.show {
    color: #ff4500 !important;
    background-color: #6a3838 !important;
    border-color: #983c27 !important
}

.btn-outline-reddit .badge {
    background: #ff4500;
    border-color: #ff4500;
    color: #fff
}

.btn-outline-reddit:hover .badge, .btn-outline-reddit:focus:hover .badge, .btn-outline-reddit:active .badge, .btn-outline-reddit.active .badge, .show > .btn-outline-reddit.dropdown-toggle .badge {
    background: #ff4500;
    border-color: #ff4500;
    color: #fff
}

.btn-text-reddit {
    color: #ff4500
}

.btn-text-reddit.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 69, 0, 0.2) 0, rgba(255, 69, 0, 0.3) 40%, rgba(255, 69, 0, 0.4) 50%, rgba(255, 69, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-reddit:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #3a344a;
    color: #ff4500
}

.btn-text-reddit:focus, .btn-text-reddit.focus {
    color: #ff4500;
    background: #453546
}

.btn-text-reddit:active, .btn-text-reddit.active, .btn-text-reddit.show.dropdown-toggle, .show > .btn-text-reddit.dropdown-toggle {
    color: #ff4500 !important;
    background: #4f3642 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-youtube {
    background-color: red !important
}

a.bg-youtube:hover, a.bg-youtube:focus {
    background-color: #f20000 !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: red
}

.bg-label-youtube {
    background-color: #512b42 !important;
    color: red !important
}

.btn-youtube {
    color: #fff;
    background-color: red;
    border-color: red
}

.btn-youtube:hover {
    color: #fff !important;
    background-color: #e00000 !important;
    border-color: #e00000 !important
}

.btn-check:focus + .btn-youtube, .btn-youtube:focus, .btn-youtube.focus {
    color: #fff;
    background-color: #e00000;
    border-color: #e00000;
    box-shadow: none
}

.btn-check:checked + .btn-youtube, .btn-check:active + .btn-youtube, .btn-youtube:active, .btn-youtube.active, .btn-youtube.show.dropdown-toggle, .show > .btn-youtube.dropdown-toggle {
    color: #fff !important;
    background-color: #c00 !important;
    border-color: #c00 !important
}

.btn-check:checked + .btn-youtube:focus, .btn-check:active + .btn-youtube:focus, .btn-youtube:active:focus, .btn-youtube.active:focus, .btn-youtube.show.dropdown-toggle:focus, .show > .btn-youtube.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-youtube, .input-group .btn-youtube {
    border-right: 1px solid #c00;
    border-left: 1px solid #c00
}

.btn-label-youtube {
    color: red;
    border-color: #512b42;
    background: #512b42
}

.btn-label-youtube.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-youtube:hover {
    border-color: #62273b !important;
    background: #62273b !important;
    color: red !important
}

.btn-label-youtube:focus, .btn-label-youtube.focus {
    color: red;
    background: #6a2538;
    border-color: #6a2538
}

.btn-label-youtube:active, .btn-label-youtube.active, .btn-label-youtube.show.dropdown-toggle, .show > .btn-label-youtube.dropdown-toggle {
    color: red !important;
    background-color: #6e2437 !important;
    border-color: #6e2437 !important
}

.btn-group .btn-label-youtube, .input-group .btn-label-youtube {
    border-right: 1px solid #6e2437;
    border-left: 1px solid #6e2437
}

.btn-outline-youtube {
    color: red;
    border-color: #981a27;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-youtube.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-youtube:hover {
    color: red !important;
    background-color: #4f2b42 !important;
    border-color: #981a27 !important
}

.btn-check:focus + .btn-outline-youtube, .btn-outline-youtube:focus {
    color: red;
    background-color: #62273b;
    border-color: #981a27
}

.btn-check:checked + .btn-outline-youtube, .btn-check:active + .btn-outline-youtube, .btn-outline-youtube:active, .btn-outline-youtube.active, .btn-outline-youtube.dropdown-toggle.show {
    color: red !important;
    background-color: #6a2538 !important;
    border-color: #981a27 !important
}

.btn-outline-youtube .badge {
    background: red;
    border-color: red;
    color: #fff
}

.btn-outline-youtube:hover .badge, .btn-outline-youtube:focus:hover .badge, .btn-outline-youtube:active .badge, .btn-outline-youtube.active .badge, .show > .btn-outline-youtube.dropdown-toggle .badge {
    background: red;
    border-color: red;
    color: #fff
}

.btn-text-youtube {
    color: red
}

.btn-text-youtube.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-youtube:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #3a304a;
    color: red
}

.btn-text-youtube:focus, .btn-text-youtube.focus {
    color: red;
    background: #452e46
}

.btn-text-youtube:active, .btn-text-youtube.active, .btn-text-youtube.show.dropdown-toggle, .show > .btn-text-youtube.dropdown-toggle {
    color: red !important;
    background: #4f2b42 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.bg-vimeo {
    background-color: #1ab7ea !important
}

a.bg-vimeo:hover, a.bg-vimeo:focus {
    background-color: #19aede !important
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
    background-color: #1ab7ea
}

.bg-label-vimeo {
    background-color: #2c4867 !important;
    color: #1ab7ea !important
}

.btn-vimeo {
    color: #fff;
    background-color: #1ab7ea;
    border-color: #1ab7ea
}

.btn-vimeo:hover {
    color: #fff !important;
    background-color: #17a1ce !important;
    border-color: #17a1ce !important
}

.btn-check:focus + .btn-vimeo, .btn-vimeo:focus, .btn-vimeo.focus {
    color: #fff;
    background-color: #17a1ce;
    border-color: #17a1ce;
    box-shadow: none
}

.btn-check:checked + .btn-vimeo, .btn-check:active + .btn-vimeo, .btn-vimeo:active, .btn-vimeo.active, .btn-vimeo.show.dropdown-toggle, .show > .btn-vimeo.dropdown-toggle {
    color: #fff !important;
    background-color: #1592bb !important;
    border-color: #1592bb !important
}

.btn-check:checked + .btn-vimeo:focus, .btn-check:active + .btn-vimeo:focus, .btn-vimeo:active:focus, .btn-vimeo.active:focus, .btn-vimeo.show.dropdown-toggle:focus, .show > .btn-vimeo.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-vimeo, .input-group .btn-vimeo {
    border-right: 1px solid #1592bb;
    border-left: 1px solid #1592bb
}

.btn-label-vimeo {
    color: #1ab7ea;
    border-color: #2c4867;
    background: #2c4867
}

.btn-label-vimeo.waves-effect .waves-ripple {
    background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-vimeo:hover {
    border-color: #2b5373 !important;
    background: #2b5373 !important;
    color: #1ab7ea !important
}

.btn-label-vimeo:focus, .btn-label-vimeo.focus {
    color: #1ab7ea;
    background: #2a587a;
    border-color: #2a587a
}

.btn-label-vimeo:active, .btn-label-vimeo.active, .btn-label-vimeo.show.dropdown-toggle, .show > .btn-label-vimeo.dropdown-toggle {
    color: #1ab7ea !important;
    background-color: #295b7d !important;
    border-color: #295b7d !important
}

.btn-group .btn-label-vimeo, .input-group .btn-label-vimeo {
    border-right: 1px solid #295b7d;
    border-left: 1px solid #295b7d
}

.btn-outline-vimeo {
    color: #1ab7ea;
    border-color: #25759c;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-vimeo.waves-effect .waves-ripple {
    background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-vimeo:hover {
    color: #1ab7ea !important;
    background-color: #2d4765 !important;
    border-color: #25759c !important
}

.btn-check:focus + .btn-outline-vimeo, .btn-outline-vimeo:focus {
    color: #1ab7ea;
    background-color: #2b5373;
    border-color: #25759c
}

.btn-check:checked + .btn-outline-vimeo, .btn-check:active + .btn-outline-vimeo, .btn-outline-vimeo:active, .btn-outline-vimeo.active, .btn-outline-vimeo.dropdown-toggle.show {
    color: #1ab7ea !important;
    background-color: #2a587a !important;
    border-color: #25759c !important
}

.btn-outline-vimeo .badge {
    background: #1ab7ea;
    border-color: #1ab7ea;
    color: #fff
}

.btn-outline-vimeo:hover .badge, .btn-outline-vimeo:focus:hover .badge, .btn-outline-vimeo:active .badge, .btn-outline-vimeo.active .badge, .show > .btn-outline-vimeo.dropdown-toggle .badge {
    background: #1ab7ea;
    border-color: #1ab7ea;
    color: #fff
}

.btn-text-vimeo {
    color: #1ab7ea
}

.btn-text-vimeo.waves-effect .waves-ripple {
    background: radial-gradient(rgba(26, 183, 234, 0.2) 0, rgba(26, 183, 234, 0.3) 40%, rgba(26, 183, 234, 0.4) 50%, rgba(26, 183, 234, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-text-vimeo:hover {
    border-color: rgba(0, 0, 0, 0);
    background: #2f3a56;
    color: #1ab7ea
}

.btn-text-vimeo:focus, .btn-text-vimeo.focus {
    color: #1ab7ea;
    background: #2e405e
}

.btn-text-vimeo:active, .btn-text-vimeo.active, .btn-text-vimeo.show.dropdown-toggle, .show > .btn-text-vimeo.dropdown-toggle {
    color: #1ab7ea !important;
    background: #2d4765 !important;
    border-color: rgba(0, 0, 0, 0) !important
}

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

.btn-white:hover {
    color: #141521 !important;
    background-color: #fff !important;
    border-color: #fff !important
}

.btn-check:focus + .btn-white, .btn-white:focus, .btn-white.focus {
    color: #141521;
    background-color: #fff;
    border-color: #fff;
    box-shadow: none
}

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

.btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .btn-white.show.dropdown-toggle:focus, .show > .btn-white.dropdown-toggle:focus {
    box-shadow: none
}

.btn-group .btn-white, .input-group .btn-white {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

.btn-label-white {
    color: #a0a1b8;
    border-color: #4f5269;
    background: #4f5269
}

.btn-label-white.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-label-white:hover {
    border-color: #c9cad1 !important;
    background: #c9cad1 !important;
    color: #fff !important
}

.btn-label-white:focus, .btn-label-white.focus {
    color: #fff;
    background: #e6e7ea;
    border-color: #e6e7ea
}

.btn-label-white:active, .btn-label-white.active, .btn-label-white.show.dropdown-toggle, .show > .btn-label-white.dropdown-toggle {
    color: #fff !important;
    background-color: #eaebed !important;
    border-color: #eaebed !important
}

.btn-group .btn-label-white, .input-group .btn-label-white {
    border-right: 1px solid #eaebed;
    border-left: 1px solid #eaebed
}

.btn-outline-white {
    color: #fff;
    border-color: #9899a7;
    background: rgba(0, 0, 0, 0)
}

.btn-outline-white.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%)
}

.btn-outline-white:hover {
    color: #fff !important;
    background-color: #51546a !important;
    border-color: #9899a7 !important
}

.btn-check:focus + .btn-outline-white, .btn-outline-white:focus {
    color: #fff;
    background-color: #64667a;
    border-color: #9899a7
}

.btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show {
    color: #fff !important;
    background-color: #6c6e81 !important;
    border-color: #9899a7 !important
}

.btn-outline-white .badge {
    background: #fff;
    border-color: #fff;
    color: #141521
}

.btn-outline-white:hover .badge, .btn-outline-white:focus:hover .badge, .btn-outline-white:active .badge, .btn-outline-white.active .badge, .show > .btn-outline-white.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #141521
}

.form-check-black .form-check-input:focus {
    border-color: #000
}

.form-check-black .form-check-input:active {
    border-color: #000
}

.form-check-black .form-check-input:hover::after {
    background: rgba(0, 0, 0, .1)
}

.form-check-black .form-check-input:checked {
    background-color: #000;
    border-color: #000
}

.form-check-black .form-check-input:checked::after {
    background: rgba(0, 0, 0, .15)
}

.form-check-black .form-check-input[type=checkbox]:indeterminate {
    background-color: #000;
    border-color: #000
}

.form-check-black.custom-option.checked {
    border: 2px solid #000;
    margin: 0
}

.form-check-white .form-check-input:focus {
    border-color: #fff
}

.form-check-white .form-check-input:active {
    border-color: #fff
}

.form-check-white .form-check-input:hover::after {
    background: rgba(255, 255, 255, .1)
}

.form-check-white .form-check-input:checked {
    background-color: #fff;
    border-color: #fff
}

.form-check-white .form-check-input:checked::after {
    background: rgba(255, 255, 255, .15)
}

.form-check-white .form-check-input[type=checkbox]:indeterminate {
    background-color: #fff;
    border-color: #fff
}

.form-check-white.custom-option.checked {
    border: 2px solid #fff;
    margin: 0
}

.form-check-silver .form-check-input:focus {
    border-color: #eee
}

.form-check-silver .form-check-input:active {
    border-color: #eee
}

.form-check-silver .form-check-input:hover::after {
    background: rgba(238, 238, 238, .1)
}

.form-check-silver .form-check-input:checked {
    background-color: #eee;
    border-color: #eee
}

.form-check-silver .form-check-input:checked::after {
    background: rgba(238, 238, 238, .15)
}

.form-check-silver .form-check-input[type=checkbox]:indeterminate {
    background-color: #eee;
    border-color: #eee
}

.form-check-silver.custom-option.checked {
    border: 2px solid #eee;
    margin: 0
}

.form-check-gray .form-check-input:focus {
    border-color: #777
}

.form-check-gray .form-check-input:active {
    border-color: #777
}

.form-check-gray .form-check-input:hover::after {
    background: rgba(119, 119, 119, .1)
}

.form-check-gray .form-check-input:checked {
    background-color: #777;
    border-color: #777
}

.form-check-gray .form-check-input:checked::after {
    background: rgba(119, 119, 119, .15)
}

.form-check-gray .form-check-input[type=checkbox]:indeterminate {
    background-color: #777;
    border-color: #777
}

.form-check-gray.custom-option.checked {
    border: 2px solid #777;
    margin: 0
}

.form-check-gold .form-check-input:focus {
    border-color: #ffeb3b
}

.form-check-gold .form-check-input:active {
    border-color: #ffeb3b
}

.form-check-gold .form-check-input:hover::after {
    background: rgba(255, 235, 59, .1)
}

.form-check-gold .form-check-input:checked {
    background-color: #ffeb3b;
    border-color: #ffeb3b
}

.form-check-gold .form-check-input:checked::after {
    background: rgba(255, 235, 59, .15)
}

.form-check-gold .form-check-input[type=checkbox]:indeterminate {
    background-color: #ffeb3b;
    border-color: #ffeb3b
}

.form-check-gold.custom-option.checked {
    border: 2px solid #ffeb3b;
    margin: 0
}

.form-check-pink .form-check-input:focus {
    border-color: #e91e63
}

.form-check-pink .form-check-input:active {
    border-color: #e91e63
}

.form-check-pink .form-check-input:hover::after {
    background: rgba(233, 30, 99, .1)
}

.form-check-pink .form-check-input:checked {
    background-color: #e91e63;
    border-color: #e91e63
}

.form-check-pink .form-check-input:checked::after {
    background: rgba(233, 30, 99, .15)
}

.form-check-pink .form-check-input[type=checkbox]:indeterminate {
    background-color: #e91e63;
    border-color: #e91e63
}

.form-check-pink.custom-option.checked {
    border: 2px solid #e91e63;
    margin: 0
}

.form-check-red .form-check-input:focus {
    border-color: #f44336
}

.form-check-red .form-check-input:active {
    border-color: #f44336
}

.form-check-red .form-check-input:hover::after {
    background: rgba(244, 67, 54, .1)
}

.form-check-red .form-check-input:checked {
    background-color: #f44336;
    border-color: #f44336
}

.form-check-red .form-check-input:checked::after {
    background: rgba(244, 67, 54, .15)
}

.form-check-red .form-check-input[type=checkbox]:indeterminate {
    background-color: #f44336;
    border-color: #f44336
}

.form-check-red.custom-option.checked {
    border: 2px solid #f44336;
    margin: 0
}

.navbar.bg-secondary {
    color: #e0e2e7
}

.layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar, .layout-horizontal .navbar.bg-secondary.layout-navbar {
    background-color: rgba(109, 120, 141, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-secondary.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #6d788d !important
}

[dir=rtl] .navbar.bg-secondary.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-secondary .navbar-brand, .navbar.bg-secondary .navbar-brand a {
    color: #fff
}

.navbar.bg-secondary .navbar-brand:hover, .navbar.bg-secondary .navbar-brand:focus, .navbar.bg-secondary .navbar-brand a:hover, .navbar.bg-secondary .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-secondary .navbar-search-wrapper .navbar-search-icon, .navbar.bg-secondary .navbar-search-wrapper .search-input {
    color: #e0e2e7
}

.navbar.bg-secondary .search-input-wrapper .search-input, .navbar.bg-secondary .search-input-wrapper .search-toggler {
    color: #e0e2e7;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-secondary .navbar-nav > .nav-link, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link, .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link {
    color: #e0e2e7
}

.navbar.bg-secondary .navbar-nav > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-link:focus, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #fff
}

.navbar.bg-secondary .navbar-nav > .nav-link.disabled, .navbar.bg-secondary .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-secondary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #b2b8c3 !important
}

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

.navbar.bg-secondary .navbar-toggler {
    color: #e0e2e7;
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-secondary .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-secondary .navbar-text {
    color: #e0e2e7
}

.navbar.bg-secondary .navbar-text a {
    color: #fff
}

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

.navbar.bg-secondary hr {
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-success {
    color: #ecfbe3
}

.layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar, .layout-horizontal .navbar.bg-success.layout-navbar {
    background-color: rgba(114, 225, 40, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-success.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-success.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-success.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #72e128 !important
}

[dir=rtl] .navbar.bg-success.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-success .navbar-brand, .navbar.bg-success .navbar-brand a {
    color: #fff
}

.navbar.bg-success .navbar-brand:hover, .navbar.bg-success .navbar-brand:focus, .navbar.bg-success .navbar-brand a:hover, .navbar.bg-success .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-success .navbar-search-wrapper .navbar-search-icon, .navbar.bg-success .navbar-search-wrapper .search-input {
    color: #ecfbe3
}

.navbar.bg-success .search-input-wrapper .search-input, .navbar.bg-success .search-input-wrapper .search-toggler {
    color: #ecfbe3;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-success .navbar-nav > .nav-link, .navbar.bg-success .navbar-nav > .nav-item > .nav-link, .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ecfbe3
}

.navbar.bg-success .navbar-nav > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-link:focus, .navbar.bg-success .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #fff
}

.navbar.bg-success .navbar-nav > .nav-link.disabled, .navbar.bg-success .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-success .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #bbf198 !important
}

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

.navbar.bg-success .navbar-toggler {
    color: #ecfbe3;
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-success .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-success .navbar-text {
    color: #ecfbe3
}

.navbar.bg-success .navbar-text a {
    color: #fff
}

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

.navbar.bg-success hr {
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-info {
    color: #ddf6fe
}

.layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar, .layout-horizontal .navbar.bg-info.layout-navbar {
    background-color: rgba(38, 198, 249, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-info.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-info.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-info.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #26c6f9 !important
}

[dir=rtl] .navbar.bg-info.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-info .navbar-brand, .navbar.bg-info .navbar-brand a {
    color: #fff
}

.navbar.bg-info .navbar-brand:hover, .navbar.bg-info .navbar-brand:focus, .navbar.bg-info .navbar-brand a:hover, .navbar.bg-info .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-info .navbar-search-wrapper .navbar-search-icon, .navbar.bg-info .navbar-search-wrapper .search-input {
    color: #ddf6fe
}

.navbar.bg-info .search-input-wrapper .search-input, .navbar.bg-info .search-input-wrapper .search-toggler {
    color: #ddf6fe;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-info .navbar-nav > .nav-link, .navbar.bg-info .navbar-nav > .nav-item > .nav-link, .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ddf6fe
}

.navbar.bg-info .navbar-nav > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-link:focus, .navbar.bg-info .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #fff
}

.navbar.bg-info .navbar-nav > .nav-link.disabled, .navbar.bg-info .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-info .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #94e3fc !important
}

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

.navbar.bg-info .navbar-toggler {
    color: #ddf6fe;
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-info .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-info .navbar-text {
    color: #ddf6fe
}

.navbar.bg-info .navbar-text a {
    color: #fff
}

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

.navbar.bg-info hr {
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-warning {
    color: #fff7e8
}

.layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar, .layout-horizontal .navbar.bg-warning.layout-navbar {
    background-color: rgba(253, 181, 40, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-warning.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-warning.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-warning.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #fdb528 !important
}

[dir=rtl] .navbar.bg-warning.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-warning .navbar-brand, .navbar.bg-warning .navbar-brand a {
    color: #fff
}

.navbar.bg-warning .navbar-brand:hover, .navbar.bg-warning .navbar-brand:focus, .navbar.bg-warning .navbar-brand a:hover, .navbar.bg-warning .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-warning .navbar-search-wrapper .navbar-search-icon, .navbar.bg-warning .navbar-search-wrapper .search-input {
    color: #fff7e8
}

.navbar.bg-warning .search-input-wrapper .search-input, .navbar.bg-warning .search-input-wrapper .search-toggler {
    color: #fff7e8;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-warning .navbar-nav > .nav-link, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link, .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link {
    color: #fff7e8
}

.navbar.bg-warning .navbar-nav > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-link:focus, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #fff
}

.navbar.bg-warning .navbar-nav > .nav-link.disabled, .navbar.bg-warning .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-warning .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #fedd9b !important
}

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

.navbar.bg-warning .navbar-toggler {
    color: #fff7e8;
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-warning .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-warning .navbar-text {
    color: #fff7e8
}

.navbar.bg-warning .navbar-text a {
    color: #fff
}

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

.navbar.bg-warning hr {
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-danger {
    color: #ffdcdb
}

.layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar, .layout-horizontal .navbar.bg-danger.layout-navbar {
    background-color: rgba(255, 77, 73, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-danger.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-danger.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-danger.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #ff4d49 !important
}

[dir=rtl] .navbar.bg-danger.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-danger .navbar-brand, .navbar.bg-danger .navbar-brand a {
    color: #fff
}

.navbar.bg-danger .navbar-brand:hover, .navbar.bg-danger .navbar-brand:focus, .navbar.bg-danger .navbar-brand a:hover, .navbar.bg-danger .navbar-brand a:focus {
    color: #fff
}

.navbar.bg-danger .navbar-search-wrapper .navbar-search-icon, .navbar.bg-danger .navbar-search-wrapper .search-input {
    color: #ffdcdb
}

.navbar.bg-danger .search-input-wrapper .search-input, .navbar.bg-danger .search-input-wrapper .search-toggler {
    color: #ffdcdb;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-danger .navbar-nav > .nav-link, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link, .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link {
    color: #ffdcdb
}

.navbar.bg-danger .navbar-nav > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-link:focus, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #fff
}

.navbar.bg-danger .navbar-nav > .nav-link.disabled, .navbar.bg-danger .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-danger .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #ffa3a1 !important
}

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

.navbar.bg-danger .navbar-toggler {
    color: #ffdcdb;
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-danger .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(255, 255, 255, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-danger .navbar-text {
    color: #ffdcdb
}

.navbar.bg-danger .navbar-text a {
    color: #fff
}

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

.navbar.bg-danger hr {
    border-color: rgba(255, 255, 255, .15)
}

.navbar.bg-dark {
    color: #565666
}

.layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar, .layout-horizontal .navbar.bg-dark.layout-navbar {
    background-color: rgba(215, 213, 236, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-dark.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-dark.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-dark.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #d7d5ec !important
}

[dir=rtl] .navbar.bg-dark.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-dark .navbar-brand, .navbar.bg-dark .navbar-brand a {
    color: #141521
}

.navbar.bg-dark .navbar-brand:hover, .navbar.bg-dark .navbar-brand:focus, .navbar.bg-dark .navbar-brand a:hover, .navbar.bg-dark .navbar-brand a:focus {
    color: #141521
}

.navbar.bg-dark .navbar-search-wrapper .navbar-search-icon, .navbar.bg-dark .navbar-search-wrapper .search-input {
    color: #565666
}

.navbar.bg-dark .search-input-wrapper .search-input, .navbar.bg-dark .search-input-wrapper .search-toggler {
    color: #565666;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-dark .navbar-nav > .nav-link, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link, .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link {
    color: #565666
}

.navbar.bg-dark .navbar-nav > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-link:focus, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #141521
}

.navbar.bg-dark .navbar-nav > .nav-link.disabled, .navbar.bg-dark .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-dark .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #8a899c !important
}

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

.navbar.bg-dark .navbar-toggler {
    color: #565666;
    border-color: rgba(20, 21, 33, .0826039216)
}

.navbar.bg-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(234, 234, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-dark .navbar-text {
    color: #565666
}

.navbar.bg-dark .navbar-text a {
    color: #141521
}

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

.navbar.bg-dark hr {
    border-color: rgba(20, 21, 33, .0826039216)
}

.navbar.bg-gray {
    color: #717279
}

.layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar, .layout-horizontal .navbar.bg-gray.layout-navbar {
    background-color: rgba(254, 254, 255, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-gray.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-gray.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-gray.layout-navbar .search-input-wrapper .search-toggler {
    background-color: rgba(234, 234, 255, .06) !important
}

[dir=rtl] .navbar.bg-gray.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-gray .navbar-brand, .navbar.bg-gray .navbar-brand a {
    color: #141521
}

.navbar.bg-gray .navbar-brand:hover, .navbar.bg-gray .navbar-brand:focus, .navbar.bg-gray .navbar-brand a:hover, .navbar.bg-gray .navbar-brand a:focus {
    color: #141521
}

.navbar.bg-gray .navbar-search-wrapper .navbar-search-icon, .navbar.bg-gray .navbar-search-wrapper .search-input {
    color: #717279
}

.navbar.bg-gray .search-input-wrapper .search-input, .navbar.bg-gray .search-input-wrapper .search-toggler {
    color: #717279;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-gray .navbar-nav > .nav-link, .navbar.bg-gray .navbar-nav > .nav-item > .nav-link, .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link {
    color: #717279
}

.navbar.bg-gray .navbar-nav > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-link:focus, .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #141521
}

.navbar.bg-gray .navbar-nav > .nav-link.disabled, .navbar.bg-gray .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-gray .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #a9aaaf !important
}

.navbar.bg-gray .navbar-nav .show > .nav-link, .navbar.bg-gray .navbar-nav .active > .nav-link, .navbar.bg-gray .navbar-nav .nav-link.show, .navbar.bg-gray .navbar-nav .nav-link.active {
    color: #141521
}

.navbar.bg-gray .navbar-toggler {
    color: #717279;
    border-color: rgba(20, 21, 33, .0751737255)
}

.navbar.bg-gray .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(234, 234, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-gray .navbar-text {
    color: #717279
}

.navbar.bg-gray .navbar-text a {
    color: #141521
}

.navbar.bg-gray .navbar-text a:hover, .navbar.bg-gray .navbar-text a:focus {
    color: #141521
}

.navbar.bg-gray hr {
    border-color: rgba(20, 21, 33, .0751737255)
}

.navbar.bg-white {
    color: #a6a6a6
}

.layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar, .layout-horizontal .navbar.bg-white.layout-navbar {
    background-color: rgba(255, 255, 255, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-white.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-white.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-white.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #fff !important
}

[dir=rtl] .navbar.bg-white.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-white .navbar-brand, .navbar.bg-white .navbar-brand a {
    color: #4e5155
}

.navbar.bg-white .navbar-brand:hover, .navbar.bg-white .navbar-brand:focus, .navbar.bg-white .navbar-brand a:hover, .navbar.bg-white .navbar-brand a:focus {
    color: #4e5155
}

.navbar.bg-white .navbar-search-wrapper .navbar-search-icon, .navbar.bg-white .navbar-search-wrapper .search-input {
    color: #a6a6a6
}

.navbar.bg-white .search-input-wrapper .search-input, .navbar.bg-white .search-input-wrapper .search-toggler {
    color: #a6a6a6;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-white .navbar-nav > .nav-link, .navbar.bg-white .navbar-nav > .nav-item > .nav-link, .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link {
    color: #a6a6a6
}

.navbar.bg-white .navbar-nav > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-link:focus, .navbar.bg-white .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #4e5155
}

.navbar.bg-white .navbar-nav > .nav-link.disabled, .navbar.bg-white .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-white .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #cacaca !important
}

.navbar.bg-white .navbar-nav .show > .nav-link, .navbar.bg-white .navbar-nav .active > .nav-link, .navbar.bg-white .navbar-nav .nav-link.show, .navbar.bg-white .navbar-nav .nav-link.active {
    color: #4e5155
}

.navbar.bg-white .navbar-toggler {
    color: #a6a6a6;
    border-color: rgba(78, 81, 85, .075)
}

.navbar.bg-white .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(234, 234, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-white .navbar-text {
    color: #a6a6a6
}

.navbar.bg-white .navbar-text a {
    color: #4e5155
}

.navbar.bg-white .navbar-text a:hover, .navbar.bg-white .navbar-text a:focus {
    color: #4e5155
}

.navbar.bg-white hr {
    border-color: rgba(78, 81, 85, .075)
}

.navbar.bg-light {
    color: #a0a1b8
}

.layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar, .layout-horizontal .navbar.bg-light.layout-navbar {
    background-color: rgba(70, 68, 91, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-light.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-light.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-light.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #46445b !important
}

[dir=rtl] .navbar.bg-light.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-light .navbar-brand, .navbar.bg-light .navbar-brand a {
    color: #d2d2e8
}

.navbar.bg-light .navbar-brand:hover, .navbar.bg-light .navbar-brand:focus, .navbar.bg-light .navbar-brand a:hover, .navbar.bg-light .navbar-brand a:focus {
    color: #d2d2e8
}

.navbar.bg-light .navbar-search-wrapper .navbar-search-icon, .navbar.bg-light .navbar-search-wrapper .search-input {
    color: #a0a1b8
}

.navbar.bg-light .search-input-wrapper .search-input, .navbar.bg-light .search-input-wrapper .search-toggler {
    color: #a0a1b8;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-light .navbar-nav > .nav-link, .navbar.bg-light .navbar-nav > .nav-item > .nav-link, .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link {
    color: #a0a1b8
}

.navbar.bg-light .navbar-nav > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-link:focus, .navbar.bg-light .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #d2d2e8
}

.navbar.bg-light .navbar-nav > .nav-link.disabled, .navbar.bg-light .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-light .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #7c7c93 !important
}

.navbar.bg-light .navbar-nav .show > .nav-link, .navbar.bg-light .navbar-nav .active > .nav-link, .navbar.bg-light .navbar-nav .nav-link.show, .navbar.bg-light .navbar-nav .nav-link.active {
    color: #d2d2e8
}

.navbar.bg-light .navbar-toggler {
    color: #a0a1b8;
    border-color: rgba(210, 210, 232, .15)
}

.navbar.bg-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(234, 234, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-light .navbar-text {
    color: #a0a1b8
}

.navbar.bg-light .navbar-text a {
    color: #d2d2e8
}

.navbar.bg-light .navbar-text a:hover, .navbar.bg-light .navbar-text a:focus {
    color: #d2d2e8
}

.navbar.bg-light hr {
    border-color: rgba(210, 210, 232, .15)
}

.navbar.bg-lighter {
    color: #a0a1b8
}

.layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar, .layout-horizontal .navbar.bg-lighter.layout-navbar {
    background-color: rgba(54, 56, 83, .9) !important
}

.layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-input, .layout-navbar-fixed .window-scrolled .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-toggler, .layout-horizontal .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-input, .layout-horizontal .navbar.bg-lighter.layout-navbar .search-input-wrapper .search-toggler {
    background-color: #363853 !important
}

[dir=rtl] .navbar.bg-lighter.layout-navbar .navbar-search-wrapper .search-toggler > i:before {
    transform: scaleX(-1) !important
}

.navbar.bg-lighter .navbar-brand, .navbar.bg-lighter .navbar-brand a {
    color: #d2d2e8
}

.navbar.bg-lighter .navbar-brand:hover, .navbar.bg-lighter .navbar-brand:focus, .navbar.bg-lighter .navbar-brand a:hover, .navbar.bg-lighter .navbar-brand a:focus {
    color: #d2d2e8
}

.navbar.bg-lighter .navbar-search-wrapper .navbar-search-icon, .navbar.bg-lighter .navbar-search-wrapper .search-input {
    color: #a0a1b8
}

.navbar.bg-lighter .search-input-wrapper .search-input, .navbar.bg-lighter .search-input-wrapper .search-toggler {
    color: #a0a1b8;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.navbar.bg-lighter .navbar-nav > .nav-link, .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link, .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link {
    color: #a0a1b8
}

.navbar.bg-lighter .navbar-nav > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-link:focus, .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link:focus, .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:hover, .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link:focus {
    color: #d2d2e8
}

.navbar.bg-lighter .navbar-nav > .nav-link.disabled, .navbar.bg-lighter .navbar-nav > .nav-item > .nav-link.disabled, .navbar.bg-lighter .navbar-nav > .nav > .nav-item > .nav-link.disabled {
    color: #767790 !important
}

.navbar.bg-lighter .navbar-nav .show > .nav-link, .navbar.bg-lighter .navbar-nav .active > .nav-link, .navbar.bg-lighter .navbar-nav .nav-link.show, .navbar.bg-lighter .navbar-nav .nav-link.active {
    color: #d2d2e8
}

.navbar.bg-lighter .navbar-toggler {
    color: #a0a1b8;
    border-color: rgba(210, 210, 232, .06)
}

.navbar.bg-lighter .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba(234, 234, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>")
}

.navbar.bg-lighter .navbar-text {
    color: #a0a1b8
}

.navbar.bg-lighter .navbar-text a {
    color: #d2d2e8
}

.navbar.bg-lighter .navbar-text a:hover, .navbar.bg-lighter .navbar-text a:focus {
    color: #d2d2e8
}

.navbar.bg-lighter hr {
    border-color: rgba(210, 210, 232, .06)
}

.footer.bg-secondary {
    color: #e0e2e7
}

.footer.bg-secondary .footer-link {
    color: #e0e2e7
}

.footer.bg-secondary .footer-link:hover, .footer.bg-secondary .footer-link:focus {
    color: #fff
}

.footer.bg-secondary .footer-link.disabled {
    color: #b2b8c3 !important
}

.footer.bg-secondary .footer-text {
    color: #fff
}

.footer.bg-secondary .show > .footer-link, .footer.bg-secondary .active > .footer-link, .footer.bg-secondary .footer-link.show, .footer.bg-secondary .footer-link.active {
    color: #fff
}

.footer.bg-secondary hr {
    border-color: rgba(255, 255, 255, .15)
}

.footer.bg-success {
    color: #ecfbe3
}

.footer.bg-success .footer-link {
    color: #ecfbe3
}

.footer.bg-success .footer-link:hover, .footer.bg-success .footer-link:focus {
    color: #fff
}

.footer.bg-success .footer-link.disabled {
    color: #bbf198 !important
}

.footer.bg-success .footer-text {
    color: #fff
}

.footer.bg-success .show > .footer-link, .footer.bg-success .active > .footer-link, .footer.bg-success .footer-link.show, .footer.bg-success .footer-link.active {
    color: #fff
}

.footer.bg-success hr {
    border-color: rgba(255, 255, 255, .15)
}

.footer.bg-info {
    color: #ddf6fe
}

.footer.bg-info .footer-link {
    color: #ddf6fe
}

.footer.bg-info .footer-link:hover, .footer.bg-info .footer-link:focus {
    color: #fff
}

.footer.bg-info .footer-link.disabled {
    color: #94e3fc !important
}

.footer.bg-info .footer-text {
    color: #fff
}

.footer.bg-info .show > .footer-link, .footer.bg-info .active > .footer-link, .footer.bg-info .footer-link.show, .footer.bg-info .footer-link.active {
    color: #fff
}

.footer.bg-info hr {
    border-color: rgba(255, 255, 255, .15)
}

.footer.bg-warning {
    color: #fff7e8
}

.footer.bg-warning .footer-link {
    color: #fff7e8
}

.footer.bg-warning .footer-link:hover, .footer.bg-warning .footer-link:focus {
    color: #fff
}

.footer.bg-warning .footer-link.disabled {
    color: #fedd9b !important
}

.footer.bg-warning .footer-text {
    color: #fff
}

.footer.bg-warning .show > .footer-link, .footer.bg-warning .active > .footer-link, .footer.bg-warning .footer-link.show, .footer.bg-warning .footer-link.active {
    color: #fff
}

.footer.bg-warning hr {
    border-color: rgba(255, 255, 255, .15)
}

.footer.bg-danger {
    color: #ffdcdb
}

.footer.bg-danger .footer-link {
    color: #ffdcdb
}

.footer.bg-danger .footer-link:hover, .footer.bg-danger .footer-link:focus {
    color: #fff
}

.footer.bg-danger .footer-link.disabled {
    color: #ffa3a1 !important
}

.footer.bg-danger .footer-text {
    color: #fff
}

.footer.bg-danger .show > .footer-link, .footer.bg-danger .active > .footer-link, .footer.bg-danger .footer-link.show, .footer.bg-danger .footer-link.active {
    color: #fff
}

.footer.bg-danger hr {
    border-color: rgba(255, 255, 255, .15)
}

.footer.bg-dark {
    color: #565666
}

.footer.bg-dark .footer-link {
    color: #565666
}

.footer.bg-dark .footer-link:hover, .footer.bg-dark .footer-link:focus {
    color: #141521
}

.footer.bg-dark .footer-link.disabled {
    color: #8a899c !important
}

.footer.bg-dark .footer-text {
    color: #141521
}

.footer.bg-dark .show > .footer-link, .footer.bg-dark .active > .footer-link, .footer.bg-dark .footer-link.show, .footer.bg-dark .footer-link.active {
    color: #141521
}

.footer.bg-dark hr {
    border-color: rgba(20, 21, 33, .0826039216)
}

.footer.bg-gray {
    color: #717279
}

.footer.bg-gray .footer-link {
    color: #717279
}

.footer.bg-gray .footer-link:hover, .footer.bg-gray .footer-link:focus {
    color: #141521
}

.footer.bg-gray .footer-link.disabled {
    color: #a9aaaf !important
}

.footer.bg-gray .footer-text {
    color: #141521
}

.footer.bg-gray .show > .footer-link, .footer.bg-gray .active > .footer-link, .footer.bg-gray .footer-link.show, .footer.bg-gray .footer-link.active {
    color: #141521
}

.footer.bg-gray hr {
    border-color: rgba(20, 21, 33, .0751737255)
}

.footer.bg-white {
    color: #a6a6a6
}

.footer.bg-white .footer-link {
    color: #a6a6a6
}

.footer.bg-white .footer-link:hover, .footer.bg-white .footer-link:focus {
    color: #4e5155
}

.footer.bg-white .footer-link.disabled {
    color: #cacaca !important
}

.footer.bg-white .footer-text {
    color: #4e5155
}

.footer.bg-white .show > .footer-link, .footer.bg-white .active > .footer-link, .footer.bg-white .footer-link.show, .footer.bg-white .footer-link.active {
    color: #4e5155
}

.footer.bg-white hr {
    border-color: rgba(78, 81, 85, .075)
}

.footer.bg-light {
    color: #a0a1b8
}

.footer.bg-light .footer-link {
    color: #a0a1b8
}

.footer.bg-light .footer-link:hover, .footer.bg-light .footer-link:focus {
    color: #d2d2e8
}

.footer.bg-light .footer-link.disabled {
    color: #7c7c93 !important
}

.footer.bg-light .footer-text {
    color: #d2d2e8
}

.footer.bg-light .show > .footer-link, .footer.bg-light .active > .footer-link, .footer.bg-light .footer-link.show, .footer.bg-light .footer-link.active {
    color: #d2d2e8
}

.footer.bg-light hr {
    border-color: rgba(210, 210, 232, .15)
}

.footer.bg-lighter {
    color: #a0a1b8
}

.footer.bg-lighter .footer-link {
    color: #a0a1b8
}

.footer.bg-lighter .footer-link:hover, .footer.bg-lighter .footer-link:focus {
    color: #d2d2e8
}

.footer.bg-lighter .footer-link.disabled {
    color: #767790 !important
}

.footer.bg-lighter .footer-text {
    color: #d2d2e8
}

.footer.bg-lighter .show > .footer-link, .footer.bg-lighter .active > .footer-link, .footer.bg-lighter .footer-link.show, .footer.bg-lighter .footer-link.active {
    color: #d2d2e8
}

.footer.bg-lighter hr {
    border-color: rgba(210, 210, 232, .06)
}

.app-brand-link img {
    max-width: 150px;
    max-height: 60px;
}

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

.dark-style table.table-bordered.dataTable th, .dark-style table.table-bordered.dataTable td {
    border-color: #d2d2e821 !important;
}

.management-hierarchy .person .name {
    background-color: #0f1014 !important;
    color: #f5f5f5 !important;
}

.filepond--root .filepond--drop-label {
    background: #22232c;
    color: #fff;
}

.note-toolbar {
    background-color: transparent;
    border-color: #0000003b;
}

.note-btn {
    color: #fff;
    background-color: #464963;
}

.note-frame {
    color: #fff;
    font-family: var(--primary-font), sans-serif;
}

.note-editor.note-frame {
    color: #fff;
}
.note-btn {
    color: #fff !important;
    background-color: #1e1d1d !important;
}
.note-toolbar {
    background-color: #000 !important;
    border-color: #333 !important;
}
.bg-primary-subtle {
    background-color: #d7e6172e !important;
}
.swal2-popup {
    background: #000 !important;
    border: 5px solid var(--primary) !important;
    border-radius: 3.3125em !important;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
    background-color: rgb(0, 0, 0) !important;
}

.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{
    background-color: rgb(0, 0, 0) !important;
}
.swal2-icon.swal2-success .swal2-success-fix{
    background-color: rgb(0, 0, 0) !important;
}
.swal2-content {
    color: #fff !important;
}
.swal2-styled.swal2-confirm {
    background-color: var(--primary) !important;
    color: #333 !important;
}
.swal2-title {
    color: var(--primary) !important;
}
.swal2-styled:focus {
    outline: 0;
    box-shadow: none !important;
}