/*!
 * Bootstrap v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #00cfe8;
    --bs-indigo: #6610f2;
    --bs-purple: #2e4ce5;
    --bs-pink: #d63384;
    --bs-red: #ea5455;
    --bs-orange: #ff9f43;
    --bs-yellow: #ffc107;
    --bs-green: #28c76f;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #b8c2cc;
    --bs-gray-dark: #1e1e1e;
    --bs-gray-100: #babfc7;
    --bs-gray-200: #ededed;
    --bs-gray-300: #dae1e7;
    --bs-gray-400: #636363;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #b8c2cc;
    --bs-gray-700: #4e5154;
    --bs-gray-800: #1e1e1e;
    --bs-gray-900: #2a2e30;
    --bs-primary: #2e4ce5;
    --bs-secondary: #82868b;
    --bs-success: #28c76f;
    --bs-info: #00cfe8;
    --bs-warning: #ff9f43;
    --bs-danger: #ea5455;
    --bs-light: #f6f6f6;
    --bs-dark: #4b4b4b;
    --bs-primary-rgb: 115,103,240;
    --bs-secondary-rgb: 130,134,139;
    --bs-success-rgb: 40,199,111;
    --bs-info-rgb: 0,207,232;
    --bs-warning-rgb: 255,159,67;
    --bs-danger-rgb: 234,84,85;
    --bs-light-rgb: 246,246,246;
    --bs-dark-rgb: 75,75,75;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 34,41,47;
    --bs-body-rgb: 110,107,123;
    --bs-font-sans-serif: "Roboto",sans-serif;
    --bs-font-monospace: "Roboto",sans-serif;
    --bs-gradient: linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.45;
    --bs-body-color: #6e6b7b;
    --bs-body-bg: #f8f8f8
}

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

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

body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(34,41,47,0);
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    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);
    margin: 0;
    text-align: var(--bs-body-text-align)
}

hr {
    background-color: currentColor;
    border: 0;
    color: #ebe9f1;
    margin: 1rem 0;
    opacity: 1
}

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

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    color: #5e5873;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1,h1 {
    font-size: calc(1.325rem + .9vw)
}

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

.h2,h2 {
    font-size: calc(1.2964rem + .5568vw)
}

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

.h3,h3 {
    font-size: calc(1.275rem + .3vw)
}

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

.h4,h4 {
    font-size: calc(1.2536rem + .0432vw)
}

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

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

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

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

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

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

ol,ul {
    padding-left: 2rem
}

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

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

dt {
    font-weight: 500
}

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

blockquote {
    margin: 0 0 1rem
}

b,strong {
    font-weight: 600
}

.small,small {
    font-size: .857rem
}

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

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #2e4ce5
}

a,a:hover {
    text-decoration: none
}

a:hover {
    color: #6d62e4
}

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

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

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

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

code {
    word-wrap: break-word;
    color: #d63384;
    font-size: 90%
}

a>code {
    color: inherit
}

kbd {
    background-color: #eee;
    border-radius: .25rem;
    color: #fff;
    font-size: 90%;
    padding: .2rem .4rem
}

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

figure {
    margin: 0 0 1rem
}

img,svg {
    vertical-align: middle
}

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

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

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

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

label {
    display: inline-block
}

button {
    border-radius: 0
}

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

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

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

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

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

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

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

textarea {
    resize: vertical
}

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

legend {
    float: left;
    font-size: calc(1.275rem + .3vw);
    line-height: inherit;
    margin-bottom: .5rem;
    padding: 0;
    width: 100%
}

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

legend+* {
    clear: left
}

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

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

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

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

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

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

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

output {
    display: inline-block
}

iframe {
    border: 0
}

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

progress {
    vertical-align: baseline
}

[hidden] {
    display: none!important
}

.lead {
    font-size: 1.14rem;
    font-weight: 400
}

.display-1 {
    font-size: calc(1.725rem + 5.7vw);
    font-weight: 400;
    line-height: 1.2
}

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

.display-2 {
    font-size: calc(1.675rem + 5.1vw);
    font-weight: 400;
    line-height: 1.2
}

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

.display-3 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 400;
    line-height: 1.2
}

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

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 400;
    line-height: 1.2
}

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

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 400;
    line-height: 1.2
}

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

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 400;
    line-height: 1.2
}

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

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

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

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

.initialism {
    font-size: .857rem;
    text-transform: uppercase
}

.blockquote {
    font-size: 1.25rem
}

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

.blockquote-footer {
    color: #b9b9c3;
    font-size: .857rem;
    margin-bottom: 0;
    margin-top: 0
}

.blockquote-footer:before {
    content: "\2014\00A0"
}

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

.img-thumbnail {
    background-color: #f8f8f8;
    border: 1px solid #dae1e7;
    border-radius: .357rem;
    padding: .25rem
}

.figure {
    display: inline-block
}

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

.figure-caption {
    color: #b8c2cc;
    font-size: .857rem
}

.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xs,.container-xxl {
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--bs-gutter-x,1rem);
    padding-right: var(--bs-gutter-x,1rem);
    width: 100%
}

.container {
    max-width: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.g-75,.gx-75 {
    --bs-gutter-x: 0.75rem
}

.g-75,.gy-75 {
    --bs-gutter-y: 0.75rem
}

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

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

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

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

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

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

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

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

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

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

@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.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-sm-75,.gx-sm-75 {
        --bs-gutter-x: 0.75rem
    }

    .g-sm-75,.gy-sm-75 {
        --bs-gutter-y: 0.75rem
    }

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

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

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

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

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

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

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

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

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

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

@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.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-md-75,.gx-md-75 {
        --bs-gutter-x: 0.75rem
    }

    .g-md-75,.gy-md-75 {
        --bs-gutter-y: 0.75rem
    }

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

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

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

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

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

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

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

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

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

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

@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.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-lg-75,.gx-lg-75 {
        --bs-gutter-x: 0.75rem
    }

    .g-lg-75,.gy-lg-75 {
        --bs-gutter-y: 0.75rem
    }

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

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

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

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

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

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

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

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

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

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

@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.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xl-75,.gx-xl-75 {
        --bs-gutter-x: 0.75rem
    }

    .g-xl-75,.gy-xl-75 {
        --bs-gutter-y: 0.75rem
    }

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1440px) {
    .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.33333%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .g-xxl-75,.gx-xxl-75 {
        --bs-gutter-x: 0.75rem
    }

    .g-xxl-75,.gy-xxl-75 {
        --bs-gutter-y: 0.75rem
    }

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

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

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

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

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

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

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

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

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

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

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #6e6b7b;
    --bs-table-striped-bg: #fafafc;
    --bs-table-active-color: #6e6b7b;
    --bs-table-active-bg: rgba(34,41,47,.1);
    --bs-table-hover-color: #6e6b7b;
    --bs-table-hover-bg: #f6f6f9;
    border-color: #ebe9f1;
    color: #6e6b7b;
    margin-bottom: 1rem;
    vertical-align: middle;
    width: 100%
}

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

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #ebe9f1
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .3rem .5rem
}

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

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

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

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

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

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

.table-primary {
    --bs-table-bg: #e3e1fc;
    --bs-table-striped-bg: #d9d8f2;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #d0cfe8;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #d5d3ed;
    --bs-table-hover-color: #22292f;
    border-color: #d0cfe8;
    color: #22292f
}

.table-secondary {
    --bs-table-bg: #e6e7e8;
    --bs-table-striped-bg: #dcdedf;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #d2d4d6;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #d7d9da;
    --bs-table-hover-color: #22292f;
    border-color: #d2d4d6;
    color: #22292f
}

.table-success {
    --bs-table-bg: #d4f4e2;
    --bs-table-striped-bg: #cbead9;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #c2e0d0;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #c7e5d5;
    --bs-table-hover-color: #22292f;
    border-color: #c2e0d0;
    color: #22292f
}

.table-info {
    --bs-table-bg: #ccf5fa;
    --bs-table-striped-bg: #c4ebf0;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #bbe1e6;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #bfe6eb;
    --bs-table-hover-color: #22292f;
    border-color: #bbe1e6;
    color: #22292f
}

.table-warning {
    --bs-table-bg: #ffecd9;
    --bs-table-striped-bg: #f4e2d1;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #e9d9c8;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #edc;
    --bs-table-hover-color: #22292f;
    border-color: #e9d9c8;
    color: #22292f
}

.table-danger {
    --bs-table-bg: #fbdddd;
    --bs-table-striped-bg: #f0d4d4;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #e5cbcc;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #ebd0d0;
    --bs-table-hover-color: #22292f;
    border-color: #e5cbcc;
    color: #22292f
}

.table-light {
    --bs-table-bg: #f6f6f6;
    --bs-table-striped-bg: #ebecec;
    --bs-table-striped-color: #22292f;
    --bs-table-active-bg: #e1e2e2;
    --bs-table-active-color: #22292f;
    --bs-table-hover-bg: #e6e7e7;
    --bs-table-hover-color: #22292f;
    border-color: #e1e2e2;
    color: #22292f
}

.table-dark {
    --bs-table-bg: #4b4b4b;
    --bs-table-striped-bg: #545454;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #5d5d5d;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #595959;
    --bs-table-hover-color: #fff;
    border-color: #5d5d5d;
    color: #fff
}

.table-responsive {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

@media (max-width: 1439.98px) {
    .table-responsive-xxl {
        -webkit-overflow-scrolling:touch;
        overflow-x: auto
    }
}

.form-label {
    color: #5e5873;
    font-size: .857rem;
    margin-bottom: .2857rem
}

.col-form-label {
    color: #5e5873;
    font-size: inherit;
    line-height: 1.45;
    margin-bottom: 0;
    padding-bottom: calc(.571rem + 1px);
    padding-top: calc(.571rem + 1px)
}

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

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

.form-text {
    color: #b9b9c3;
    font-size: .857rem;
    margin-top: .25rem
}

.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #d8d6de;
    border-radius: .357rem;
    color: #6e6b7b;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    padding: .571rem 1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

@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 {
    background-color: #fff;
    border-color: #2e4ce5;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1);
    color: #6e6b7b;
    outline: 0
}

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

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

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

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

.form-control::file-selector-button {
    background-color: #fff;
    border: 0 solid;
    border-color: inherit;
    border-inline-end-width:1px;border-radius: 0;
    color: #6e6b7b;
    margin: -.571rem -1rem;
    margin-inline-end:1rem;padding: .571rem 1rem;
    pointer-events: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background 0s,border 0s
}

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

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

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

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

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

.form-control-plaintext {
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
    color: #6e6b7b;
    display: block;
    line-height: 1.45;
    margin-bottom: 0;
    padding: .571rem 0;
    width: 100%
}

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

.form-control-sm {
    border-radius: .357rem;
    font-size: .857rem;
    min-height: 2.142rem;
    padding: .188rem .857rem
}

.form-control-sm::file-selector-button {
    margin: -.188rem -.857rem;
    margin-inline-end:.857rem;padding: .188rem .857rem
}

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

.form-control-lg {
    border-radius: .357rem;
    font-size: 1.143rem;
    min-height: 3.2857rem;
    padding: .75rem 1.143rem
}

.form-control-lg::file-selector-button {
    margin: -.75rem -1.143rem;
    margin-inline-end:1.143rem;padding: .75rem 1.143rem
}

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

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

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

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

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

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

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

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

.form-select {
    -moz-padding-start: calc(1rem - 3px);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 15px 14px;
    border: 1px solid #d8d6de;
    border-radius: .357rem;
    color: #6e6b7b;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    padding: .571rem 1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

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

.form-select:focus {
    border-color: #2e4ce5;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1);
    outline: 0
}

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

.form-select:disabled {
    background-color: #efefef
}

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

.form-select-sm {
    font-size: .857rem;
    padding-bottom: .188rem;
    padding-left: .857rem;
    padding-top: .188rem
}

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

.form-check {
    display: block;
    margin-bottom: 0;
    min-height: 1.45rem;
    padding-left: 1.785rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.785rem
}

.form-check-input {
    color-adjust: exact;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #d8d6de;
    height: 1.285rem;
    margin-top: .0825rem;
    -webkit-print-color-adjust: exact;
    vertical-align: top;
    width: 1.285rem
}

.form-check-input[type=checkbox] {
    border-radius: 3px
}

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

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

.form-check-input:focus {
    border-color: #2e4ce5;
    box-shadow: 0 2px 4px 0 rgba(115,103,240,.4);
    outline: 0
}

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

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 7.5'%3e%3cpolyline points='0.75 4.35 4.18 6.75 8.75 0.75' style='fill:none;stroke:%23fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: none
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #2e4ce5;
    background-image: url("data:image/svg+xml;charset=utf8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3e%3cline x1='5' y1='12' x2='19' y2='12'%3e%3c/line%3e%3c/svg%3e");
    border-color: #2e4ce5
}

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

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label {
    opacity: .65
}

.form-check-label {
    cursor: pointer
}

.form-switch {
    padding-left: 3.5rem
}

.form-switch .form-check-input {
    background-image: url("data:image/svg+xml,%3csvg width='26px' height='26px' viewBox='0 0 26 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3ccircle id='path-1' cx='8' cy='8' r='8'%3e%3c/circle%3e%3cfilter x='-40.6%' y='-21.9%' width='168.8%' height='168.8%' filterUnits='objectBoundingBox' id='filter-2'%3e%3cfeOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='switches-dot' transform='translate%285.000000, 5.000000%29' fill-rule='nonzero'%3e%3cg id='Oval'%3e%3cuse fill='black' fill-opacity='1' filter='url%28%23filter-2%29' xlink:href='%23path-1'%3e%3c/use%3e%3cuse fill='%23fff' xlink:href='%23path-1'%3e%3c/use%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
    background-position: 0;
    border-radius: 3rem;
    margin-left: -3.5rem;
    transition: background-position .15s ease-in-out,background-color .1s ease;
    width: 3rem
}

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

.form-switch .form-check-input:checked,.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg width='26px' height='26px' viewBox='0 0 26 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3ccircle id='path-1' cx='8' cy='8' r='8'%3e%3c/circle%3e%3cfilter x='-40.6%' y='-21.9%' width='168.8%' height='168.8%' filterUnits='objectBoundingBox' id='filter-2'%3e%3cfeOffset dx='-1' dy='2' in='SourceAlpha' result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur stdDeviation='1.5' in='shadowOffsetOuter1' result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix values='0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0' type='matrix' in='shadowBlurOuter1'%3e%3c/feColorMatrix%3e%3c/filter%3e%3c/defs%3e%3cg id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='switches-dot' transform='translate%285.000000, 5.000000%29' fill-rule='nonzero'%3e%3cg id='Oval'%3e%3cuse fill='black' fill-opacity='1' filter='url%28%23filter-2%29' xlink:href='%23path-1'%3e%3c/use%3e%3cuse fill='%23fff' xlink:href='%23path-1'%3e%3c/use%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: 100%
}

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

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

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

.form-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    height: 1.5rem;
    padding: 0;
    width: 100%
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #f8f8f8,0 3px 10px 0 rgba(34,41,47,.1)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #f8f8f8,0 3px 10px 0 rgba(34,41,47,.1)
}

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

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

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

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

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

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

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

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

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

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

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

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

.form-floating {
    position: relative
}

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

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

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

.form-floating>.form-control {
    padding: .571rem 1rem
}

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

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

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

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

.form-floating>.form-control:-webkit-autofill {
    padding-bottom: .571rem;
    padding-top: .571rem
}

.form-floating>.form-select {
    padding-bottom: .571rem;
    padding-top: .571rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
    opacity: .9;
    transform: scale(.85) translateY(-2.25rem) translateX(-.85rem)
}

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

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

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

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

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

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

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

.input-group-text {
    align-items: center;
    background-color: #fff;
    border: 1px solid #d8d6de;
    border-radius: .357rem;
    color: #6e6b7b;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.45;
    padding: .571rem 1rem;
    text-align: center;
    white-space: nowrap
}

.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text {
    border-radius: .357rem;
    font-size: 1.143rem;
    padding: .75rem 1.143rem
}

.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text {
    border-radius: .357rem;
    font-size: .857rem;
    padding: .188rem .857rem
}

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

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

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

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

.valid-tooltip {
    background-color: #28c76f;
    border-radius: .358rem;
    color: #fff;
    display: none;
    font-size: .857rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .4rem .775rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

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

.form-control.is-valid,.was-validated .form-control:valid {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328c76f' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right calc(.3625em + .2855rem) center;
    background-repeat: no-repeat;
    background-size: calc(.725em + .571rem) calc(.725em + .571rem);
    border-color: #28c76f;
    padding-right: calc(1.45em + 1.142rem)
}

.form-control.is-valid:focus,.was-validated .form-control:valid:focus {
    border-color: #28c76f;
    box-shadow: 0 0 0 .25rem rgba(40,199,111,.25)
}

.was-validated textarea.form-control:valid,textarea.form-control.is-valid {
    background-position: top calc(.3625em + .2855rem) right calc(.3625em + .2855rem);
    padding-right: calc(1.45em + 1.142rem)
}

.form-select.is-valid,.was-validated .form-select:valid {
    border-color: #28c76f
}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%2328c76f' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
    background-position: right 1rem center,center right 1rem;
    background-size: 15px 14px,calc(.725em + .571rem) calc(.725em + .571rem);
    padding-right: 3.5rem
}

.form-select.is-valid:focus,.was-validated .form-select:valid:focus {
    border-color: #28c76f;
    box-shadow: 0 0 0 .25rem rgba(40,199,111,.25)
}

.form-check-input.is-valid,.was-validated .form-check-input:valid {
    border-color: #28c76f
}

.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {
    background-color: #28c76f
}

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

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label {
    color: #28c76f
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid {
    z-index: 1
}

.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus {
    z-index: 3
}

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

.invalid-tooltip {
    background-color: #ea5455;
    border-radius: .358rem;
    color: #fff;
    display: none;
    font-size: .857rem;
    margin-top: .1rem;
    max-width: 100%;
    padding: .4rem .775rem;
    position: absolute;
    top: 100%;
    z-index: 5
}

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

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

.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus {
    border-color: #ea5455;
    box-shadow: 0 0 0 .25rem rgba(234,84,85,.25)
}

.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid {
    background-position: top calc(.3625em + .2855rem) right calc(.3625em + .2855rem);
    padding-right: calc(1.45em + 1.142rem)
}

.form-select.is-invalid,.was-validated .form-select:invalid {
    border-color: #ea5455
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ea5455'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23ea5455' stroke='none'/%3E%3C/svg%3E");
    background-position: right 1rem center,center right 1rem;
    background-size: 15px 14px,calc(.725em + .571rem) calc(.725em + .571rem);
    padding-right: 3.5rem
}

.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus {
    border-color: #ea5455;
    box-shadow: 0 0 0 .25rem rgba(234,84,85,.25)
}

.form-check-input.is-invalid,.was-validated .form-check-input:invalid {
    border-color: #ea5455
}

.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked {
    background-color: #ea5455
}

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

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label {
    color: #ea5455
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid {
    z-index: 2
}

.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus {
    z-index: 3
}

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

.btn:hover {
    color: #6e6b7b
}

.btn-check:focus+.btn,.btn:focus {
    box-shadow: 0 0 0 .25rem rgba(115,103,240,.25);
    outline: 0
}

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

.btn-primary {
    background-color: #2e4ce5;
    border-color: #2e4ce5;
    color: #fff
}

.btn-check:focus+.btn-primary,.btn-primary:focus,.btn-primary:hover {
    background-color: #6258cc;
    border-color: #5c52c0;
    color: #fff
}

.btn-check:focus+.btn-primary,.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(136,126,242,.5)
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle {
    background-color: #5c52c0;
    border-color: #564db4;
    color: #fff
}

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

.btn-primary.disabled,.btn-primary:disabled {
    background-color: #2e4ce5;
    border-color: #2e4ce5;
    color: #fff
}

.btn-secondary {
    background-color: #82868b;
    border-color: #82868b;
    color: #fff
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus,.btn-secondary:hover {
    background-color: #6f7276;
    border-color: #686b6f;
    color: #fff
}

.btn-check:focus+.btn-secondary,.btn-secondary:focus {
    box-shadow: 0 0 0 .25rem hsla(214,3%,60%,.5)
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle {
    background-color: #686b6f;
    border-color: #626568;
    color: #fff
}

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

.btn-secondary.disabled,.btn-secondary:disabled {
    background-color: #82868b;
    border-color: #82868b;
    color: #fff
}

.btn-success {
    background-color: #28c76f;
    border-color: #28c76f;
    color: #22292f
}

.btn-check:focus+.btn-success,.btn-success:focus,.btn-success:hover {
    background-color: #48cf85;
    border-color: #3ecd7d;
    color: #22292f
}

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

.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle {
    background-color: #53d28c;
    border-color: #3ecd7d;
    color: #22292f
}

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

.btn-success.disabled,.btn-success:disabled {
    background-color: #28c76f;
    border-color: #28c76f;
    color: #22292f
}

.btn-info {
    background-color: #00cfe8;
    border-color: #00cfe8;
    color: #22292f
}

.btn-check:focus+.btn-info,.btn-info:focus,.btn-info:hover {
    background-color: #26d6eb;
    border-color: #1ad4ea;
    color: #22292f
}

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

.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle {
    background-color: #33d9ed;
    border-color: #1ad4ea;
    color: #22292f
}

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

.btn-info.disabled,.btn-info:disabled {
    background-color: #00cfe8;
    border-color: #00cfe8;
    color: #22292f
}

.btn-warning {
    background-color: #ff9f43;
    border-color: #ff9f43;
    color: #22292f
}

.btn-check:focus+.btn-warning,.btn-warning:focus,.btn-warning:hover {
    background-color: #ffad5f;
    border-color: #ffa956;
    color: #22292f
}

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

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle {
    background-color: #ffb269;
    border-color: #ffa956;
    color: #22292f
}

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

.btn-warning.disabled,.btn-warning:disabled {
    background-color: #ff9f43;
    border-color: #ff9f43;
    color: #22292f
}

.btn-danger {
    background-color: #ea5455;
    border-color: #ea5455;
    color: #fff
}

.btn-check:focus+.btn-danger,.btn-danger:focus,.btn-danger:hover {
    background-color: #c74748;
    border-color: #bb4344;
    color: #fff
}

.btn-check:focus+.btn-danger,.btn-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(237,110,111,.5)
}

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

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

.btn-danger.disabled,.btn-danger:disabled {
    background-color: #ea5455;
    border-color: #ea5455;
    color: #fff
}

.btn-light {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #22292f
}

.btn-check:focus+.btn-light,.btn-light:focus,.btn-light:hover {
    background-color: #f7f7f7;
    border-color: #f7f7f7;
    color: #22292f
}

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

.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle {
    background-color: #f8f8f8;
    border-color: #f7f7f7;
    color: #22292f
}

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

.btn-light.disabled,.btn-light:disabled {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #22292f
}

.btn-dark {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    color: #fff
}

.btn-check:focus+.btn-dark,.btn-dark:focus,.btn-dark:hover {
    background-color: #404040;
    border-color: #3c3c3c;
    color: #fff
}

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

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle {
    background-color: #3c3c3c;
    border-color: #383838;
    color: #fff
}

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

.btn-dark.disabled,.btn-dark:disabled {
    background-color: #4b4b4b;
    border-color: #4b4b4b;
    color: #fff
}

.btn-outline-primary {
    border-color: #2e4ce5;
    color: #2e4ce5
}

.btn-outline-primary:hover {
    background-color: #2e4ce5;
    border-color: #2e4ce5;
    color: #fff
}

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

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

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

.btn-outline-primary.disabled,.btn-outline-primary:disabled {
    background-color: transparent;
    color: #2e4ce5
}

.btn-outline-secondary {
    border-color: #82868b;
    color: #82868b
}

.btn-outline-secondary:hover {
    background-color: #82868b;
    border-color: #82868b;
    color: #fff
}

.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem hsla(213,4%,53%,.5)
}

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

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

.btn-outline-secondary.disabled,.btn-outline-secondary:disabled {
    background-color: transparent;
    color: #82868b
}

.btn-outline-success {
    border-color: #28c76f;
    color: #28c76f
}

.btn-outline-success:hover {
    background-color: #28c76f;
    border-color: #28c76f;
    color: #22292f
}

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

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active {
    background-color: #28c76f;
    border-color: #28c76f;
    color: #22292f
}

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

.btn-outline-success.disabled,.btn-outline-success:disabled {
    background-color: transparent;
    color: #28c76f
}

.btn-outline-info {
    border-color: #00cfe8;
    color: #00cfe8
}

.btn-outline-info:hover {
    background-color: #00cfe8;
    border-color: #00cfe8;
    color: #22292f
}

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

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active {
    background-color: #00cfe8;
    border-color: #00cfe8;
    color: #22292f
}

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

.btn-outline-info.disabled,.btn-outline-info:disabled {
    background-color: transparent;
    color: #00cfe8
}

.btn-outline-warning {
    border-color: #ff9f43;
    color: #ff9f43
}

.btn-outline-warning:hover {
    background-color: #ff9f43;
    border-color: #ff9f43;
    color: #22292f
}

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

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

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

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

.btn-outline-danger {
    border-color: #ea5455;
    color: #ea5455
}

.btn-outline-danger:hover {
    background-color: #ea5455;
    border-color: #ea5455;
    color: #fff
}

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

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

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

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

.btn-outline-light {
    border-color: #f6f6f6;
    color: #f6f6f6
}

.btn-outline-light:hover {
    background-color: #f6f6f6;
    border-color: #f6f6f6;
    color: #22292f
}

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

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

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

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

.btn-outline-dark {
    border-color: #4b4b4b;
    color: #4b4b4b
}

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

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

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

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

.btn-outline-dark.disabled,.btn-outline-dark:disabled {
    background-color: transparent;
    color: #4b4b4b
}

.btn-link {
    color: #2e4ce5;
    font-weight: 400;
    text-decoration: none
}

.btn-link:hover {
    color: #6d62e4
}

.btn-link:focus,.btn-link:hover {
    text-decoration: none
}

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

.btn-group-lg>.btn,.btn-lg {
    border-radius: .358rem;
    font-size: 1.25rem;
    padding: .8rem 2rem
}

.btn-group-sm>.btn,.btn-sm {
    border-radius: .358rem;
    font-size: .9rem;
    padding: .486rem 1rem
}

.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 {
    height: auto;
    transition: width .35s ease;
    width: 0
}

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

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

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle:after {
    border-bottom: 0;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: .3em solid;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropup .dropdown-toggle:after {
    border-bottom: .3em solid;
    border-left: .3em solid transparent;
    border-right: .3em solid transparent;
    border-top: 0;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

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

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

.dropend .dropdown-toggle:after {
    border-bottom: .3em solid transparent;
    border-left: .3em solid;
    border-right: 0;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em
}

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

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

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

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

.dropstart .dropdown-toggle:before {
    border-bottom: .3em solid transparent;
    border-right: .3em solid;
    border-top: .3em solid transparent;
    content: "";
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em
}

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

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

.dropdown-divider {
    border-top: 1px solid rgba(34,41,47,.08);
    height: 0;
    margin: .5rem 0;
    overflow: hidden
}

.dropdown-item {
    background-color: transparent;
    border: 0;
    clear: both;
    color: #6e6b7b;
    display: block;
    font-weight: 400;
    padding: .65rem 1.28rem;
    text-align: inherit;
    white-space: nowrap;
    width: 100%
}

.dropdown-item:focus,.dropdown-item:hover {
    background-color: #2e4ce5;
    color: #fff
}

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

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

.dropdown-menu.show {
    display: block
}

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

.dropdown-item-text {
    color: #6e6b7b;
    display: block;
    padding: .65rem 1.28rem
}

.dropdown-menu-dark {
    background-color: #1e1e1e;
    border-color: rgba(34,41,47,.05);
    color: #dae1e7
}

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

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

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

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

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(34,41,47,.08)
}

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

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nav-link {
    color: #2e4ce5;
    display: block;
    padding: .358rem .5rem;
    transition: none
}

.nav-link:focus,.nav-link:hover {
    color: #6d62e4
}

.nav-link.disabled {
    color: #b9b9c3;
    cursor: default;
    pointer-events: none
}

.nav-tabs {
    border-bottom: 0 solid #dae1e7
}

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

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

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

.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active {
    background-color: transparent;
    border-color: #dae1e7 #dae1e7 transparent;
    color: #2e4ce5
}

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

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

.nav-pills .nav-link.active,.nav-pills .show>.nav-link {
    background-color: #2e4ce5;
    color: #fff
}

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

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

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

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

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

.navbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: .5rem;
    padding-top: .5rem;
    position: relative
}

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

.navbar-brand {
    font-size: calc(1.325rem + .9vw);
    margin-right: 1rem;
    padding-bottom: -.367rem;
    padding-top: -.367rem;
    white-space: nowrap
}

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

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

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

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

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

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

.navbar-toggler {
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .358rem;
    font-size: calc(1.325rem + .9vw);
    line-height: 1;
    padding: .25rem .75rem;
    transition: box-shadow .15s ease-in-out
}

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

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

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

.navbar-toggler:focus {
    box-shadow: 0 0 0 .25rem;
    outline: 0;
    text-decoration: none
}

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

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

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

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

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

    .navbar-expand-sm .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }

    .navbar-expand-sm .offcanvas-bottom,.navbar-expand-sm .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto
    }

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

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

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

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

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

    .navbar-expand-md .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }

    .navbar-expand-md .offcanvas-bottom,.navbar-expand-md .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto
    }

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

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

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

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

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

    .navbar-expand-lg .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }

    .navbar-expand-lg .offcanvas-bottom,.navbar-expand-lg .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto
    }

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

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

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

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

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

    .navbar-expand-xl .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }

    .navbar-expand-xl .offcanvas-bottom,.navbar-expand-xl .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto
    }

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

@media (min-width: 1440px) {
    .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-left: .5rem;
        padding-right: .5rem
    }

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

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

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

    .navbar-expand-xxl .offcanvas {
        background-color: transparent;
        border-left: 0;
        border-right: 0;
        bottom: 0;
        flex-grow: 1;
        position: inherit;
        transform: none;
        transition: none;
        visibility: visible!important;
        z-index: 1000
    }

    .navbar-expand-xxl .offcanvas-bottom,.navbar-expand-xxl .offcanvas-top {
        border-bottom: 0;
        border-top: 0;
        height: auto
    }

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

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

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

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

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

.navbar-expand .offcanvas {
    background-color: transparent;
    border-left: 0;
    border-right: 0;
    bottom: 0;
    flex-grow: 1;
    position: inherit;
    transform: none;
    transition: none;
    visibility: visible!important;
    z-index: 1000
}

.navbar-expand .offcanvas-bottom,.navbar-expand .offcanvas-top {
    border-bottom: 0;
    border-top: 0;
    height: auto
}

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

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

.navbar-light .navbar-nav .nav-link {
    color: rgba(34,41,47,.55)
}

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

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

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

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

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(34, 41, 47, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-light .navbar-text {
    color: rgba(34,41,47,.55)
}

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

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

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

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

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

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

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

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

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

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

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

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

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

.card>.list-group:first-child {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-top-width: 0
}

.card>.list-group:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-width: 0
}

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

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

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

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

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

.card-link+.card-link {
    margin-left: 1.5rem
}

.card-header {
    background-color: transparent;
    border-bottom: 0 solid rgba(34,41,47,.125);
    margin-bottom: 0;
    padding: 1.5rem
}

.card-header:first-child {
    border-radius: 16px 16px 0 0
}

.card-footer {
    background-color: transparent;
    border-top: 0 solid rgba(34,41,47,.125);
    padding: 1.5rem
}

.card-footer:last-child {
    border-radius: 0 0 16px 16px
}

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

.card-header-tabs .nav-link.active {
    background-color: #fff;
    border-bottom-color: #fff
}

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

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

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

.card-img,.card-img-top {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.card-img,.card-img-bottom {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

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

@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 {
        border-left: 0;
        margin-left: 0
    }

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

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

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

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

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

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

.accordion-button {
    align-items: center;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    color: #6e6b7b;
    display: flex;
    font-size: 1rem;
    overflow-anchor: none;
    padding: 1rem;
    position: relative;
    text-align: left;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background 0s,border 0s,border-radius .15s ease;
    width: 100%
}

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

.accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: inset 0 0 0 rgba(34,41,47,.125);
    color: #6e6b7b
}

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

.accordion-button:after,.accordion-button:not(.collapsed):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")
}

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

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

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

.accordion-button:focus {
    border-color: #2e4ce5;
    box-shadow: none;
    outline: 0;
    z-index: 3
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 0 solid rgba(34,41,47,.125)
}

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

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

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

.accordion-body {
    padding: 1rem
}

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

.accordion-flush .accordion-item {
    border-left: 0;
    border-radius: 0;
    border-right: 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,.breadcrumb {
    border-radius: 0
}

.breadcrumb {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    list-style: none;
    margin-bottom: 0;
    padding: .3rem 0
}

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

.breadcrumb-item+.breadcrumb-item:before {
    color: #6e6b7b;
    content: var(--bs-breadcrumb-divider,"/");
    float: left;
    padding-right: .6rem
}

.breadcrumb-item.active {
    color: #6e6b7b
}

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

.page-link {
    background-color: #f3f2f7;
    border: 0 solid #dae1e7;
    color: #6e6b7b;
    display: block;
    position: relative;
    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 {
    background-color: #f3f2f7;
    border-color: #dae1e7;
    color: #2e4ce5;
    z-index: 2
}

.page-link:focus {
    background-color: #f3f2f7;
    box-shadow: 0 0 0 .25rem rgba(115,103,240,.25);
    color: inherit;
    outline: 0;
    z-index: 3
}

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

.page-item.active .page-link {
    background-color: #2e4ce5!important;
    border-color: #2e4ce5;
    color: #2e4ce5;
    z-index: 3
}

.page-item.disabled .page-link {
    background-color: #f3f2f7;
    border-color: #dae1e7;
    color: #b9b9c3;
    pointer-events: none
}

.page-link {
    padding: .5rem .85rem
}

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

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

.pagination-lg .page-link {
    font-size: calc(1.325rem + .9vw);
    padding: .5575rem 1rem
}

@media (min-width: 1200px) {
    .pagination-lg .page-link {
        font-size:2rem
    }
}

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

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

.pagination-sm .page-link {
    font-size: 1rem;
    padding: .443rem .745rem
}

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

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

.badge {
    border-radius: .358rem;
    color: #fff;
    display: inline-block;
    font-size: 85%;
    font-weight: 600;
    line-height: 1;
    padding: .3rem .5rem;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

.badge:empty {
    display: none
}

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

.alert {
    border: 0 solid transparent;
    border-radius: .358rem;
    margin-bottom: 1rem;
    padding: .71rem 1rem;
    position: relative
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

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

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

.alert-primary {
    background-color: #e3e1fc;
    border-color: #d5d1fb;
    color: #453e90
}

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

.alert-secondary {
    background-color: #e6e7e8;
    border-color: #dadbdc;
    color: #4e5053
}

.alert-secondary .alert-link {
    color: #3e4042
}

.alert-success {
    background-color: #d4f4e2;
    border-color: #bfeed4;
    color: #187743
}

.alert-success .alert-link {
    color: #135f36
}

.alert-info {
    background-color: #ccf5fa;
    border-color: #b3f1f8;
    color: #007c8b
}

.alert-info .alert-link {
    color: #00636f
}

.alert-warning {
    background-color: #ffecd9;
    border-color: #ffe2c7;
    color: #995f28
}

.alert-warning .alert-link {
    color: #7a4c20
}

.alert-danger {
    background-color: #fbdddd;
    border-color: #f9cccc;
    color: #8c3233
}

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

.alert-light {
    background-color: #fdfdfd;
    border-color: #fcfcfc;
    color: #777b7f
}

.alert-light .alert-link {
    color: #5f6266
}

.alert-dark {
    background-color: #dbdbdb;
    border-color: #c9c9c9;
    color: #2d2d2d
}

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

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

.progress {
    background-color: rgba(115,103,240,.12);
    border-radius: 5rem;
    font-size: .857rem;
    height: .857rem
}

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

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

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

.progress-bar-striped {
    background-image: linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);
    background-size: .857rem .857rem
}

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

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

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

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

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

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

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

.list-group-item-action:active {
    background-color: #2e4ce5;
    color: #fff
}

.list-group-item {
    background-color: #fff;
    border: 1px solid rgba(34,41,47,.125);
    color: #6e6b7b;
    display: block;
    padding: .75rem 1.25rem;
    position: relative
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.list-group-item-primary {
    background-color: #e3e1fc;
    color: #453e90
}

.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover {
    background-color: #cccbe3;
    color: #453e90
}

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

.list-group-item-secondary {
    background-color: #e6e7e8;
    color: #4e5053
}

.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover {
    background-color: #cfd0d1;
    color: #4e5053
}

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

.list-group-item-success {
    background-color: #d4f4e2;
    color: #187743
}

.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover {
    background-color: #bfdccb;
    color: #187743
}

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

.list-group-item-info {
    background-color: #ccf5fa;
    color: #007c8b
}

.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover {
    background-color: #b8dde1;
    color: #007c8b
}

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

.list-group-item-warning {
    background-color: #ffecd9;
    color: #995f28
}

.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover {
    background-color: #e6d4c3;
    color: #995f28
}

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

.list-group-item-danger {
    background-color: #fbdddd;
    color: #8c3233
}

.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover {
    background-color: #e2c7c7;
    color: #8c3233
}

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

.list-group-item-light {
    background-color: #fdfdfd;
    color: #777b7f
}

.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover {
    background-color: #e4e4e4;
    color: #777b7f
}

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

.list-group-item-dark {
    background-color: #dbdbdb;
    color: #2d2d2d
}

.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover {
    background-color: #c5c5c5;
    color: #2d2d2d
}

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

.btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 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") 50%/.75rem auto no-repeat;
    border: 0;
    border-radius: .357rem;
    box-sizing: content-box;
    color: currentColor;
    height: .75rem;
    opacity: 1;
    padding: .25em;
    width: .75rem
}

.btn-close:hover {
    color: currentColor;
    text-decoration: none
}

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

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

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

.toast {
    background-clip: padding-box;
    background-color: hsla(0,0%,100%,.85);
    border: 0 solid rgba(0,0,0,.1);
    border-radius: .286rem;
    box-shadow: 0 2px 20px 0 rgba(34,41,47,.08);
    color: #6e6b7b;
    font-size: .857rem;
    max-width: 100%;
    pointer-events: auto;
    width: 380px
}

.toast.showing {
    opacity: 0
}

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

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

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

.toast-header {
    align-items: center;
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 0 solid rgba(0,0,0,.05);
    border-top-left-radius: .286rem;
    border-top-right-radius: .286rem;
    color: #6e6b7b;
    display: flex;
    padding: .5rem 1.14rem
}

.toast-header .btn-close {
    margin-left: 1.14rem;
    margin-right: -.57rem
}

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

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

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

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

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

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

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

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    align-items: center;
    display: flex;
    min-height: calc(100% - 1rem)
}

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

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

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    align-items: center;
    border-bottom: 0 solid #ebe9f1;
    border-top-left-radius: .357rem;
    border-top-right-radius: .357rem;
    display: flex;
    flex-shrink: 0;
    justify-content: space-between;
    padding: .8rem 1.4rem
}

.modal-header .btn-close {
    margin: -.4rem -.7rem -.4rem auto;
    padding: .4rem .7rem
}

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

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

.modal-footer {
    align-items: center;
    border-bottom-left-radius: .357rem;
    border-bottom-right-radius: .357rem;
    border-top: 1px solid rgba(34,41,47,.05);
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: .8rem 1.15rem
}

.modal-footer>* {
    margin: .25rem
}

@media (min-width: 576px) {
    .modal-dialog {
        margin:1.75rem auto;
        max-width: 500px
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 400px
    }
}

@media (min-width: 992px) {
    .modal-lg,.modal-xl {
        max-width:800px
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width:94%
    }
}

.modal-fullscreen {
    height: 100%;
    margin: 0;
    max-width: none;
    width: 100vw
}

.modal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    height: 100%
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-sm-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-md-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-lg-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media (max-width: 1439.98px) {
    .modal-fullscreen-xxl-down {
        height:100%;
        margin: 0;
        max-width: none;
        width: 100vw
    }

    .modal-fullscreen-xxl-down .modal-content {
        border: 0;
        border-radius: 0;
        height: 100%
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    word-wrap: break-word;
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: .857rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.45;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1080
}

.tooltip.show {
    opacity: 1
}

.tooltip .tooltip-arrow {
    display: block;
    height: .4rem;
    position: absolute;
    width: .8rem
}

.tooltip .tooltip-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,.bs-tooltip-top .tooltip-arrow:before {
    border-top-color: #fff;
    border-width: .4rem .4rem 0;
    top: -1px
}

.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow {
    height: .8rem;
    left: 0;
    width: .4rem
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,.bs-tooltip-end .tooltip-arrow:before {
    border-right-color: #fff;
    border-width: .4rem .4rem .4rem 0;
    right: -1px
}

.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom {
    padding: .4rem 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow {
    top: 0
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,.bs-tooltip-bottom .tooltip-arrow:before {
    border-bottom-color: #fff;
    border-width: 0 .4rem .4rem;
    bottom: -1px
}

.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start {
    padding: 0 .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow {
    height: .8rem;
    right: 0;
    width: .4rem
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,.bs-tooltip-start .tooltip-arrow:before {
    border-left-color: #fff;
    border-width: .4rem 0 .4rem .4rem;
    left: -1px
}

.tooltip-inner {
    border-radius: 6px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03);
    color: #fff;
    color: #5e5873;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    max-width: 267px;
    padding: 10px
}

.popover,.tooltip-inner {
    background-color: #fff;
    font-style: normal;
    text-align: left
}

.popover {
    word-wrap: break-word;
    background-clip: padding-box;
    border: 0 solid #ebe9f1;
    border-radius: .358rem;
    display: block;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    left: 0;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.45;
    max-width: 276px;
    position: absolute;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    top: 0;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070
}

.popover .popover-arrow {
    display: block;
    height: .5rem;
    position: absolute;
    width: 1rem
}

.popover .popover-arrow:after,.popover .popover-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    display: block;
    position: absolute
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow {
    bottom: -.5rem
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,.bs-popover-top>.popover-arrow:before {
    border-top-color: #ebe9f1;
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,.bs-popover-top>.popover-arrow:after {
    border-top-color: #fff;
    border-width: .5rem .5rem 0;
    bottom: 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow {
    height: 1rem;
    left: -.5rem;
    width: .5rem
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,.bs-popover-end>.popover-arrow:before {
    border-right-color: #ebe9f1;
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,.bs-popover-end>.popover-arrow:after {
    border-right-color: #fff;
    border-width: .5rem .5rem .5rem 0;
    left: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow {
    top: -.5rem
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,.bs-popover-bottom>.popover-arrow:before {
    border-bottom-color: #ebe9f1;
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,.bs-popover-bottom>.popover-arrow:after {
    border-bottom-color: #fff;
    border-width: 0 .5rem .5rem;
    top: 0
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,.bs-popover-bottom .popover-header:before {
    border-bottom: 0 solid #2e4ce5;
    content: "";
    display: block;
    left: 50%;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    width: 1rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow {
    height: 1rem;
    right: -.5rem;
    width: .5rem
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,.bs-popover-start>.popover-arrow:before {
    border-left-color: #ebe9f1;
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,.bs-popover-start>.popover-arrow:after {
    border-left-color: #fff;
    border-width: .5rem 0 .5rem .5rem;
    right: 0
}

.popover-header {
    background-color: #2e4ce5;
    border-bottom: 0 solid #ebe9f1;
    border-top-left-radius: .358rem;
    border-top-right-radius: .358rem;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 0;
    padding: .65rem 1.21rem
}

.popover-header:empty {
    display: none
}

.popover-body {
    color: #6e6b7b;
    padding: 1rem
}

.carousel {
    position: relative
}

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

.carousel-inner {
    overflow: hidden;
    position: relative;
    width: 100%
}

.carousel-inner:after {
    clear: both;
    content: "";
    display: block
}

.carousel-item {
    backface-visibility: hidden;
    display: none;
    float: left;
    margin-right: -100%;
    position: relative;
    transition: transform .6s ease-in-out;
    width: 100%
}

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

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

.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start) {
    transform: translateX(100%)
}

.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transform: none;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active {
    opacity: 1;
    z-index: 1
}

.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
    opacity: 0;
    transition: opacity 0s .6s;
    z-index: 0
}

@media (prefers-reduced-motion:reduce) {
    .carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start {
        transition: none
    }
}

.carousel-control-next,.carousel-control-prev {
    align-items: center;
    background: none;
    border: 0;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    opacity: .5;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity .15s ease;
    width: 15%;
    z-index: 1
}

@media (prefers-reduced-motion:reduce) {
    .carousel-control-next,.carousel-control-prev {
        transition: none
    }
}

.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
    color: #fff;
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    height: 1.43rem;
    width: 1.43rem
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.carousel-indicators {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    list-style: none;
    margin-bottom: 1rem;
    margin-left: 15%;
    margin-right: 15%;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 2
}

.carousel-indicators [data-bs-target] {
    background-clip: padding-box;
    background-color: #fff;
    border: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    box-sizing: content-box;
    cursor: pointer;
    flex: 0 1 auto;
    height: 3px;
    margin-left: 3px;
    margin-right: 3px;
    opacity: .5;
    padding: 0;
    text-indent: -999px;
    transition: opacity .6s ease;
    width: 30px
}

@media (prefers-reduced-motion:reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    bottom: 1.25rem;
    color: #fff;
    left: 15%;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: absolute;
    right: 15%;
    text-align: center
}

.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #22292f
}

.carousel-dark .carousel-caption {
    color: #22292f
}

@keyframes spinner-border {
    to {
        transform: rotate(1turn)
    }
}

.spinner-border {
    animation: spinner-border .75s linear infinite;
    border: .25em solid;
    border-radius: 50%;
    border-right: .25em solid transparent;
    display: inline-block;
    height: 2rem;
    vertical-align: -.125em;
    width: 2rem
}

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

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    animation: spinner-grow .75s linear infinite;
    background-color: currentColor;
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    opacity: 0;
    vertical-align: -.125em;
    width: 2rem
}

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

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    background-clip: padding-box;
    background-color: #fff;
    bottom: 0;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    outline: 0;
    position: fixed;
    transition: transform .3s ease-in-out;
    visibility: hidden;
    z-index: 1045
}

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

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

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: .8rem 1.4rem
}

.offcanvas-header .btn-close {
    margin-bottom: -.4rem;
    margin-right: -.7rem;
    margin-top: -.4rem;
    padding: .4rem .7rem
}

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

.offcanvas-body {
    flex-grow: 1;
    overflow-y: auto;
    padding: .8rem 1.4rem
}

.offcanvas-start {
    border-right: 0 solid rgba(34,41,47,.2);
    left: 0;
    top: 0;
    transform: translateX(-100%);
    width: 320px
}

.offcanvas-end {
    border-left: 0 solid rgba(34,41,47,.2);
    right: 0;
    top: 0;
    transform: translateX(100%);
    width: 320px
}

.offcanvas-top {
    border-bottom: 0 solid rgba(34,41,47,.2);
    top: 0;
    transform: translateY(-100%)
}

.offcanvas-bottom,.offcanvas-top {
    height: 30vh;
    left: 0;
    max-height: 100%;
    right: 0
}

.offcanvas-bottom {
    border-top: 0 solid rgba(34,41,47,.2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    background-color: currentColor;
    cursor: wait;
    display: inline-block;
    min-height: 1em;
    opacity: .5;
    vertical-align: middle
}

.placeholder.btn:before {
    content: "";
    display: inline-block
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    animation: placeholder-wave 2s linear infinite;
    -webkit-mask-image: linear-gradient(130deg,#22292f 55%,rgba(0,0,0,.8) 75%,#22292f 95%);
    mask-image: linear-gradient(130deg,#22292f 55%,rgba(0,0,0,.8) 75%,#22292f 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%
}

@keyframes placeholder-wave {
    to {
        -webkit-mask-position: -200% 0;
        mask-position: -200% 0
    }
}

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

.link-primary {
    color: #2e4ce5
}

.link-primary:focus,.link-primary:hover {
    color: #6d62e4
}

.link-secondary {
    color: #82868b
}

.link-secondary:focus,.link-secondary:hover {
    color: #7c7f84
}

.link-success {
    color: #28c76f
}

.link-success:focus,.link-success:hover {
    color: #33ca76
}

.link-info {
    color: #00cfe8
}

.link-info:focus,.link-info:hover {
    color: #0dd1e9
}

.link-warning {
    color: #ff9f43
}

.link-warning:focus,.link-warning:hover {
    color: #ffa44c
}

.link-danger {
    color: #ea5455
}

.link-danger:focus,.link-danger:hover {
    color: #de5051
}

.link-light,.link-light:focus,.link-light:hover {
    color: #f6f6f6
}

.link-dark {
    color: #4b4b4b
}

.link-dark:focus,.link-dark:hover {
    color: #474747
}

.ratio {
    position: relative;
    width: 100%
}

.ratio:before {
    content: "";
    display: block;
    padding-top: var(--bs-aspect-ratio)
}

.ratio>* {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.85714%
}

.fixed-top {
    top: 0
}

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

.fixed-bottom {
    bottom: 0
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media (min-width: 576px) {
    .sticky-sm-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 768px) {
    .sticky-md-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 992px) {
    .sticky-lg-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

@media (min-width: 1440px) {
    .sticky-xxl-top {
        position:sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    align-items: center;
    flex-direction: row
}

.hstack,.vstack {
    align-self: stretch;
    display: flex
}

.vstack {
    flex: 1 1 auto;
    flex-direction: column
}

.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) {
    clip: rect(0,0,0,0)!important;
    border: 0!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important
}

.stretched-link:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

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

.vr {
    align-self: stretch;
    background-color: currentColor;
    display: inline-block;
    min-height: 1em;
    opacity: 1;
    width: 1px
}

.align-baseline {
    vertical-align: baseline!important
}

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

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

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

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

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

.float-start {
    float: left!important
}

.float-end {
    float: right!important
}

.float-none {
    float: none!important
}

.opacity-0 {
    opacity: 0!important
}

.opacity-25 {
    opacity: .25!important
}

.opacity-50 {
    opacity: .5!important
}

.opacity-75 {
    opacity: .75!important
}

.opacity-100 {
    opacity: 1!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.overflow-visible {
    overflow: visible!important
}

.overflow-scroll {
    overflow: scroll!important
}

.d-inline {
    display: inline!important
}

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

.d-block {
    display: block!important
}

.d-grid {
    display: grid!important
}

.d-table {
    display: table!important
}

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

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

.d-flex {
    display: flex!important
}

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

.d-none {
    display: none!important
}

.shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1)!important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(34,41,47,.075)!important
}

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

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

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.top-0 {
    top: 0!important
}

.top-50 {
    top: 50%!important
}

.top-100 {
    top: 100%!important
}

.bottom-0 {
    bottom: 0!important
}

.bottom-50 {
    bottom: 50%!important
}

.bottom-100 {
    bottom: 100%!important
}

.start-0 {
    left: 0!important
}

.start-50 {
    left: 50%!important
}

.start-100 {
    left: 100%!important
}

.end-0 {
    right: 0!important
}

.end-50 {
    right: 50%!important
}

.end-100 {
    right: 100%!important
}

.translate-middle {
    transform: translate(-50%,-50%)!important
}

.translate-middle-x {
    transform: translateX(-50%)!important
}

.translate-middle-y {
    transform: translateY(-50%)!important
}

.border {
    border: 1px solid #ebe9f1!important
}

.border-0 {
    border: 0!important
}

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

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

.border-end {
    border-right: 1px solid #ebe9f1!important
}

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

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

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

.border-start {
    border-left: 1px solid #ebe9f1!important
}

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

.border-primary {
    border-color: #2e4ce5!important
}

.border-secondary {
    border-color: #82868b!important
}

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

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

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

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

.border-light {
    border-color: #f6f6f6!important
}

.border-dark {
    border-color: #4b4b4b!important
}

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

.border-1 {
    border-width: 1px!important
}

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

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

.border-4 {
    border-width: 4px!important
}

.border-5 {
    border-width: 5px!important
}

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

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

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

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

.w-auto {
    width: auto!important
}

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

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

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

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

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

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

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

.h-auto {
    height: auto!important
}

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

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

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

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

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

.flex-column {
    flex-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-25 {
    gap: .25rem!important
}

.gap-50 {
    gap: .5rem!important
}

.gap-75 {
    gap: .75rem!important
}

.gap-1 {
    gap: 1rem!important
}

.gap-2 {
    gap: 1.5rem!important
}

.gap-3 {
    gap: 3rem!important
}

.gap-4 {
    gap: 3.5rem!important
}

.gap-5 {
    gap: 4rem!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-25 {
    margin: .25rem!important
}

.m-50 {
    margin: .5rem!important
}

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

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

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

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

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

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

.m-auto {
    margin: auto!important
}

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

.mx-25 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.mx-50 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.mx-75 {
    margin-left: .75rem!important;
    margin-right: .75rem!important
}

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

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

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

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

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

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

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

.my-25 {
    margin-bottom: .25rem!important;
    margin-top: .25rem!important
}

.my-50 {
    margin-bottom: .5rem!important;
    margin-top: .5rem!important
}

.my-75 {
    margin-bottom: .75rem!important;
    margin-top: .75rem!important
}

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

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

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

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

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

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

.mt-0 {
    margin-top: 0!important
}

.mt-25 {
    margin-top: .25rem!important
}

.mt-50 {
    margin-top: .5rem!important
}

.mt-75 {
    margin-top: .75rem!important
}

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

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

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

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

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

.mt-auto {
    margin-top: auto!important
}

.me-0 {
    margin-right: 0!important
}

.me-25 {
    margin-right: .25rem!important
}

.me-50 {
    margin-right: .5rem!important
}

.me-75 {
    margin-right: .75rem!important
}

.me-1 {
    margin-right: 1rem!important
}

.me-2 {
    margin-right: 1.5rem!important
}

.me-3 {
    margin-right: 3rem!important
}

.me-4 {
    margin-right: 3.5rem!important
}

.me-5 {
    margin-right: 4rem!important
}

.me-auto {
    margin-right: auto!important
}

.mb-0 {
    margin-bottom: 0!important
}

.mb-25 {
    margin-bottom: .25rem!important
}

.mb-50 {
    margin-bottom: .5rem!important
}

.mb-75 {
    margin-bottom: .75rem!important
}

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

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

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

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

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

.mb-auto {
    margin-bottom: auto!important
}

.ms-0 {
    margin-left: 0!important
}

.ms-25 {
    margin-left: .25rem!important
}

.ms-50 {
    margin-left: .5rem!important
}

.ms-75 {
    margin-left: .75rem!important
}

.ms-1 {
    margin-left: 1rem!important
}

.ms-2 {
    margin-left: 1.5rem!important
}

.ms-3 {
    margin-left: 3rem!important
}

.ms-4 {
    margin-left: 3.5rem!important
}

.ms-5 {
    margin-left: 4rem!important
}

.ms-auto {
    margin-left: auto!important
}

.p-0 {
    padding: 0!important
}

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

.p-50 {
    padding: .5rem!important
}

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

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

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

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

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

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

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

.px-25 {
    padding-left: .25rem!important;
    padding-right: .25rem!important
}

.px-50 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.px-75 {
    padding-left: .75rem!important;
    padding-right: .75rem!important
}

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

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

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

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

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

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

.py-25 {
    padding-bottom: .25rem!important;
    padding-top: .25rem!important
}

.py-50 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important
}

.py-75 {
    padding-bottom: .75rem!important;
    padding-top: .75rem!important
}

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

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

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

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

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

.pt-0 {
    padding-top: 0!important
}

.pt-25 {
    padding-top: .25rem!important
}

.pt-50 {
    padding-top: .5rem!important
}

.pt-75 {
    padding-top: .75rem!important
}

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

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

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

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

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

.pe-0 {
    padding-right: 0!important
}

.pe-25 {
    padding-right: .25rem!important
}

.pe-50 {
    padding-right: .5rem!important
}

.pe-75 {
    padding-right: .75rem!important
}

.pe-1 {
    padding-right: 1rem!important
}

.pe-2 {
    padding-right: 1.5rem!important
}

.pe-3 {
    padding-right: 3rem!important
}

.pe-4 {
    padding-right: 3.5rem!important
}

.pe-5 {
    padding-right: 4rem!important
}

.pb-0 {
    padding-bottom: 0!important
}

.pb-25 {
    padding-bottom: .25rem!important
}

.pb-50 {
    padding-bottom: .5rem!important
}

.pb-75 {
    padding-bottom: .75rem!important
}

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

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

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

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

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

.ps-0 {
    padding-left: 0!important
}

.ps-25 {
    padding-left: .25rem!important
}

.ps-50 {
    padding-left: .5rem!important
}

.ps-75 {
    padding-left: .75rem!important
}

.ps-1 {
    padding-left: 1rem!important
}

.ps-2 {
    padding-left: 1.5rem!important
}

.ps-3 {
    padding-left: 3rem!important
}

.ps-4 {
    padding-left: 3.5rem!important
}

.ps-5 {
    padding-left: 4rem!important
}

.font-monospace {
    font-family: var(--bs-font-monospace)!important
}

.fs-1 {
    font-size: calc(1.325rem + .9vw)!important
}

.fs-2 {
    font-size: calc(1.2964rem + .5568vw)!important
}

.fs-3 {
    font-size: calc(1.275rem + .3vw)!important
}

.fs-4 {
    font-size: calc(1.2536rem + .0432vw)!important
}

.fs-5 {
    font-size: 1.07rem!important
}

.fs-6 {
    font-size: 1rem!important
}

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

.fst-normal {
    font-style: normal!important
}

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

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

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

.fw-bold {
    font-weight: 500!important
}

.fw-bolder {
    font-weight: 600!important
}

.lh-1,.lh-sm {
    line-height: 1!important
}

.lh-base {
    line-height: 1.45!important
}

.lh-lg {
    line-height: 1.25!important
}

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

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

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

.text-decoration-none {
    text-decoration: none!important
}

.text-decoration-underline {
    text-decoration: underline!important
}

.text-decoration-line-through {
    text-decoration: line-through!important
}

.text-lowercase {
    text-transform: lowercase!important
}

.text-uppercase {
    text-transform: uppercase!important
}

.text-capitalize {
    text-transform: capitalize!important
}

.text-wrap {
    white-space: normal!important
}

.text-nowrap {
    white-space: nowrap!important
}

.text-break {
    word-wrap: break-word!important;
    word-break: break-word!important
}

.text-primary {
    --bs-text-opacity: 1;
    color: #2e4ce5!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: rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-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: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-rgb),var(--bs-text-opacity))!important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #b9b9c3!important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(34,41,47,.5)!important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: hsla(0,0%,100%,.5)!important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit!important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(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-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: rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-rgb),var(--bs-bg-opacity))!important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: transparent!important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient)!important
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.pe-none {
    pointer-events: none!important
}

.pe-auto {
    pointer-events: auto!important
}

.rounded {
    border-radius: .357rem!important
}

.rounded-0 {
    border-radius: 0!important
}

.rounded-1 {
    border-radius: .25rem!important
}

.rounded-2 {
    border-radius: .357rem!important
}

.rounded-3 {
    border-radius: .6rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-pill {
    border-radius: 50rem!important
}

.rounded-top {
    border-top-left-radius: .357rem!important
}

.rounded-end,.rounded-top {
    border-top-right-radius: .357rem!important
}

.rounded-bottom,.rounded-end {
    border-bottom-right-radius: .357rem!important
}

.rounded-bottom,.rounded-start {
    border-bottom-left-radius: .357rem!important
}

.rounded-start {
    border-top-left-radius: .357rem!important
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

@media (min-width: 576px) {
    .float-sm-start {
        float:left!important
    }

    .float-sm-end {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-grid {
        display: grid!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }

    .d-sm-none {
        display: none!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-row {
        flex-direction: row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-sm-0 {
        gap: 0!important
    }

    .gap-sm-25 {
        gap: .25rem!important
    }

    .gap-sm-50 {
        gap: .5rem!important
    }

    .gap-sm-75 {
        gap: .75rem!important
    }

    .gap-sm-1 {
        gap: 1rem!important
    }

    .gap-sm-2 {
        gap: 1.5rem!important
    }

    .gap-sm-3 {
        gap: 3rem!important
    }

    .gap-sm-4 {
        gap: 3.5rem!important
    }

    .gap-sm-5 {
        gap: 4rem!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-25 {
        margin: .25rem!important
    }

    .m-sm-50 {
        margin: .5rem!important
    }

    .m-sm-75 {
        margin: .75rem!important
    }

    .m-sm-1 {
        margin: 1rem!important
    }

    .m-sm-2 {
        margin: 1.5rem!important
    }

    .m-sm-3 {
        margin: 3rem!important
    }

    .m-sm-4 {
        margin: 3.5rem!important
    }

    .m-sm-5 {
        margin: 4rem!important
    }

    .m-sm-auto {
        margin: auto!important
    }

    .mx-sm-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-sm-25 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-sm-50 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-sm-75 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .mx-sm-1 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-sm-2 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-sm-3 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-sm-4 {
        margin-left: 3.5rem!important;
        margin-right: 3.5rem!important
    }

    .mx-sm-5 {
        margin-left: 4rem!important;
        margin-right: 4rem!important
    }

    .mx-sm-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-sm-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-sm-25 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-sm-50 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-sm-75 {
        margin-bottom: .75rem!important;
        margin-top: .75rem!important
    }

    .my-sm-1 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-sm-2 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-sm-3 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-sm-4 {
        margin-bottom: 3.5rem!important;
        margin-top: 3.5rem!important
    }

    .my-sm-5 {
        margin-bottom: 4rem!important;
        margin-top: 4rem!important
    }

    .my-sm-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-sm-0 {
        margin-top: 0!important
    }

    .mt-sm-25 {
        margin-top: .25rem!important
    }

    .mt-sm-50 {
        margin-top: .5rem!important
    }

    .mt-sm-75 {
        margin-top: .75rem!important
    }

    .mt-sm-1 {
        margin-top: 1rem!important
    }

    .mt-sm-2 {
        margin-top: 1.5rem!important
    }

    .mt-sm-3 {
        margin-top: 3rem!important
    }

    .mt-sm-4 {
        margin-top: 3.5rem!important
    }

    .mt-sm-5 {
        margin-top: 4rem!important
    }

    .mt-sm-auto {
        margin-top: auto!important
    }

    .me-sm-0 {
        margin-right: 0!important
    }

    .me-sm-25 {
        margin-right: .25rem!important
    }

    .me-sm-50 {
        margin-right: .5rem!important
    }

    .me-sm-75 {
        margin-right: .75rem!important
    }

    .me-sm-1 {
        margin-right: 1rem!important
    }

    .me-sm-2 {
        margin-right: 1.5rem!important
    }

    .me-sm-3 {
        margin-right: 3rem!important
    }

    .me-sm-4 {
        margin-right: 3.5rem!important
    }

    .me-sm-5 {
        margin-right: 4rem!important
    }

    .me-sm-auto {
        margin-right: auto!important
    }

    .mb-sm-0 {
        margin-bottom: 0!important
    }

    .mb-sm-25 {
        margin-bottom: .25rem!important
    }

    .mb-sm-50 {
        margin-bottom: .5rem!important
    }

    .mb-sm-75 {
        margin-bottom: .75rem!important
    }

    .mb-sm-1 {
        margin-bottom: 1rem!important
    }

    .mb-sm-2 {
        margin-bottom: 1.5rem!important
    }

    .mb-sm-3 {
        margin-bottom: 3rem!important
    }

    .mb-sm-4 {
        margin-bottom: 3.5rem!important
    }

    .mb-sm-5 {
        margin-bottom: 4rem!important
    }

    .mb-sm-auto {
        margin-bottom: auto!important
    }

    .ms-sm-0 {
        margin-left: 0!important
    }

    .ms-sm-25 {
        margin-left: .25rem!important
    }

    .ms-sm-50 {
        margin-left: .5rem!important
    }

    .ms-sm-75 {
        margin-left: .75rem!important
    }

    .ms-sm-1 {
        margin-left: 1rem!important
    }

    .ms-sm-2 {
        margin-left: 1.5rem!important
    }

    .ms-sm-3 {
        margin-left: 3rem!important
    }

    .ms-sm-4 {
        margin-left: 3.5rem!important
    }

    .ms-sm-5 {
        margin-left: 4rem!important
    }

    .ms-sm-auto {
        margin-left: auto!important
    }

    .p-sm-0 {
        padding: 0!important
    }

    .p-sm-25 {
        padding: .25rem!important
    }

    .p-sm-50 {
        padding: .5rem!important
    }

    .p-sm-75 {
        padding: .75rem!important
    }

    .p-sm-1 {
        padding: 1rem!important
    }

    .p-sm-2 {
        padding: 1.5rem!important
    }

    .p-sm-3 {
        padding: 3rem!important
    }

    .p-sm-4 {
        padding: 3.5rem!important
    }

    .p-sm-5 {
        padding: 4rem!important
    }

    .px-sm-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-sm-25 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-sm-50 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-sm-75 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .px-sm-1 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-sm-2 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-sm-3 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .px-sm-4 {
        padding-left: 3.5rem!important;
        padding-right: 3.5rem!important
    }

    .px-sm-5 {
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }

    .py-sm-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-sm-25 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-sm-50 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-sm-75 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .py-sm-1 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-sm-2 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-sm-3 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .py-sm-4 {
        padding-bottom: 3.5rem!important;
        padding-top: 3.5rem!important
    }

    .py-sm-5 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .pt-sm-0 {
        padding-top: 0!important
    }

    .pt-sm-25 {
        padding-top: .25rem!important
    }

    .pt-sm-50 {
        padding-top: .5rem!important
    }

    .pt-sm-75 {
        padding-top: .75rem!important
    }

    .pt-sm-1 {
        padding-top: 1rem!important
    }

    .pt-sm-2 {
        padding-top: 1.5rem!important
    }

    .pt-sm-3 {
        padding-top: 3rem!important
    }

    .pt-sm-4 {
        padding-top: 3.5rem!important
    }

    .pt-sm-5 {
        padding-top: 4rem!important
    }

    .pe-sm-0 {
        padding-right: 0!important
    }

    .pe-sm-25 {
        padding-right: .25rem!important
    }

    .pe-sm-50 {
        padding-right: .5rem!important
    }

    .pe-sm-75 {
        padding-right: .75rem!important
    }

    .pe-sm-1 {
        padding-right: 1rem!important
    }

    .pe-sm-2 {
        padding-right: 1.5rem!important
    }

    .pe-sm-3 {
        padding-right: 3rem!important
    }

    .pe-sm-4 {
        padding-right: 3.5rem!important
    }

    .pe-sm-5 {
        padding-right: 4rem!important
    }

    .pb-sm-0 {
        padding-bottom: 0!important
    }

    .pb-sm-25 {
        padding-bottom: .25rem!important
    }

    .pb-sm-50 {
        padding-bottom: .5rem!important
    }

    .pb-sm-75 {
        padding-bottom: .75rem!important
    }

    .pb-sm-1 {
        padding-bottom: 1rem!important
    }

    .pb-sm-2 {
        padding-bottom: 1.5rem!important
    }

    .pb-sm-3 {
        padding-bottom: 3rem!important
    }

    .pb-sm-4 {
        padding-bottom: 3.5rem!important
    }

    .pb-sm-5 {
        padding-bottom: 4rem!important
    }

    .ps-sm-0 {
        padding-left: 0!important
    }

    .ps-sm-25 {
        padding-left: .25rem!important
    }

    .ps-sm-50 {
        padding-left: .5rem!important
    }

    .ps-sm-75 {
        padding-left: .75rem!important
    }

    .ps-sm-1 {
        padding-left: 1rem!important
    }

    .ps-sm-2 {
        padding-left: 1.5rem!important
    }

    .ps-sm-3 {
        padding-left: 3rem!important
    }

    .ps-sm-4 {
        padding-left: 3.5rem!important
    }

    .ps-sm-5 {
        padding-left: 4rem!important
    }

    .text-sm-start {
        text-align: left!important
    }

    .text-sm-end {
        text-align: right!important
    }

    .text-sm-center {
        text-align: center!important
    }
}

@media (min-width: 768px) {
    .float-md-start {
        float:left!important
    }

    .float-md-end {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-grid {
        display: grid!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }

    .d-md-none {
        display: none!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-row {
        flex-direction: row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-md-0 {
        gap: 0!important
    }

    .gap-md-25 {
        gap: .25rem!important
    }

    .gap-md-50 {
        gap: .5rem!important
    }

    .gap-md-75 {
        gap: .75rem!important
    }

    .gap-md-1 {
        gap: 1rem!important
    }

    .gap-md-2 {
        gap: 1.5rem!important
    }

    .gap-md-3 {
        gap: 3rem!important
    }

    .gap-md-4 {
        gap: 3.5rem!important
    }

    .gap-md-5 {
        gap: 4rem!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-25 {
        margin: .25rem!important
    }

    .m-md-50 {
        margin: .5rem!important
    }

    .m-md-75 {
        margin: .75rem!important
    }

    .m-md-1 {
        margin: 1rem!important
    }

    .m-md-2 {
        margin: 1.5rem!important
    }

    .m-md-3 {
        margin: 3rem!important
    }

    .m-md-4 {
        margin: 3.5rem!important
    }

    .m-md-5 {
        margin: 4rem!important
    }

    .m-md-auto {
        margin: auto!important
    }

    .mx-md-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-md-25 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-md-50 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-md-75 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .mx-md-1 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-md-2 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-md-3 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-md-4 {
        margin-left: 3.5rem!important;
        margin-right: 3.5rem!important
    }

    .mx-md-5 {
        margin-left: 4rem!important;
        margin-right: 4rem!important
    }

    .mx-md-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-md-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-md-25 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-md-50 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-md-75 {
        margin-bottom: .75rem!important;
        margin-top: .75rem!important
    }

    .my-md-1 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-md-2 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-md-3 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-md-4 {
        margin-bottom: 3.5rem!important;
        margin-top: 3.5rem!important
    }

    .my-md-5 {
        margin-bottom: 4rem!important;
        margin-top: 4rem!important
    }

    .my-md-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-md-0 {
        margin-top: 0!important
    }

    .mt-md-25 {
        margin-top: .25rem!important
    }

    .mt-md-50 {
        margin-top: .5rem!important
    }

    .mt-md-75 {
        margin-top: .75rem!important
    }

    .mt-md-1 {
        margin-top: 1rem!important
    }

    .mt-md-2 {
        margin-top: 1.5rem!important
    }

    .mt-md-3 {
        margin-top: 3rem!important
    }

    .mt-md-4 {
        margin-top: 3.5rem!important
    }

    .mt-md-5 {
        margin-top: 4rem!important
    }

    .mt-md-auto {
        margin-top: auto!important
    }

    .me-md-0 {
        margin-right: 0!important
    }

    .me-md-25 {
        margin-right: .25rem!important
    }

    .me-md-50 {
        margin-right: .5rem!important
    }

    .me-md-75 {
        margin-right: .75rem!important
    }

    .me-md-1 {
        margin-right: 1rem!important
    }

    .me-md-2 {
        margin-right: 1.5rem!important
    }

    .me-md-3 {
        margin-right: 3rem!important
    }

    .me-md-4 {
        margin-right: 3.5rem!important
    }

    .me-md-5 {
        margin-right: 4rem!important
    }

    .me-md-auto {
        margin-right: auto!important
    }

    .mb-md-0 {
        margin-bottom: 0!important
    }

    .mb-md-25 {
        margin-bottom: .25rem!important
    }

    .mb-md-50 {
        margin-bottom: .5rem!important
    }

    .mb-md-75 {
        margin-bottom: .75rem!important
    }

    .mb-md-1 {
        margin-bottom: 1rem!important
    }

    .mb-md-2 {
        margin-bottom: 1.5rem!important
    }

    .mb-md-3 {
        margin-bottom: 3rem!important
    }

    .mb-md-4 {
        margin-bottom: 3.5rem!important
    }

    .mb-md-5 {
        margin-bottom: 4rem!important
    }

    .mb-md-auto {
        margin-bottom: auto!important
    }

    .ms-md-0 {
        margin-left: 0!important
    }

    .ms-md-25 {
        margin-left: .25rem!important
    }

    .ms-md-50 {
        margin-left: .5rem!important
    }

    .ms-md-75 {
        margin-left: .75rem!important
    }

    .ms-md-1 {
        margin-left: 1rem!important
    }

    .ms-md-2 {
        margin-left: 1.5rem!important
    }

    .ms-md-3 {
        margin-left: 3rem!important
    }

    .ms-md-4 {
        margin-left: 3.5rem!important
    }

    .ms-md-5 {
        margin-left: 4rem!important
    }

    .ms-md-auto {
        margin-left: auto!important
    }

    .p-md-0 {
        padding: 0!important
    }

    .p-md-25 {
        padding: .25rem!important
    }

    .p-md-50 {
        padding: .5rem!important
    }

    .p-md-75 {
        padding: .75rem!important
    }

    .p-md-1 {
        padding: 1rem!important
    }

    .p-md-2 {
        padding: 1.5rem!important
    }

    .p-md-3 {
        padding: 3rem!important
    }

    .p-md-4 {
        padding: 3.5rem!important
    }

    .p-md-5 {
        padding: 4rem!important
    }

    .px-md-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-md-25 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-md-50 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-md-75 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .px-md-1 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-md-2 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-md-3 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .px-md-4 {
        padding-left: 3.5rem!important;
        padding-right: 3.5rem!important
    }

    .px-md-5 {
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }

    .py-md-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-md-25 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-md-50 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-md-75 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .py-md-1 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-md-2 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-md-3 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .py-md-4 {
        padding-bottom: 3.5rem!important;
        padding-top: 3.5rem!important
    }

    .py-md-5 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .pt-md-0 {
        padding-top: 0!important
    }

    .pt-md-25 {
        padding-top: .25rem!important
    }

    .pt-md-50 {
        padding-top: .5rem!important
    }

    .pt-md-75 {
        padding-top: .75rem!important
    }

    .pt-md-1 {
        padding-top: 1rem!important
    }

    .pt-md-2 {
        padding-top: 1.5rem!important
    }

    .pt-md-3 {
        padding-top: 3rem!important
    }

    .pt-md-4 {
        padding-top: 3.5rem!important
    }

    .pt-md-5 {
        padding-top: 4rem!important
    }

    .pe-md-0 {
        padding-right: 0!important
    }

    .pe-md-25 {
        padding-right: .25rem!important
    }

    .pe-md-50 {
        padding-right: .5rem!important
    }

    .pe-md-75 {
        padding-right: .75rem!important
    }

    .pe-md-1 {
        padding-right: 1rem!important
    }

    .pe-md-2 {
        padding-right: 1.5rem!important
    }

    .pe-md-3 {
        padding-right: 3rem!important
    }

    .pe-md-4 {
        padding-right: 3.5rem!important
    }

    .pe-md-5 {
        padding-right: 4rem!important
    }

    .pb-md-0 {
        padding-bottom: 0!important
    }

    .pb-md-25 {
        padding-bottom: .25rem!important
    }

    .pb-md-50 {
        padding-bottom: .5rem!important
    }

    .pb-md-75 {
        padding-bottom: .75rem!important
    }

    .pb-md-1 {
        padding-bottom: 1rem!important
    }

    .pb-md-2 {
        padding-bottom: 1.5rem!important
    }

    .pb-md-3 {
        padding-bottom: 3rem!important
    }

    .pb-md-4 {
        padding-bottom: 3.5rem!important
    }

    .pb-md-5 {
        padding-bottom: 4rem!important
    }

    .ps-md-0 {
        padding-left: 0!important
    }

    .ps-md-25 {
        padding-left: .25rem!important
    }

    .ps-md-50 {
        padding-left: .5rem!important
    }

    .ps-md-75 {
        padding-left: .75rem!important
    }

    .ps-md-1 {
        padding-left: 1rem!important
    }

    .ps-md-2 {
        padding-left: 1.5rem!important
    }

    .ps-md-3 {
        padding-left: 3rem!important
    }

    .ps-md-4 {
        padding-left: 3.5rem!important
    }

    .ps-md-5 {
        padding-left: 4rem!important
    }

    .text-md-start {
        text-align: left!important
    }

    .text-md-end {
        text-align: right!important
    }

    .text-md-center {
        text-align: center!important
    }
}

@media (min-width: 992px) {
    .float-lg-start {
        float:left!important
    }

    .float-lg-end {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-grid {
        display: grid!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }

    .d-lg-none {
        display: none!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-row {
        flex-direction: row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-lg-0 {
        gap: 0!important
    }

    .gap-lg-25 {
        gap: .25rem!important
    }

    .gap-lg-50 {
        gap: .5rem!important
    }

    .gap-lg-75 {
        gap: .75rem!important
    }

    .gap-lg-1 {
        gap: 1rem!important
    }

    .gap-lg-2 {
        gap: 1.5rem!important
    }

    .gap-lg-3 {
        gap: 3rem!important
    }

    .gap-lg-4 {
        gap: 3.5rem!important
    }

    .gap-lg-5 {
        gap: 4rem!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-25 {
        margin: .25rem!important
    }

    .m-lg-50 {
        margin: .5rem!important
    }

    .m-lg-75 {
        margin: .75rem!important
    }

    .m-lg-1 {
        margin: 1rem!important
    }

    .m-lg-2 {
        margin: 1.5rem!important
    }

    .m-lg-3 {
        margin: 3rem!important
    }

    .m-lg-4 {
        margin: 3.5rem!important
    }

    .m-lg-5 {
        margin: 4rem!important
    }

    .m-lg-auto {
        margin: auto!important
    }

    .mx-lg-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-lg-25 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-lg-50 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-lg-75 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .mx-lg-1 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-lg-2 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-lg-3 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-lg-4 {
        margin-left: 3.5rem!important;
        margin-right: 3.5rem!important
    }

    .mx-lg-5 {
        margin-left: 4rem!important;
        margin-right: 4rem!important
    }

    .mx-lg-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-lg-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-lg-25 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-lg-50 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-lg-75 {
        margin-bottom: .75rem!important;
        margin-top: .75rem!important
    }

    .my-lg-1 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-lg-2 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-lg-3 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-lg-4 {
        margin-bottom: 3.5rem!important;
        margin-top: 3.5rem!important
    }

    .my-lg-5 {
        margin-bottom: 4rem!important;
        margin-top: 4rem!important
    }

    .my-lg-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-lg-0 {
        margin-top: 0!important
    }

    .mt-lg-25 {
        margin-top: .25rem!important
    }

    .mt-lg-50 {
        margin-top: .5rem!important
    }

    .mt-lg-75 {
        margin-top: .75rem!important
    }

    .mt-lg-1 {
        margin-top: 1rem!important
    }

    .mt-lg-2 {
        margin-top: 1.5rem!important
    }

    .mt-lg-3 {
        margin-top: 3rem!important
    }

    .mt-lg-4 {
        margin-top: 3.5rem!important
    }

    .mt-lg-5 {
        margin-top: 4rem!important
    }

    .mt-lg-auto {
        margin-top: auto!important
    }

    .me-lg-0 {
        margin-right: 0!important
    }

    .me-lg-25 {
        margin-right: .25rem!important
    }

    .me-lg-50 {
        margin-right: .5rem!important
    }

    .me-lg-75 {
        margin-right: .75rem!important
    }

    .me-lg-1 {
        margin-right: 1rem!important
    }

    .me-lg-2 {
        margin-right: 1.5rem!important
    }

    .me-lg-3 {
        margin-right: 3rem!important
    }

    .me-lg-4 {
        margin-right: 3.5rem!important
    }

    .me-lg-5 {
        margin-right: 4rem!important
    }

    .me-lg-auto {
        margin-right: auto!important
    }

    .mb-lg-0 {
        margin-bottom: 0!important
    }

    .mb-lg-25 {
        margin-bottom: .25rem!important
    }

    .mb-lg-50 {
        margin-bottom: .5rem!important
    }

    .mb-lg-75 {
        margin-bottom: .75rem!important
    }

    .mb-lg-1 {
        margin-bottom: 1rem!important
    }

    .mb-lg-2 {
        margin-bottom: 1.5rem!important
    }

    .mb-lg-3 {
        margin-bottom: 3rem!important
    }

    .mb-lg-4 {
        margin-bottom: 3.5rem!important
    }

    .mb-lg-5 {
        margin-bottom: 4rem!important
    }

    .mb-lg-auto {
        margin-bottom: auto!important
    }

    .ms-lg-0 {
        margin-left: 0!important
    }

    .ms-lg-25 {
        margin-left: .25rem!important
    }

    .ms-lg-50 {
        margin-left: .5rem!important
    }

    .ms-lg-75 {
        margin-left: .75rem!important
    }

    .ms-lg-1 {
        margin-left: 1rem!important
    }

    .ms-lg-2 {
        margin-left: 1.5rem!important
    }

    .ms-lg-3 {
        margin-left: 3rem!important
    }

    .ms-lg-4 {
        margin-left: 3.5rem!important
    }

    .ms-lg-5 {
        margin-left: 4rem!important
    }

    .ms-lg-auto {
        margin-left: auto!important
    }

    .p-lg-0 {
        padding: 0!important
    }

    .p-lg-25 {
        padding: .25rem!important
    }

    .p-lg-50 {
        padding: .5rem!important
    }

    .p-lg-75 {
        padding: .75rem!important
    }

    .p-lg-1 {
        padding: 1rem!important
    }

    .p-lg-2 {
        padding: 1.5rem!important
    }

    .p-lg-3 {
        padding: 3rem!important
    }

    .p-lg-4 {
        padding: 3.5rem!important
    }

    .p-lg-5 {
        padding: 4rem!important
    }

    .px-lg-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-lg-25 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-lg-50 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-lg-75 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .px-lg-1 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-lg-2 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-lg-3 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .px-lg-4 {
        padding-left: 3.5rem!important;
        padding-right: 3.5rem!important
    }

    .px-lg-5 {
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }

    .py-lg-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-lg-25 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-lg-50 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-lg-75 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .py-lg-1 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-lg-2 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-lg-3 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .py-lg-4 {
        padding-bottom: 3.5rem!important;
        padding-top: 3.5rem!important
    }

    .py-lg-5 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .pt-lg-0 {
        padding-top: 0!important
    }

    .pt-lg-25 {
        padding-top: .25rem!important
    }

    .pt-lg-50 {
        padding-top: .5rem!important
    }

    .pt-lg-75 {
        padding-top: .75rem!important
    }

    .pt-lg-1 {
        padding-top: 1rem!important
    }

    .pt-lg-2 {
        padding-top: 1.5rem!important
    }

    .pt-lg-3 {
        padding-top: 3rem!important
    }

    .pt-lg-4 {
        padding-top: 3.5rem!important
    }

    .pt-lg-5 {
        padding-top: 4rem!important
    }

    .pe-lg-0 {
        padding-right: 0!important
    }

    .pe-lg-25 {
        padding-right: .25rem!important
    }

    .pe-lg-50 {
        padding-right: .5rem!important
    }

    .pe-lg-75 {
        padding-right: .75rem!important
    }

    .pe-lg-1 {
        padding-right: 1rem!important
    }

    .pe-lg-2 {
        padding-right: 1.5rem!important
    }

    .pe-lg-3 {
        padding-right: 3rem!important
    }

    .pe-lg-4 {
        padding-right: 3.5rem!important
    }

    .pe-lg-5 {
        padding-right: 4rem!important
    }

    .pb-lg-0 {
        padding-bottom: 0!important
    }

    .pb-lg-25 {
        padding-bottom: .25rem!important
    }

    .pb-lg-50 {
        padding-bottom: .5rem!important
    }

    .pb-lg-75 {
        padding-bottom: .75rem!important
    }

    .pb-lg-1 {
        padding-bottom: 1rem!important
    }

    .pb-lg-2 {
        padding-bottom: 1.5rem!important
    }

    .pb-lg-3 {
        padding-bottom: 3rem!important
    }

    .pb-lg-4 {
        padding-bottom: 3.5rem!important
    }

    .pb-lg-5 {
        padding-bottom: 4rem!important
    }

    .ps-lg-0 {
        padding-left: 0!important
    }

    .ps-lg-25 {
        padding-left: .25rem!important
    }

    .ps-lg-50 {
        padding-left: .5rem!important
    }

    .ps-lg-75 {
        padding-left: .75rem!important
    }

    .ps-lg-1 {
        padding-left: 1rem!important
    }

    .ps-lg-2 {
        padding-left: 1.5rem!important
    }

    .ps-lg-3 {
        padding-left: 3rem!important
    }

    .ps-lg-4 {
        padding-left: 3.5rem!important
    }

    .ps-lg-5 {
        padding-left: 4rem!important
    }

    .text-lg-start {
        text-align: left!important
    }

    .text-lg-end {
        text-align: right!important
    }

    .text-lg-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .float-xl-start {
        float:left!important
    }

    .float-xl-end {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-grid {
        display: grid!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: flex!important
    }

    .d-xl-inline-flex {
        display: inline-flex!important
    }

    .d-xl-none {
        display: none!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-row {
        flex-direction: row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xl-0 {
        gap: 0!important
    }

    .gap-xl-25 {
        gap: .25rem!important
    }

    .gap-xl-50 {
        gap: .5rem!important
    }

    .gap-xl-75 {
        gap: .75rem!important
    }

    .gap-xl-1 {
        gap: 1rem!important
    }

    .gap-xl-2 {
        gap: 1.5rem!important
    }

    .gap-xl-3 {
        gap: 3rem!important
    }

    .gap-xl-4 {
        gap: 3.5rem!important
    }

    .gap-xl-5 {
        gap: 4rem!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-25 {
        margin: .25rem!important
    }

    .m-xl-50 {
        margin: .5rem!important
    }

    .m-xl-75 {
        margin: .75rem!important
    }

    .m-xl-1 {
        margin: 1rem!important
    }

    .m-xl-2 {
        margin: 1.5rem!important
    }

    .m-xl-3 {
        margin: 3rem!important
    }

    .m-xl-4 {
        margin: 3.5rem!important
    }

    .m-xl-5 {
        margin: 4rem!important
    }

    .m-xl-auto {
        margin: auto!important
    }

    .mx-xl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xl-25 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xl-50 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xl-75 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .mx-xl-1 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xl-2 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xl-3 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xl-4 {
        margin-left: 3.5rem!important;
        margin-right: 3.5rem!important
    }

    .mx-xl-5 {
        margin-left: 4rem!important;
        margin-right: 4rem!important
    }

    .mx-xl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xl-25 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xl-50 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xl-75 {
        margin-bottom: .75rem!important;
        margin-top: .75rem!important
    }

    .my-xl-1 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xl-2 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xl-3 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xl-4 {
        margin-bottom: 3.5rem!important;
        margin-top: 3.5rem!important
    }

    .my-xl-5 {
        margin-bottom: 4rem!important;
        margin-top: 4rem!important
    }

    .my-xl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xl-0 {
        margin-top: 0!important
    }

    .mt-xl-25 {
        margin-top: .25rem!important
    }

    .mt-xl-50 {
        margin-top: .5rem!important
    }

    .mt-xl-75 {
        margin-top: .75rem!important
    }

    .mt-xl-1 {
        margin-top: 1rem!important
    }

    .mt-xl-2 {
        margin-top: 1.5rem!important
    }

    .mt-xl-3 {
        margin-top: 3rem!important
    }

    .mt-xl-4 {
        margin-top: 3.5rem!important
    }

    .mt-xl-5 {
        margin-top: 4rem!important
    }

    .mt-xl-auto {
        margin-top: auto!important
    }

    .me-xl-0 {
        margin-right: 0!important
    }

    .me-xl-25 {
        margin-right: .25rem!important
    }

    .me-xl-50 {
        margin-right: .5rem!important
    }

    .me-xl-75 {
        margin-right: .75rem!important
    }

    .me-xl-1 {
        margin-right: 1rem!important
    }

    .me-xl-2 {
        margin-right: 1.5rem!important
    }

    .me-xl-3 {
        margin-right: 3rem!important
    }

    .me-xl-4 {
        margin-right: 3.5rem!important
    }

    .me-xl-5 {
        margin-right: 4rem!important
    }

    .me-xl-auto {
        margin-right: auto!important
    }

    .mb-xl-0 {
        margin-bottom: 0!important
    }

    .mb-xl-25 {
        margin-bottom: .25rem!important
    }

    .mb-xl-50 {
        margin-bottom: .5rem!important
    }

    .mb-xl-75 {
        margin-bottom: .75rem!important
    }

    .mb-xl-1 {
        margin-bottom: 1rem!important
    }

    .mb-xl-2 {
        margin-bottom: 1.5rem!important
    }

    .mb-xl-3 {
        margin-bottom: 3rem!important
    }

    .mb-xl-4 {
        margin-bottom: 3.5rem!important
    }

    .mb-xl-5 {
        margin-bottom: 4rem!important
    }

    .mb-xl-auto {
        margin-bottom: auto!important
    }

    .ms-xl-0 {
        margin-left: 0!important
    }

    .ms-xl-25 {
        margin-left: .25rem!important
    }

    .ms-xl-50 {
        margin-left: .5rem!important
    }

    .ms-xl-75 {
        margin-left: .75rem!important
    }

    .ms-xl-1 {
        margin-left: 1rem!important
    }

    .ms-xl-2 {
        margin-left: 1.5rem!important
    }

    .ms-xl-3 {
        margin-left: 3rem!important
    }

    .ms-xl-4 {
        margin-left: 3.5rem!important
    }

    .ms-xl-5 {
        margin-left: 4rem!important
    }

    .ms-xl-auto {
        margin-left: auto!important
    }

    .p-xl-0 {
        padding: 0!important
    }

    .p-xl-25 {
        padding: .25rem!important
    }

    .p-xl-50 {
        padding: .5rem!important
    }

    .p-xl-75 {
        padding: .75rem!important
    }

    .p-xl-1 {
        padding: 1rem!important
    }

    .p-xl-2 {
        padding: 1.5rem!important
    }

    .p-xl-3 {
        padding: 3rem!important
    }

    .p-xl-4 {
        padding: 3.5rem!important
    }

    .p-xl-5 {
        padding: 4rem!important
    }

    .px-xl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xl-25 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xl-50 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xl-75 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .px-xl-1 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xl-2 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xl-3 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .px-xl-4 {
        padding-left: 3.5rem!important;
        padding-right: 3.5rem!important
    }

    .px-xl-5 {
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }

    .py-xl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xl-25 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xl-50 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xl-75 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .py-xl-1 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xl-2 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xl-3 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .py-xl-4 {
        padding-bottom: 3.5rem!important;
        padding-top: 3.5rem!important
    }

    .py-xl-5 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .pt-xl-0 {
        padding-top: 0!important
    }

    .pt-xl-25 {
        padding-top: .25rem!important
    }

    .pt-xl-50 {
        padding-top: .5rem!important
    }

    .pt-xl-75 {
        padding-top: .75rem!important
    }

    .pt-xl-1 {
        padding-top: 1rem!important
    }

    .pt-xl-2 {
        padding-top: 1.5rem!important
    }

    .pt-xl-3 {
        padding-top: 3rem!important
    }

    .pt-xl-4 {
        padding-top: 3.5rem!important
    }

    .pt-xl-5 {
        padding-top: 4rem!important
    }

    .pe-xl-0 {
        padding-right: 0!important
    }

    .pe-xl-25 {
        padding-right: .25rem!important
    }

    .pe-xl-50 {
        padding-right: .5rem!important
    }

    .pe-xl-75 {
        padding-right: .75rem!important
    }

    .pe-xl-1 {
        padding-right: 1rem!important
    }

    .pe-xl-2 {
        padding-right: 1.5rem!important
    }

    .pe-xl-3 {
        padding-right: 3rem!important
    }

    .pe-xl-4 {
        padding-right: 3.5rem!important
    }

    .pe-xl-5 {
        padding-right: 4rem!important
    }

    .pb-xl-0 {
        padding-bottom: 0!important
    }

    .pb-xl-25 {
        padding-bottom: .25rem!important
    }

    .pb-xl-50 {
        padding-bottom: .5rem!important
    }

    .pb-xl-75 {
        padding-bottom: .75rem!important
    }

    .pb-xl-1 {
        padding-bottom: 1rem!important
    }

    .pb-xl-2 {
        padding-bottom: 1.5rem!important
    }

    .pb-xl-3 {
        padding-bottom: 3rem!important
    }

    .pb-xl-4 {
        padding-bottom: 3.5rem!important
    }

    .pb-xl-5 {
        padding-bottom: 4rem!important
    }

    .ps-xl-0 {
        padding-left: 0!important
    }

    .ps-xl-25 {
        padding-left: .25rem!important
    }

    .ps-xl-50 {
        padding-left: .5rem!important
    }

    .ps-xl-75 {
        padding-left: .75rem!important
    }

    .ps-xl-1 {
        padding-left: 1rem!important
    }

    .ps-xl-2 {
        padding-left: 1.5rem!important
    }

    .ps-xl-3 {
        padding-left: 3rem!important
    }

    .ps-xl-4 {
        padding-left: 3.5rem!important
    }

    .ps-xl-5 {
        padding-left: 4rem!important
    }

    .text-xl-start {
        text-align: left!important
    }

    .text-xl-end {
        text-align: right!important
    }

    .text-xl-center {
        text-align: center!important
    }
}

@media (min-width: 1440px) {
    .float-xxl-start {
        float:left!important
    }

    .float-xxl-end {
        float: right!important
    }

    .float-xxl-none {
        float: none!important
    }

    .d-xxl-inline {
        display: inline!important
    }

    .d-xxl-inline-block {
        display: inline-block!important
    }

    .d-xxl-block {
        display: block!important
    }

    .d-xxl-grid {
        display: grid!important
    }

    .d-xxl-table {
        display: table!important
    }

    .d-xxl-table-row {
        display: table-row!important
    }

    .d-xxl-table-cell {
        display: table-cell!important
    }

    .d-xxl-flex {
        display: flex!important
    }

    .d-xxl-inline-flex {
        display: inline-flex!important
    }

    .d-xxl-none {
        display: none!important
    }

    .flex-xxl-fill {
        flex: 1 1 auto!important
    }

    .flex-xxl-row {
        flex-direction: row!important
    }

    .flex-xxl-column {
        flex-direction: column!important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xxl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xxl-shrink-1 {
        flex-shrink: 1!important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .gap-xxl-0 {
        gap: 0!important
    }

    .gap-xxl-25 {
        gap: .25rem!important
    }

    .gap-xxl-50 {
        gap: .5rem!important
    }

    .gap-xxl-75 {
        gap: .75rem!important
    }

    .gap-xxl-1 {
        gap: 1rem!important
    }

    .gap-xxl-2 {
        gap: 1.5rem!important
    }

    .gap-xxl-3 {
        gap: 3rem!important
    }

    .gap-xxl-4 {
        gap: 3.5rem!important
    }

    .gap-xxl-5 {
        gap: 4rem!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-25 {
        margin: .25rem!important
    }

    .m-xxl-50 {
        margin: .5rem!important
    }

    .m-xxl-75 {
        margin: .75rem!important
    }

    .m-xxl-1 {
        margin: 1rem!important
    }

    .m-xxl-2 {
        margin: 1.5rem!important
    }

    .m-xxl-3 {
        margin: 3rem!important
    }

    .m-xxl-4 {
        margin: 3.5rem!important
    }

    .m-xxl-5 {
        margin: 4rem!important
    }

    .m-xxl-auto {
        margin: auto!important
    }

    .mx-xxl-0 {
        margin-left: 0!important;
        margin-right: 0!important
    }

    .mx-xxl-25 {
        margin-left: .25rem!important;
        margin-right: .25rem!important
    }

    .mx-xxl-50 {
        margin-left: .5rem!important;
        margin-right: .5rem!important
    }

    .mx-xxl-75 {
        margin-left: .75rem!important;
        margin-right: .75rem!important
    }

    .mx-xxl-1 {
        margin-left: 1rem!important;
        margin-right: 1rem!important
    }

    .mx-xxl-2 {
        margin-left: 1.5rem!important;
        margin-right: 1.5rem!important
    }

    .mx-xxl-3 {
        margin-left: 3rem!important;
        margin-right: 3rem!important
    }

    .mx-xxl-4 {
        margin-left: 3.5rem!important;
        margin-right: 3.5rem!important
    }

    .mx-xxl-5 {
        margin-left: 4rem!important;
        margin-right: 4rem!important
    }

    .mx-xxl-auto {
        margin-left: auto!important;
        margin-right: auto!important
    }

    .my-xxl-0 {
        margin-bottom: 0!important;
        margin-top: 0!important
    }

    .my-xxl-25 {
        margin-bottom: .25rem!important;
        margin-top: .25rem!important
    }

    .my-xxl-50 {
        margin-bottom: .5rem!important;
        margin-top: .5rem!important
    }

    .my-xxl-75 {
        margin-bottom: .75rem!important;
        margin-top: .75rem!important
    }

    .my-xxl-1 {
        margin-bottom: 1rem!important;
        margin-top: 1rem!important
    }

    .my-xxl-2 {
        margin-bottom: 1.5rem!important;
        margin-top: 1.5rem!important
    }

    .my-xxl-3 {
        margin-bottom: 3rem!important;
        margin-top: 3rem!important
    }

    .my-xxl-4 {
        margin-bottom: 3.5rem!important;
        margin-top: 3.5rem!important
    }

    .my-xxl-5 {
        margin-bottom: 4rem!important;
        margin-top: 4rem!important
    }

    .my-xxl-auto {
        margin-bottom: auto!important;
        margin-top: auto!important
    }

    .mt-xxl-0 {
        margin-top: 0!important
    }

    .mt-xxl-25 {
        margin-top: .25rem!important
    }

    .mt-xxl-50 {
        margin-top: .5rem!important
    }

    .mt-xxl-75 {
        margin-top: .75rem!important
    }

    .mt-xxl-1 {
        margin-top: 1rem!important
    }

    .mt-xxl-2 {
        margin-top: 1.5rem!important
    }

    .mt-xxl-3 {
        margin-top: 3rem!important
    }

    .mt-xxl-4 {
        margin-top: 3.5rem!important
    }

    .mt-xxl-5 {
        margin-top: 4rem!important
    }

    .mt-xxl-auto {
        margin-top: auto!important
    }

    .me-xxl-0 {
        margin-right: 0!important
    }

    .me-xxl-25 {
        margin-right: .25rem!important
    }

    .me-xxl-50 {
        margin-right: .5rem!important
    }

    .me-xxl-75 {
        margin-right: .75rem!important
    }

    .me-xxl-1 {
        margin-right: 1rem!important
    }

    .me-xxl-2 {
        margin-right: 1.5rem!important
    }

    .me-xxl-3 {
        margin-right: 3rem!important
    }

    .me-xxl-4 {
        margin-right: 3.5rem!important
    }

    .me-xxl-5 {
        margin-right: 4rem!important
    }

    .me-xxl-auto {
        margin-right: auto!important
    }

    .mb-xxl-0 {
        margin-bottom: 0!important
    }

    .mb-xxl-25 {
        margin-bottom: .25rem!important
    }

    .mb-xxl-50 {
        margin-bottom: .5rem!important
    }

    .mb-xxl-75 {
        margin-bottom: .75rem!important
    }

    .mb-xxl-1 {
        margin-bottom: 1rem!important
    }

    .mb-xxl-2 {
        margin-bottom: 1.5rem!important
    }

    .mb-xxl-3 {
        margin-bottom: 3rem!important
    }

    .mb-xxl-4 {
        margin-bottom: 3.5rem!important
    }

    .mb-xxl-5 {
        margin-bottom: 4rem!important
    }

    .mb-xxl-auto {
        margin-bottom: auto!important
    }

    .ms-xxl-0 {
        margin-left: 0!important
    }

    .ms-xxl-25 {
        margin-left: .25rem!important
    }

    .ms-xxl-50 {
        margin-left: .5rem!important
    }

    .ms-xxl-75 {
        margin-left: .75rem!important
    }

    .ms-xxl-1 {
        margin-left: 1rem!important
    }

    .ms-xxl-2 {
        margin-left: 1.5rem!important
    }

    .ms-xxl-3 {
        margin-left: 3rem!important
    }

    .ms-xxl-4 {
        margin-left: 3.5rem!important
    }

    .ms-xxl-5 {
        margin-left: 4rem!important
    }

    .ms-xxl-auto {
        margin-left: auto!important
    }

    .p-xxl-0 {
        padding: 0!important
    }

    .p-xxl-25 {
        padding: .25rem!important
    }

    .p-xxl-50 {
        padding: .5rem!important
    }

    .p-xxl-75 {
        padding: .75rem!important
    }

    .p-xxl-1 {
        padding: 1rem!important
    }

    .p-xxl-2 {
        padding: 1.5rem!important
    }

    .p-xxl-3 {
        padding: 3rem!important
    }

    .p-xxl-4 {
        padding: 3.5rem!important
    }

    .p-xxl-5 {
        padding: 4rem!important
    }

    .px-xxl-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }

    .px-xxl-25 {
        padding-left: .25rem!important;
        padding-right: .25rem!important
    }

    .px-xxl-50 {
        padding-left: .5rem!important;
        padding-right: .5rem!important
    }

    .px-xxl-75 {
        padding-left: .75rem!important;
        padding-right: .75rem!important
    }

    .px-xxl-1 {
        padding-left: 1rem!important;
        padding-right: 1rem!important
    }

    .px-xxl-2 {
        padding-left: 1.5rem!important;
        padding-right: 1.5rem!important
    }

    .px-xxl-3 {
        padding-left: 3rem!important;
        padding-right: 3rem!important
    }

    .px-xxl-4 {
        padding-left: 3.5rem!important;
        padding-right: 3.5rem!important
    }

    .px-xxl-5 {
        padding-left: 4rem!important;
        padding-right: 4rem!important
    }

    .py-xxl-0 {
        padding-bottom: 0!important;
        padding-top: 0!important
    }

    .py-xxl-25 {
        padding-bottom: .25rem!important;
        padding-top: .25rem!important
    }

    .py-xxl-50 {
        padding-bottom: .5rem!important;
        padding-top: .5rem!important
    }

    .py-xxl-75 {
        padding-bottom: .75rem!important;
        padding-top: .75rem!important
    }

    .py-xxl-1 {
        padding-bottom: 1rem!important;
        padding-top: 1rem!important
    }

    .py-xxl-2 {
        padding-bottom: 1.5rem!important;
        padding-top: 1.5rem!important
    }

    .py-xxl-3 {
        padding-bottom: 3rem!important;
        padding-top: 3rem!important
    }

    .py-xxl-4 {
        padding-bottom: 3.5rem!important;
        padding-top: 3.5rem!important
    }

    .py-xxl-5 {
        padding-bottom: 4rem!important;
        padding-top: 4rem!important
    }

    .pt-xxl-0 {
        padding-top: 0!important
    }

    .pt-xxl-25 {
        padding-top: .25rem!important
    }

    .pt-xxl-50 {
        padding-top: .5rem!important
    }

    .pt-xxl-75 {
        padding-top: .75rem!important
    }

    .pt-xxl-1 {
        padding-top: 1rem!important
    }

    .pt-xxl-2 {
        padding-top: 1.5rem!important
    }

    .pt-xxl-3 {
        padding-top: 3rem!important
    }

    .pt-xxl-4 {
        padding-top: 3.5rem!important
    }

    .pt-xxl-5 {
        padding-top: 4rem!important
    }

    .pe-xxl-0 {
        padding-right: 0!important
    }

    .pe-xxl-25 {
        padding-right: .25rem!important
    }

    .pe-xxl-50 {
        padding-right: .5rem!important
    }

    .pe-xxl-75 {
        padding-right: .75rem!important
    }

    .pe-xxl-1 {
        padding-right: 1rem!important
    }

    .pe-xxl-2 {
        padding-right: 1.5rem!important
    }

    .pe-xxl-3 {
        padding-right: 3rem!important
    }

    .pe-xxl-4 {
        padding-right: 3.5rem!important
    }

    .pe-xxl-5 {
        padding-right: 4rem!important
    }

    .pb-xxl-0 {
        padding-bottom: 0!important
    }

    .pb-xxl-25 {
        padding-bottom: .25rem!important
    }

    .pb-xxl-50 {
        padding-bottom: .5rem!important
    }

    .pb-xxl-75 {
        padding-bottom: .75rem!important
    }

    .pb-xxl-1 {
        padding-bottom: 1rem!important
    }

    .pb-xxl-2 {
        padding-bottom: 1.5rem!important
    }

    .pb-xxl-3 {
        padding-bottom: 3rem!important
    }

    .pb-xxl-4 {
        padding-bottom: 3.5rem!important
    }

    .pb-xxl-5 {
        padding-bottom: 4rem!important
    }

    .ps-xxl-0 {
        padding-left: 0!important
    }

    .ps-xxl-25 {
        padding-left: .25rem!important
    }

    .ps-xxl-50 {
        padding-left: .5rem!important
    }

    .ps-xxl-75 {
        padding-left: .75rem!important
    }

    .ps-xxl-1 {
        padding-left: 1rem!important
    }

    .ps-xxl-2 {
        padding-left: 1.5rem!important
    }

    .ps-xxl-3 {
        padding-left: 3rem!important
    }

    .ps-xxl-4 {
        padding-left: 3.5rem!important
    }

    .ps-xxl-5 {
        padding-left: 4rem!important
    }

    .text-xxl-start {
        text-align: left!important
    }

    .text-xxl-end {
        text-align: right!important
    }

    .text-xxl-center {
        text-align: center!important
    }
}

@media (min-width: 1200px) {
    .fs-1 {
        font-size:2rem!important
    }

    .fs-2 {
        font-size: 1.714rem!important
    }

    .fs-3 {
        font-size: 1.5rem!important
    }

    .fs-4 {
        font-size: 1.286rem!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
    }
}

a:focus {
    outline: none
}

a:not([href]),a:not([href]):hover {
    color: inherit;
    text-decoration: none
}

.list-style-icons {
    list-style: none;
    margin-left: 0;
    padding-left: 10px
}

.list-style-icons>li i,.list-style-icons>li svg {
    margin-right: 6px
}

.pull-up {
    transition: all .25s ease
}

.pull-up:hover {
    box-shadow: 0 14px 24px rgba(62,57,107,.2);
    transform: translateY(-4px) scale(1.02);
    z-index: 30
}

.spinner {
    animation: spin 1s linear infinite;
    display: inline-block
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.spinner-reverse {
    animation: spin-reverse 1s linear infinite;
    display: inline-block
}

@keyframes spin-reverse {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.bullet {
    border-radius: 50%;
    display: inline-block;
    height: 1rem;
    width: 1rem
}

.bullet.bullet-xs {
    height: .5rem;
    width: .5rem
}

.bullet.bullet-sm {
    height: .714rem;
    width: .714rem
}

.bullet.bullet-lg {
    height: 1.25rem;
    width: 1.25rem
}

.section-label {
    color: #b9b9c3;
    font-size: .85rem;
    letter-spacing: .6px;
    text-transform: uppercase
}

.cell-fit {
    white-space: nowrap;
    width: .1%
}

.match-height>[class*=col] {
    display: flex;
    flex-flow: column
}

.match-height>[class*=col]>.card {
    flex: 1 1 auto
}

.text-body-heading {
    color: #5e5873
}

.text-body-heading:hover {
    color: inherit!important
}

.text-body[href]:hover {
    color: #6d62e4!important
}

code {
    background-color: #eee;
    border-radius: .1785rem;
    color: #d63384;
    font-size: 90%;
    padding: .1rem .4rem
}

pre {
    background-color: #f7f7f9
}

pre code {
    background-color: transparent!important
}

.table-white-space td,.table-white-space th {
    white-space: nowrap
}

.table tfoot th,.table thead th {
    font-size: .857rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    vertical-align: top
}

.table.table-sm td,.table.table-sm th {
    padding: .3rem .5rem
}

.table.table-sm td:first-child,.table.table-sm th:first-child {
    padding-left: .75rem
}

.table.table-dark tr>* {
    border-bottom-color: #3b4253!important
}

.table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th,.table:not(.table-dark):not(.table-light) thead:not(.table-dark) th {
    background-color: #f3f2f7
}

.table-hover tbody tr {
    cursor: pointer
}

.card .table {
    border-bottom-left-radius: .357rem;
    border-bottom-right-radius: .357rem;
    margin-bottom: 0
}

.card .table tbody tr:last-child>* {
    border-bottom-width: 0
}

.card .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: .357rem
}

.card .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: .357rem
}

.table.table-flush-spacing tbody tr>td:first-child,.table.table-flush-spacing thead tr>td:first-child {
    padding-left: 0
}

.table.table-flush-spacing tbody tr>td:last-child,.table.table-flush-spacing thead tr>td:last-child {
    padding-right: 0
}

.col-form-label,.col-form-label-lg,.col-form-label-sm {
    align-self: center;
    font-size: .857rem
}

.form-control::-moz-placeholder {
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.form-control::placeholder {
    transition: all .2s ease
}

.form-control:focus::-moz-placeholder {
    transform: translate(5px);
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.form-control:focus::placeholder {
    transform: translate(5px);
    transition: all .2s ease
}

.form-control:focus.is-valid,.form-control:focus:valid {
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1)
}

.form-control-plaintext:focus {
    outline: none
}

textarea.form-control {
    line-height: 1.6rem;
    padding: .8rem 1rem!important
}

textarea.form-control-sm {
    padding: .4rem .857rem!important
}

textarea.form-control-lg {
    padding: 1rem 1.143rem!important
}

.input-group:not(.bootstrap-touchspin):focus-within {
    border-radius: .357rem;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1)
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control,.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #2e4ce5;
    box-shadow: none
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control.is-valid,.input-group:not(.bootstrap-touchspin):focus-within .input-group-text.is-valid {
    border-color: #28c76f
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control.is-invalid,.input-group:not(.bootstrap-touchspin):focus-within .input-group-text.is-invalid {
    border-color: #ea5455
}

.input-group.is-valid .input-group-text {
    border-color: #28c76f!important
}

.input-group.is-valid:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #28c76f
}

.input-group.is-invalid .btn,.input-group.is-invalid .input-group-text {
    border-color: #ea5455!important
}

.input-group.is-invalid:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #ea5455
}

.input-group.disabled .input-group-text {
    background-color: #efefef
}

.input-group.round .form-control,.input-group.round .input-group-text,.input-group.round:focus-within {
    border-radius: 1.5rem
}

.input-group.square .form-control,.input-group.square .input-group-text,.input-group.square:focus-within {
    border-radius: 0
}

.input-group-text {
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .input-group-text {
        transition: none
    }
}

.input-group-merge .form-control:not(:first-child) {
    border-left: 0;
    padding-left: 0
}

.input-group-merge .form-control:not(:last-child) {
    border-right: 0;
    padding-right: 0
}

.input-group-merge .form-control.is-valid .input-group-text {
    border-color: #28c76f
}

.form-check:not(.form-switch) .form-check-input[type=checkbox]:checked {
    background-size: 65%
}

.form-check:not(.form-switch) .form-check-input:disabled:not(:checked) {
    background-color: #efefef;
    border-color: #efefef;
    opacity: 1
}

.form-check-input:not(:disabled):checked {
    box-shadow: 0 2px 4px 0 rgba(115,103,240,.4)
}

.form-check-input:not(:disabled):indeterminate {
    background-size: 85%
}

.form-switch {
    position: relative
}

.form-switch .form-check-input {
    height: 1.7rem
}

.form-switch .form-check-input:checked {
    box-shadow: none!important
}

.form-switch .form-check-input {
    border: none
}

.form-switch .form-check-input:not(:checked) {
    background-color: #e2e2e2
}

.form-switch .form-check-input:active {
    filter: none
}

.form-switch .form-check-input:not(:disabled):checked,.form-switch .form-check-input:not(:disabled):focus {
    box-shadow: none!important
}

.form-switch .form-check-label {
    line-height: 1.7rem
}

.form-switch .form-check-label .switch-icon-left,.form-switch .form-check-label .switch-icon-right,.form-switch .form-check-label .switch-text-left,.form-switch .form-check-label .switch-text-right {
    line-height: 1.65;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.form-switch .form-check-label .switch-icon-left i,.form-switch .form-check-label .switch-icon-left svg,.form-switch .form-check-label .switch-icon-right i,.form-switch .form-check-label .switch-icon-right svg,.form-switch .form-check-label .switch-text-left i,.form-switch .form-check-label .switch-text-left svg,.form-switch .form-check-label .switch-text-right i,.form-switch .form-check-label .switch-text-right svg {
    font-size: 13px;
    height: 13px;
    width: 13px
}

.form-switch .form-check-label .switch-icon-left,.form-switch .form-check-label .switch-text-left {
    color: #fff;
    left: 6px;
    opacity: 0;
    top: 0;
    transform: translateX(8px);
    transition: opacity .1s ease,transform .15s ease
}

.form-switch .form-check-label .switch-icon-right,.form-switch .form-check-label .switch-text-right {
    left: 25px;
    opacity: 1;
    top: 0;
    transform: translateX(0);
    transition: opacity .08s ease,transform .15s ease
}

.form-switch .form-check-label:focus {
    outline: 0
}

.form-switch .form-check-input:checked~.form-check-label:before {
    box-shadow: none
}

.form-switch .form-check-input:checked~.form-check-label:after {
    transform: translateX(1.4rem)
}

.form-switch .form-check-input:checked~.form-check-label .switch-icon-left,.form-switch .form-check-input:checked~.form-check-label .switch-text-left {
    opacity: 1;
    transform: translateX(0)
}

.form-switch .form-check-input:checked~.form-check-label .switch-icon-right,.form-switch .form-check-input:checked~.form-check-label .switch-text-right {
    opacity: 0;
    transform: translateX(-8px)
}

.form-switch .form-check-input:not(:checked)~.form-check-label .switch-text-left {
    opacity: 0
}

.form-switch .form-check-input:not(:checked)~.form-check-label .switch-text-right {
    opacity: 1
}

.form-switch .form-check-input:checked~.form-check-label .switch-text-right {
    opacity: 0
}

.form-switch .form-check-input:checked~.form-check-label .switch-text-left {
    opacity: 1
}

.form-floating>.form-control:focus~label {
    color: #7367f0
}

.form-floating>label {
    opacity: .65
}

.textarea-counter-value {
    background-color: #7367f0;
    border-radius: 0 0 5px 5px;
    color: #fff;
    font-size: .6rem;
    margin-right: 1rem;
    padding: 1px 6px
}

.btn.disabled-max-min,.btn.disabled-max-min:active,.btn.disabled-max-min:focus {
    background-color: rgba(34,41,47,.5)!important;
    cursor: default
}

.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
    border-color: transparent!important
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.picker__input.form-control {
    background-color: #fff
}

input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
    -webkit-text-fill-color: #6e6b7b!important;
    -webkit-box-shadow: inset 0 0 0 1000px #fff!important
}

.btn[class*=bg-gradient-] {
    transition: all .2s ease
}

.btn[class*=bg-gradient-]:hover {
    transform: translateY(-2px)
}

.btn.btn-icon {
    padding: .715rem .736rem
}

.btn.btn-sm.btn-icon {
    line-height: .5;
    padding: .5rem
}

.btn.btn-lg.btn-icon {
    line-height: .75;
    padding: 1rem
}

.btn.active,.btn.focus,.btn:active,.btn:focus {
    box-shadow: none;
    outline: none
}

.btn:not(:disabled):not(.disabled).active:focus,.btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none!important
}

.btn .feather {
    vertical-align: bottom
}

.btn-check:active+[class*=btn-],.btn-check:checked+[class*=btn-] {
    box-shadow: none;
    outline: none
}

.btn.waves-input-wrapper {
    padding: 0
}

.btn-pinned {
    position: absolute;
    right: .7rem;
    top: 1.2rem
}

@media (max-width: 767.98px) {
    .btn-sm-block {
        display:block;
        width: 100%
    }
}

.waves-effect {
    cursor: inherit
}

.dropdown-toggle-split {
    padding-left: .78947rem;
    padding-right: .78947rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split {
    padding-left: 1.14286rem;
    padding-right: 1.14286rem
}

.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split {
    padding-left: .52632rem;
    padding-right: .52632rem
}

.btn-group [class*=btn-]:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]) {
    border-left-color: rgba(34,41,47,.08)!important;
    border-right-color: rgba(34,41,47,.08)!important
}

.btn-group>.btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):first-child,.btn-group>.btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):first-of-type {
    border-left-color: transparent!important
}

.btn-group>.btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):last-child,.btn-group>.btn:not([class*=btn-outline-]):not([class*=btn-flat-]):not([class*=btn-gradient-]):not([class*=btn-relief-]):last-of-type {
    border-right-color: transparent!important
}

.btn-group-toggle [class*=btn-outline-]:not(:last-child) {
    border-right-width: 0!important
}

.btn-group-toggle :not([class*=btn-outline-]).active,.btn-group-toggle :not([class*=btn-outline-]):active {
    box-shadow: inset 0 4px 24px 0 rgba(34,41,47,.1)
}

.dropdown [class*=btn-outline-].dropdown-toggle.dropdown-toggle-split {
    border-left: 0!important
}

.dropdown.no-arrow .dropdown-toggle:after {
    display: none
}

.dropdown.no-arrow .dropdown-toggle i,.dropdown.no-arrow .dropdown-toggle svg {
    margin-right: 0
}

.dropdown-menu {
    box-shadow: 0 5px 25px rgba(34,41,47,.1);
    transform: scaleY(0)
}

.dropdown-menu .dropdown-header {
    font-weight: 500;
    line-height: 1
}

.show>.dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1)
}

.show .btn.dropdown-toggle:focus,.show .dropdown-toggle:focus {
    box-shadow: none
}

.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border: none!important;
    color: #6e6b7b;
    content: " ";
    height: 11px;
    left: .714rem;
    margin: 0;
    padding: 0;
    position: relative;
    right: 0;
    top: 1px;
    vertical-align: 0;
    width: 14px
}

.dropdown-toggle.btn-lg:after {
    background-size: 18px
}

.dropdown-toggle.btn-sm:after {
    background-size: 14px
}

.dropdown-toggle.dropdown-toggle-split:after {
    left: 0
}

.dropdown-toggle.nav-hide-arrow:after {
    display: none
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup {
    position: relative
}

.dropup .dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    content: "";
    height: 11px;
    vertical-align: .05rem;
    width: 14px
}

.dropup .dropdown-menu {
    min-width: 8rem
}

.dropstart .dropdown-toggle:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border: none!important;
    content: "";
    height: 11px;
    left: 0;
    position: relative;
    width: 14px
}

.dropstart .dropdown-menu {
    min-width: 8rem
}

.dropend .dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    border: none!important;
    content: "";
    height: 11px;
    width: 14px
}

.dropend .dropdown-menu {
    min-width: 8rem
}

.dropdown-menu[data-popper-placement=bottom-end],.dropdown-menu[data-popper-placement=bottom-start] {
    margin-top: .4rem!important
}

.dropdown-menu[data-popper-placement=top-end],.dropdown-menu[data-popper-placement=top-start] {
    margin-bottom: .4rem!important
}

.dropdown-menu[data-popper-placement=right-end],.dropdown-menu[data-popper-placement=right-start] {
    margin-left: .4rem!important
}

.dropdown-menu[data-popper-placement=left-end],.dropdown-menu[data-popper-placement=left-start] {
    margin-right: .4rem!important
}

.dropdown.dropdown-icon-wrapper .dropdown-toggle:after,.dropup.dropdown-icon-wrapper .dropdown-toggle:after {
    display: none
}

.dropdown.dropdown-icon-wrapper .dropdown-menu,.dropup.dropdown-icon-wrapper .dropdown-menu {
    min-width: auto
}

.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item,.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item {
    cursor: pointer;
    padding: .5rem 1.1rem
}

.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,.dropdown.dropdown-icon-wrapper .dropdown-menu .dropdown-item svg,.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item i,.dropup.dropdown-icon-wrapper .dropdown-menu .dropdown-item svg {
    font-size: 1.3rem;
    height: 1.3rem;
    width: 1.3rem
}

.header-navbar .dropdown-menu,.horizontal-menu-wrapper .dropdown-menu {
    animation-duration: .3s;
    animation-fill-mode: both;
    animation-name: slideIn
}

.dropdown-toggle-hide-arrow>.dropdown-toggle:after,.dropdown-toggle-hide-arrow>.dropdown-toggle:before,.dropdown-toggle.hide-arrow:after,.dropdown-toggle.hide-arrow:before {
    display: none
}

@keyframes slideIn {
    to {
        opacity: 1;
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(1rem)
    }
}

.header-navbar {
    font-family: Roboto,sans-serif;
    min-height: 4.45rem;
    padding: 0;
    transition: all .3s ease,background 0s;
    z-index: 997
}

.header-navbar.fixed-top,.header-navbar.floating-nav {
    left: 260px
}

.header-navbar[class*=bg-] .navbar-nav .nav-item>a,.header-navbar[class*=bg-] .navbar-nav .nav-item>a i,.header-navbar[class*=bg-] .navbar-nav .nav-item>a span,.header-navbar[class*=bg-] .navbar-nav .nav-item>a svg {
    color: #fff!important
}

.header-navbar[class*=bg-] .navbar-nav .nav-item .dropdown-menu i,.header-navbar[class*=bg-] .navbar-nav .nav-item .dropdown-menu svg {
    color: inherit!important
}

.header-navbar[class*=bg-] .navbar-nav .search-input .input,.header-navbar[class*=bg-] .navbar-nav .search-input .search-list .auto-suggestion span {
    color: #6e6b7b!important
}

.header-navbar.floating-nav {
    border-radius: .428rem;
    margin: 1.3rem auto 0;
    position: fixed;
    right: 0;
    width: calc(100% - 4rem - 260px);
    z-index: 12
}

.header-navbar.navbar-static-top {
    background: transparent;
    box-shadow: none!important;
    left: 260px;
    right: 0;
    top: 0;
    width: calc(100% - 260px)
}

.header-navbar.navbar-border {
    border-bottom: 1px solid #ebe9f1
}

.header-navbar.navbar-shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1)
}

.header-navbar.navbar-dark.navbar-border {
    border-bottom: 1px solid #3b4253
}

.header-navbar:not(.navbar-horizontal) .nav-link.dropdown-toggle:after {
    display: none
}

.header-navbar .navbar-container {
    flex-basis: 100%;
    margin-left: 0;
    padding: .8rem 1rem;
    transition: all .3s ease
}

@media (min-width: 576px) {
    .header-navbar .navbar-container {
        padding:.8rem 1.4rem
    }
}

.header-navbar .navbar-container .bookmark-wrapper .bookmark-input {
    z-index: 1
}

.header-navbar .navbar-container .dropdown-language .selected-language {
    font-weight: 500
}

.header-navbar .navbar-container .dropdown-language .dropdown-menu .dropdown-item .flag-icon,.header-navbar .navbar-container .dropdown-language .nav-link .flag-icon {
    margin-right: .4rem
}

.header-navbar .navbar-container ul.navbar-nav li {
    line-height: 1.5
}

.vertical-layout .header-navbar .navbar-container ul.navbar-nav li.dropdown .dropdown-menu {
    right: 0;
    top: 41px!important
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-language .dropdown-menu.dropdown-menu-end {
    right: -2px
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .badge.badge-up,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .badge.badge-up {
    right: -3px
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu.dropdown-menu-end,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu.dropdown-menu-end {
    left: inherit;
    padding: 0;
    right: -2px
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu.dropdown-menu-end:before,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu.dropdown-menu-end:before {
    background: #7367f0;
    border-color: #7367f0
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-header,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-header {
    border-top-left-radius: .357rem;
    border-top-right-radius: .357rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-header .dropdown-header,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-header .dropdown-header {
    padding: 1.22rem 1.28rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .notification-text,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .notification-text {
    color: #b9b9c3;
    font-size: smaller;
    margin-bottom: .5rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .dropdown-menu-footer,.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .dropdown-menu-footer {
    padding: 1.28rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-notification .list-item-body .media-heading {
    color: #6e6b7b;
    line-height: 1.2;
    margin-bottom: 0
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item {
    position: relative
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item img {
    background: #f8f8f8
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item:hover .cart-item-remove {
    visibility: visible
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading {
    width: 8rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading h6.cart-item-title {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .media-heading .cart-item-by {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #b9b9c3;
    display: -webkit-box;
    overflow: hidden
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .list-item-body {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-price {
    margin-bottom: 0;
    text-align: right;
    width: 5rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-remove {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 17px;
    top: 10px;
    width: 14px
}

@media (min-width: 768px) {
    .header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-remove {
        visibility:hidden
    }
}

.header-navbar .navbar-container ul.navbar-nav li>a.nav-link {
    color: #6e6b7b;
    padding: 0 .5rem;
    position: relative
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user {
    line-height: 1!important
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu {
    margin-top: 10px;
    width: 12rem
}

.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu i,.header-navbar .navbar-container ul.navbar-nav li.dropdown-user .dropdown-menu svg {
    font-size: 14px;
    height: 14px;
    vertical-align: top;
    width: 14px
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link {
    align-items: center;
    display: flex
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
    display: inline-block;
    margin-bottom: .435rem;
    margin-left: .2rem
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-status {
    font-size: smaller
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link img {
    box-shadow: 0 4px 8px 0 rgba(34,41,47,.12),0 2px 4px 0 rgba(34,41,47,.08)
}

.header-navbar .navbar-container ul.navbar-nav li a.menu-toggle i,.header-navbar .navbar-container ul.navbar-nav li a.menu-toggle svg {
    font-size: 1.6rem;
    height: 1.6rem;
    width: 1.6rem
}

.header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-nav {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    float: left;
    margin-right: .8rem
}

.header-navbar .navbar-container ul.navbar-nav li div.input-group {
    padding: .7rem 1rem
}

.header-navbar .navbar-container ul.navbar-nav li i.ficon,.header-navbar .navbar-container ul.navbar-nav li svg.ficon {
    color: #6e6b7b;
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem
}

.header-navbar .navbar-container ul.navbar-nav li i.ficon:hover,.header-navbar .navbar-container ul.navbar-nav li svg.ficon:hover {
    color: #7367f0
}

.header-navbar .navbar-container ul.navbar-nav li .media-list {
    max-height: 25rem
}

.header-navbar .navbar-container ul.navbar-nav li .scrollable-container {
    position: relative
}

.header-navbar .navbar-container .dropdown-menu-media {
    width: 30rem
}

.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-header {
    border-bottom: 1px solid #ebe9f1
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item {
    border: none;
    border-bottom: 1px solid #ebe9f1;
    display: flex;
    flex-grow: 1;
    padding: .9rem 1.28rem
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item:hover {
    background: #f8f8f8
}

.header-navbar .navbar-container .dropdown-menu-media .media-list .list-item .media-meta {
    color: #6e6b7b
}

.header-navbar .navbar-container .dropdown-menu-media .media-list a:last-of-type .list-item {
    border-bottom: none
}

.header-navbar .navbar-container .dropdown-menu-media .dropdown-menu-footer {
    border-top: 1px solid #ebe9f1
}

.header-navbar-shadow {
    display: none
}

.navbar-floating .navbar-container:not(.main-menu-content) {
    padding: .8rem 1rem
}

.navbar-floating .header-navbar-shadow {
    background: linear-gradient(180deg,hsla(0,0%,97%,.95) 44%,hsla(0,0%,97%,.46) 73%,hsla(0,0%,100%,0));
    background-repeat: repeat;
    display: block;
    height: 102px;
    left: 0;
    padding-top: 2.2rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11
}

.navbar-light,.navbar-light.navbar-horizontal {
    background: #fff
}

.navbar-light .navbar-nav .active.nav-link {
    background-color: rgba(34,41,47,.03)
}

.navbar-light .navbar-nav .disabled.nav-link {
    color: #b9b9c3
}

.navbar-dark {
    background: #b8c2cc
}

.navbar-dark .navbar-brand {
    color: #fff!important
}

.navbar-dark.navbar-horizontal {
    background: #b8c2cc
}

.navbar-dark .nav-search .btn-secondary,.navbar-dark .nav-search .form-control {
    background: #b8c2cc;
    color: #fff
}

.navbar-dark .navbar-nav li {
    line-height: 1
}

.navbar-dark .navbar-nav .active.nav-link {
    background-color: hsla(0,0%,100%,.05)
}

.navbar-dark .navbar-nav .disabled.nav-link {
    color: #dae1e7
}

@media (max-width: 767.98px) {
    .header-navbar .navbar-nav .show {
        position:static
    }

    .header-navbar .navbar-nav .open-navbar-container {
        padding-top: .625rem
    }

    .header-navbar .dropdown,.header-navbar .dropend,.header-navbar .dropstart,.header-navbar .dropup {
        position: static
    }

    .header-navbar .navbar-container .show~.dropdown-menu {
        float: none;
        left: 0!important;
        margin-top: 0;
        overflow: hidden;
        right: 0;
        width: auto!important
    }

    .header-navbar .navbar-container .dropdown-user .dropdown-menu-end {
        right: 0!important
    }

    .header-navbar .navbar-container ul.navbar-nav li .dropdown-toggle:after {
        margin-left: -2px;
        margin-right: 0
    }

    .navbar-dark .navbar-header .navbar-nav .nav-link {
        color: #fff
    }

    .navbar-dark .navbar-container .navbar-nav .nav-link,.navbar-light .navbar-container .navbar-nav .nav-link,.navbar-light .navbar-header .navbar-nav .nav-link {
        color: #b8c2cc
    }
}

@media (max-width: 1199.98px) {
    .header-navbar.floating-nav {
        width:calc(100% - 4rem)
    }

    .header-navbar.navbar-static-top {
        left: 0;
        width: 100%
    }
}

@media (max-width: 991.98px) {
    .header-navbar .navbar-nav {
        flex-flow:row wrap;
        margin: 0
    }

    .header-navbar .navbar-nav .dropdown-menu {
        position: absolute
    }

    .header-navbar .navbar-nav .nav-item {
        float: left
    }
}

@media (max-width: 767px) {
    .header-navbar .navbar-nav {
        flex-flow:row wrap;
        margin: 0
    }

    .header-navbar .navbar-nav .dropdown-menu {
        position: absolute
    }

    .header-navbar .navbar-nav .nav-item {
        float: left
    }
}

@media (max-width: 767.98px) {
    .header-navbar.floating-nav {
        margin-left:1.2rem;
        margin-right: 1.2rem;
        width: calc(100% - 2.4rem)!important
    }

    .header-navbar .navbar-container ul.navbar-nav li .selected-language {
        display: none
    }
}

@media only screen and (min-device-width: 26.78em) and (max-device-width:47.64em) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
    .header-navbar .navbar-container .show .dropdown-menu {
        max-height:180px
    }
}

@media only screen and (min-device-width: 29.57em) and (max-device-width:52.57em) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape) {
    .header-navbar .navbar-container .show .dropdown-menu {
        max-height:280px
    }
}

@media (max-width: 1201px) {
    .header-navbar.fixed-top,.header-navbar.floating-nav {
        left:0
    }

    .horizontal-layout .header-navbar .navbar-container {
        padding-left: .8rem;
        padding-right: .8rem
    }
}

@media (max-width: 1199px) {
    .header-navbar .navbar-container ul.navbar-nav li a.dropdown-user-link .user-name {
        margin-bottom:0
    }
}

.card {
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    margin-bottom: 2rem;
    transition: all .3s ease-in-out,background 0s,color 0s,border-color 0s
}

.card .card {
    box-shadow: none!important
}

.card .card-title {
    font-size: 1.285rem;
    font-weight: 500;
    margin-bottom: 1.53rem
}

.card .card-bordered {
    border: 0 solid rgba(34,41,47,.125)
}

.card .card-img {
    -o-object-fit: cover;
    object-fit: cover
}

.card .card-img-overlay {
    border-radius: .428rem
}

.card.card-fullscreen {
    bottom: 0;
    display: block;
    height: 100%!important;
    left: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%!important;
    z-index: 9999
}

.card .card-body[class*=border-bottom-] {
    border-bottom-width: 2px!important
}

.card .card-img-overlay.bg-overlay {
    background: rgba(34,41,47,.45)
}

.card .card-img-overlay .text-muted {
    color: #1e1e1e!important
}

.card.card-minimal {
    border: none;
    box-shadow: none
}

.card .card-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.card .card-header .card-title {
    margin-bottom: 0
}

.card .card-header .heading-elements {
    position: relative;
    top: -1px
}

.card .card-header .heading-elements li:not(:first-child) a {
    margin-left: .75rem
}

.card .card-header .heading-elements a.btn {
    padding-bottom: 6px;
    padding-top: 6px
}

.card .card-header .heading-elements a i,.card .card-header .heading-elements a svg {
    font-size: 1rem;
    height: 1rem;
    width: 1rem
}

.card .card-header .heading-elements a[data-action=collapse] i,.card .card-header .heading-elements a[data-action=collapse] svg {
    display: inline-block;
    transition: all .25s ease-out
}

.card .card-header .heading-elements a[data-action=collapse].rotate i,.card .card-header .heading-elements a[data-action=collapse].rotate svg {
    transform: rotate(-180deg)
}

.card .card-header+.card-body,.card .card-header+.card-content>.card-body:first-of-type {
    padding-top: 0
}

.card .card-footer {
    background-color: transparent;
    border-top: 1px solid #dae1e7
}

.card-group {
    margin-bottom: .75rem
}

.card-head-inverse,.card-head-inverse .heading-elements i,.card-head-inverse .heading-elements svg {
    color: #fff
}

.card-transparent {
    background-color: transparent
}

.text-white .card-img-overlay .text-muted {
    color: #fff!important
}

.text-white code {
    background-color: #fff
}

.text-white .heading-elements i,.text-white .heading-elements svg {
    color: #fff
}

.overlay-img-card .card-img-overlay,.overlay-img-card img {
    max-height: 34.64rem
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .card-body,.card-content {
        min-height: 1px
    }
}

.card-congratulations {
    background: linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));
    color: #fff
}

.card-congratulations .congratulations-img-left {
    left: 0;
    position: absolute;
    top: 0;
    width: 200px
}

@media (max-width: 575.98px) {
    .card-congratulations .congratulations-img-left {
        width:140px
    }
}

.card-congratulations .congratulations-img-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 175px
}

@media (max-width: 575.98px) {
    .card-congratulations .congratulations-img-right {
        width:140px
    }
}

.card-congratulations .avatar {
    margin-bottom: 2rem
}

.congratulation-medal {
    position: absolute;
    right: 37px;
    top: 0
}

.card-deposits .deposits-divider {
    margin-bottom: 1.4rem;
    margin-top: 1.8rem
}

.card-employee-task .employee-task:not(:last-child) {
    margin-bottom: 1.5rem
}

.card-developer-meetup .meetup-img-wrapper {
    background-color: rgba(115,103,240,.1)
}

.card-developer-meetup .meetup-header {
    margin-bottom: 2rem
}

.card-developer-meetup .meetup-header .meetup-day {
    border-right: 1px solid #d8d6de;
    margin-right: 1.3rem;
    padding-right: 1.3rem;
    text-align: center
}

.card-developer-meetup .meetings .avatar .avatar-content {
    height: 34px;
    width: 34px
}

.card-developer-meetup .meetings+.meetings {
    margin-top: 1.2rem
}

.card-developer-meetup .avatar-group {
    margin-top: 2rem
}

.card-profile {
    text-align: center
}

.card-profile .card-body {
    padding: 5rem 2.3rem 1.5rem;
    position: relative
}

.card-profile .card-body .profile-image-wrapper {
    display: flex;
    justify-content: center
}

.card-profile .card-body .profile-image-wrapper .profile-image {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 8px 0 rgba(34,41,47,.14);
    margin-bottom: 1.15rem;
    padding: .5rem;
    position: absolute;
    top: -4rem
}

.card-profile .card-body .profile-image-wrapper .profile-image img {
    height: 100px;
    width: 100px
}

.card-profile .card-body .profile-badge {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.card-apply-job .apply-job-package {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.15rem;
    padding: 1.2rem
}

.card-apply-job .apply-job-package sup {
    top: -.8rem
}

.card-transaction .transaction-item {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.card-transaction .transaction-item:not(:last-child) {
    margin-bottom: 1.2rem
}

.card-transaction .transaction-item .avatar {
    margin-right: 1.2rem
}

.card-transaction .transaction-item .avatar .avatar-content {
    height: 42px;
    width: 42px
}

.card-transaction .transaction-item .transaction-title {
    margin-bottom: .2rem;
    margin-top: .2rem
}

.card-user-timeline .user-timeline-title-icon {
    height: 1.714rem;
    margin-right: 1.3rem;
    width: 1.714rem
}

.card-user-timeline .timeline .timeline-item:last-child .timeline-event {
    min-height: auto
}

.card-user-timeline .timeline .timeline-item:not(:last-child) {
    padding-bottom: 2.3rem
}

.business-card .business-items:not(:last-child) {
    margin-bottom: 1.3rem
}

.business-card .business-items .business-item {
    border: 1px solid #ebe9f1;
    border-radius: .357rem;
    padding: 1rem 1rem 1rem 1.3rem
}

.business-card .business-items .business-item:not(:last-child) {
    margin-bottom: .85rem
}

.card-browser-states .browser-states {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 2.14rem
}

.card-app-design .design-group {
    margin-bottom: 2rem
}

.card-app-design .design-group .avatar:not(:last-child) {
    margin-right: .6rem
}

.card-app-design .design-planning-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.card-app-design .design-planning-wrapper:not(:last-child) {
    margin-bottom: 1.3rem
}

.card-app-design .design-planning-wrapper .design-planning {
    background-color: #f8f8f8;
    border-radius: .357rem;
    margin-bottom: .7rem;
    min-width: 6.4rem;
    padding: .5rem;
    text-align: center
}

.card-app-design .design-planning-wrapper .design-planning:not(:last-child) {
    margin-right: .7rem
}

.card-statistics .card-header {
    padding-left: 2.4rem
}

.card-statistics .statistics-body {
    padding: 2rem 2.4rem 2.8rem!important
}

.card-statistics .statistics-body .avatar .avatar-content {
    height: 48px;
    width: 48px
}

.card-statistics .statistics-body .avatar .avatar-content .avatar-icon {
    height: 24px;
    width: 24px
}

.chart-dropdown .btn {
    font-size: 1rem;
    font-weight: 400
}

.chart-dropdown .btn:after {
    display: none
}

.card-revenue-budget .revenue-report-wrapper {
    padding: 1.286rem 1.5rem
}

@media (min-width: 768px) {
    .card-revenue-budget .revenue-report-wrapper {
        border-right:1px solid #ebe9f1
    }
}

.card-revenue-budget .revenue-report-wrapper #revenue-report-chart .apexcharts-series[seriesName=Earning] {
    transform: scaleY(.965)
}

.card-revenue-budget .revenue-report-wrapper #revenue-report-chart .apexcharts-series[seriesName=Expense] {
    transform: scaleY(1.035)
}

.card-revenue-budget .budget-wrapper {
    padding: 2rem 3rem;
    text-align: center
}

@media (max-width: 767.98px) {
    .card-revenue-budget .budget-wrapper {
        padding-top:0
    }
}

.card-revenue-budget .budget-wrapper .budget-dropdown {
    margin-bottom: 2rem
}

.card-revenue-budget .budget-wrapper #budget-chart {
    margin-bottom: 2rem;
    margin-top: 2rem
}

.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
    fill: #6e6b7b!important;
    font-size: .8rem
}

.earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
    fill: #5e5873;
    font-size: 1.286rem;
    font-weight: 500
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    #dashboard-analytics .avatar .avatar-content,#statistics-card .avatar .avatar-content {
        padding: 0!important
    }
}

.carousel-dark .carousel-caption h1,.carousel-dark .carousel-caption h2,.carousel-dark .carousel-caption h3,.carousel-dark .carousel-caption h4,.carousel-dark .carousel-caption h5,.carousel-dark .carousel-caption h6 {
    color: #22292f
}

.breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item+.breadcrumb-item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #6e6b7b;
    content: " ";
    margin-right: .6rem
}

.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    height: 20px
}

.breadcrumb-slash.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "/"
}

.breadcrumb-dots.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: ".";
    position: relative;
    top: -4px
}

.breadcrumb-dashes.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "-"
}

.breadcrumb-pipes.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "|"
}

.breadcrumb-chevron.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #6e6b7b;
    content: " ";
    margin-right: .6rem
}

.content-header .breadcrumb {
    padding-left: 1rem
}

@media (max-width: 648px) {
    .content-header .breadcrumb {
        display:none
    }

    .breadcrumbs-top .content-header-title {
        display: contents!important
    }
}

.badge[class*=bg-] [class*=icon-] {
    line-height: 1
}

.badge[class*=bg-] a {
    color: #fff
}

.badge[class*=bg-] .dropdown-toggle i,.badge[class*=bg-] .dropdown-toggle span,.badge[class*=bg-] .dropdown-toggle svg,.badge[class*=bg-].dropdown-toggle i,.badge[class*=bg-].dropdown-toggle span,.badge[class*=bg-].dropdown-toggle svg {
    vertical-align: text-top
}

.badge[class*=bg-] .dropdown-toggle i,.badge[class*=bg-] .dropdown-toggle svg,.badge[class*=bg-].dropdown-toggle i,.badge[class*=bg-].dropdown-toggle svg {
    padding-left: .2rem
}

.badge[class*=bg-] .dropdown-toggle:after,.badge[class*=bg-].dropdown-toggle:after {
    font-size: 1rem;
    left: 0;
    position: relative;
    top: 0
}

.badge[class*=bg-] .dropdown-menu a {
    color: #6e6b7b
}

.badge i,.badge svg {
    stroke-width: 3;
    font-size: 12px;
    height: 12px;
    vertical-align: top;
    width: 11px
}

.badge.badge-square {
    border-radius: 0
}

.badge.badge-up {
    align-items: center;
    display: flex;
    font-size: .786rem;
    justify-content: center;
    line-height: .786;
    min-height: 1.429rem;
    min-width: 1.429rem;
    padding-left: .25rem;
    padding-right: .25rem;
    position: absolute;
    right: -9px;
    top: -11px
}

.badge.badge-up.badge-sm {
    right: -.5rem;
    top: -.5rem
}

.badge-icon i,.badge-icon svg {
    font-size: 100%;
    margin-right: 5px
}

.dropup .badge {
    cursor: pointer
}

.nav {
    border-radius: .25rem
}

.nav.wrap-border {
    border: 1px solid #ddd
}

.nav.wrap-border li.nav-header {
    margin: 0 .5rem
}

.nav.wrap-border div,.nav.wrap-border li.nav-item {
    padding: 2px .714rem
}

.nav.nav-left .nav-item .nav-link {
    justify-content: flex-start
}

.nav.nav-right .nav-item .nav-link {
    justify-content: flex-end
}

.nav.square-border,.nav.square-border .nav-item .nav-link.active {
    border-radius: 0
}

.nav .modern-nav-toggle {
    margin: 1.571rem 0;
    padding: 0
}

.nav .dropdown.show .dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.nav .dropdown-toggle:not(.active):after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.nav-pills .nav-link,.nav-tabs .nav-link {
    align-items: center;
    display: flex;
    justify-content: center
}

.nav-pills .nav-link i,.nav-pills .nav-link svg,.nav-tabs .nav-link i,.nav-tabs .nav-link svg {
    margin-right: .5rem
}

.nav-pills {
    margin-bottom: 1rem
}

.nav-pills .nav-link {
    border: 1px solid transparent;
    color: #5e5873;
    font-size: 1rem;
    line-height: 1rem;
    padding: .786rem 1.5rem
}

.nav-pills .nav-link.active {
    border-color: #7367f0;
    box-shadow: 0 4px 18px -4px rgba(115,103,240,.65)
}

.nav-pills .nav-link.disabled {
    color: #b9b9c3
}

.nav-pills .nav-link.dropdown-toggle:after {
    left: 1px;
    top: 1px
}

.nav-pills.dropdown.show .nav-link {
    color: #fff
}

.nav-pills.dropdown.show .dropdown-item.active:hover {
    color: #7367f0
}

.nav-pills.nav-justified {
    width: 100%
}

.nav-pills.nav-justified .nav-item {
    float: none
}

.nav-pills.nav-justified .nav-link {
    margin-bottom: 5px;
    text-align: center
}

.nav-pills.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto
}

@media (min-width: 576px) {
    .nav-pills.nav-justified .nav-item {
        display:block;
        width: 1%
    }

    .nav-pills.nav-justified .nav-link {
        margin-bottom: 0
    }
}

.nav-pills.nav-justified .nav-link {
    border-radius: .357rem;
    margin-right: 0
}

@media (min-width: 576px) {
    .nav-pills.nav-justified .nav-link.active,.nav-pills.nav-justified .nav-link.active:focus,.nav-pills.nav-justified .nav-link.active:hover {
        border-bottom-color:transparent
    }
}

.nav-pills.nav-justified .nav-link {
    display: block
}

.nav-pills.nav-justified .nav-link.active,.nav-pills.nav-justified .nav-link.active:focus,.nav-pills.nav-justified .nav-link.active:hover {
    border: none
}

.nav-tabs {
    margin-bottom: 1rem
}

.nav-tabs,.nav-tabs .nav-item {
    position: relative
}

.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    color: #6e6b7b;
    font-weight: 450;
    min-width: auto;
    overflow: hidden;
    padding: .61rem 1.2rem;
    position: relative
}

.nav-tabs .nav-link:after {
    background: linear-gradient(30deg,#7367f0,rgba(115,103,240,.5))!important;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: translate3d(0,150%,0);
    transition: transform .3s;
    width: 100%
}

.nav-tabs .nav-link.active {
    color: #7367f0;
    position: relative
}

.nav-tabs .nav-link.active:after {
    transform: translateZ(0)
}

.nav-tabs .nav-link.dropdown-toggle:after {
    left: 1px;
    top: 1px
}

.nav-tabs.nav-justified {
    width: 100%
}

.nav-tabs.nav-justified .nav-item {
    float: none
}

.nav-tabs.nav-justified .nav-link {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    left: auto;
    top: auto
}

@media (min-width: 576px) {
    .nav-tabs.nav-justified .nav-item {
        display:block;
        width: 1%
    }

    .nav-tabs.nav-justified .nav-link {
        margin-bottom: 0
    }
}

.nav-tabs.nav-justified .nav-link {
    border-radius: .357rem;
    margin-right: 0
}

@media (min-width: 576px) {
    .nav-tabs.nav-justified .nav-link.active,.nav-tabs.nav-justified .nav-link.active:focus,.nav-tabs.nav-justified .nav-link.active:hover {
        border-bottom-color:transparent
    }
}

.nav-tabs.nav-justified .nav-item a.nav-link {
    border-radius: 0;
    display: block
}

.nav-tabs.nav-justified .nav-item a.nav-link.active {
    border: none
}

.nav-tabs.nav-justified .nav-item a.nav-link:hover {
    border-color: transparent
}

.nav-vertical {
    overflow: hidden
}

.nav-vertical .nav.nav-tabs .nav-item .nav-link {
    margin-bottom: 0
}

.nav-vertical .nav.nav-tabs .nav-item .nav-link:after {
    left: 70%;
    transform: rotate(90deg) translate3d(0,150%,0)
}

.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
    left: auto;
    right: -1.4rem;
    top: 1.25rem;
    transform: rotate(90deg) translate3d(0,225%,0);
    width: 2.14rem
}

.nav-vertical .nav.nav-tabs.nav-left {
    display: table;
    float: left;
    margin-right: 1rem
}

.nav-vertical .nav.nav-tabs.nav-left~.tab-content .tab-pane {
    display: none;
    overflow-y: auto;
    padding-left: 1rem
}

.nav-vertical .nav.nav-tabs.nav-left~.tab-content .tab-pane.active {
    display: block
}

.nav-vertical .nav.nav-tabs.nav-right {
    display: table;
    float: right;
    margin-left: 1rem
}

.nav-vertical .nav.nav-tabs.nav-right .nav-item .nav-link.active:after {
    left: -.9rem;
    transform: rotate(90deg) translate3d(0,10%,0)
}

.nav-vertical .nav.nav-tabs.nav-right~.tab-content .tab-pane {
    display: none;
    overflow-y: auto;
    padding-right: 1rem
}

.nav-vertical .nav.nav-tabs.nav-right~.tab-content .tab-pane.active {
    display: block
}

.alert {
    font-weight: 500;
    padding: 0
}

.alert.alert-dismissible .btn-close {
    background-color: transparent!important;
    box-shadow: none!important;
    padding: 1rem
}

.alert.alert-dismissible .alert-body {
    padding: .71rem 2rem .71rem 1rem
}

.alert .btn-close:focus {
    outline: 0
}

.alert .alert-link:hover {
    text-decoration: underline
}

.alert p {
    font-weight: 500;
    margin-bottom: 0;
    padding: 2px 0;
    vertical-align: middle
}

.alert .alert-heading {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: .71rem 1rem
}

.alert .alert-body {
    padding: .71rem 1rem
}

.alert.alert-dark .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(75,75,75,.4)
}

.progress .progress-bar+.progress-bar:not(:last-child) {
    border-radius: 0
}

.progress .progress-bar:last-child {
    border-bottom-right-radius: 5rem;
    border-top-right-radius: 5rem
}

ul.list-inline li {
    display: inline-block
}

ul.list-inline.list-inline-pipe>li+li:before {
    content: " | ";
    padding-right: 2px
}

.list-group .list-group-item {
    line-height: 1.5
}

.list-group .list-group-item i,.list-group .list-group-item svg {
    position: relative
}

.list-group .list-group-item-action:focus {
    outline: 0
}

.list-group .list-group-item-action.active h1,.list-group .list-group-item-action.active h2,.list-group .list-group-item-action.active h3,.list-group .list-group-item-action.active h4,.list-group .list-group-item-action.active h5,.list-group .list-group-item-action.active h6,.list-group .list-group-item-action:active h1,.list-group .list-group-item-action:active h2,.list-group .list-group-item-action:active h3,.list-group .list-group-item-action:active h4,.list-group .list-group-item-action:active h5,.list-group .list-group-item-action:active h6 {
    color: #fff
}

.list-group .list-group-item-action small {
    color: #b9b9c3!important
}

.list-group.list-group-circle {
    border: none
}

.list-group.list-group-circle .list-group-item {
    border: none;
    padding-left: 1.5rem;
    position: relative
}

.list-group.list-group-circle .list-group-item:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px;
    color: #6e6b7b;
    content: " ";
    height: 10px;
    left: 0;
    position: absolute;
    top: 1.15rem;
    width: 10px
}

.list-group.list-group-circle .list-group-item:hover {
    background-color: transparent
}

.list-group-item.gu-mirror {
    border-radius: 0
}

.toast.show {
    z-index: 1030
}

.toast .btn-close:focus {
    box-shadow: none
}

@media (max-width: 420.98px) {
    .toast {
        width:auto
    }
}

.accordion [data-bs-toggle=collapse] {
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.45
}

.accordion .accordion-item,.accordion .accordion-item:last-of-type {
    margin-bottom: 0
}

.accordion .accordion-item:not(:last-of-type) {
    border-bottom: 1px solid #ebe9f1
}

.accordion .accordion-body {
    padding-top: .42rem
}

.accordion.accordion-without-arrow .accordion-button:after {
    background-image: none!important
}

.accordion-border .accordion-item {
    border: 1px solid #ebe9f1;
    border-radius: .428rem
}

.accordion-border .accordion-item:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.accordion-border .accordion-item:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.accordion-margin .accordion-item {
    border-bottom: 0 solid transparent!important;
    border-radius: .357rem;
    box-shadow: 0 2px 15px 0 rgba(34,41,47,.05)!important;
    margin-bottom: .71rem;
    margin-top: .71rem
}

.card.accordion-item .accordion-button {
    border-radius: .357rem
}

.page-item {
    border-radius: 5rem
}

.page-item:not(.active) .page-link,.page-item:not(.first) .page-link,.page-item:not(.last) .page-link,.page-item:not(.next-item) .page-link,.page-item:not(.prev-item) .page-link {
    line-height: 1.3
}

.page-item .page-link {
    align-items: center;
    display: flex;
    justify-content: center
}

.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 {
    width: auto
}

.page-item.next-item .page-link,.page-item.prev-item .page-link {
    transition: all .2s ease-out
}

.page-item.prev-item {
    margin-right: .3571rem
}

.page-item.prev-item .page-link {
    border-radius: 50%
}

.page-item.prev-item .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #6e6b7b;
    content: "";
    height: 18px;
    width: 8px
}

.page-item.prev-item .page-link:hover {
    background: #f3f2f7;
    color: #7367f0
}

.page-item.prev-item .page-link:active,.page-item.prev-item .page-link:hover {
    background-color: #7367f0!important
}

.page-item.prev-item .page-link:active:before,.page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.page-item.prev-item.disabled .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9b9c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
}

.page-item.prev-item~.page-item:nth-child(2) {
    border-bottom-left-radius: 5rem;
    border-top-left-radius: 5rem
}

.page-item.prev-item~.page-item:nth-child(2) .page-link {
    border-bottom-left-radius: 5rem!important;
    border-top-left-radius: 5rem!important
}

.page-item.prev-item~.page-item:nth-last-child(2) {
    border-bottom-right-radius: 5rem;
    border-top-right-radius: 5rem
}

.page-item.prev-item~.page-item:nth-last-child(2) .page-link {
    border-bottom-right-radius: 5rem!important;
    border-top-right-radius: 5rem!important
}

.page-item.next-item {
    margin-left: .3571rem
}

.page-item.next-item .page-link {
    border-radius: 50%
}

.page-item.next-item .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    content: "";
    height: 18px;
    width: 8px
}

.page-item.next-item .page-link:hover {
    background: #f3f2f7;
    color: #7367f0
}

.page-item.next-item .page-link:active,.page-item.next-item .page-link:hover {
    background-color: #7367f0!important
}

.page-item.next-item .page-link:active:after,.page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.page-item.next-item.disabled .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9b9c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.page-item.prev .page-link:before,.page-item.previous .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #6e6b7b;
    content: "";
    height: 18px;
    width: 12px
}

.page-item.prev .page-link:hover:before,.page-item.previous .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.page-item.prev.disabled .page-link:before,.page-item.previous.disabled .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9b9c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
}

.page-item.next .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 14px;
    color: #6e6b7b;
    content: "";
    height: 18px;
    width: 12px
}

.page-item.next .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.page-item.next.disabled .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b9b9c3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.page-item.disabled .page-link {
    color: #b9b9c3
}

.page-item .page-link {
    font-size: 1rem;
    margin: 0;
    min-width: 2.286rem
}

.page-item .page-link:focus {
    box-shadow: none
}

.page-item .page-link:hover {
    color: #7367f0
}

.page-item.active {
    background-color: #f3f2f7;
    border-radius: 0
}

.page-item.active .page-link {
    background-color: #7367f0;
    border-radius: 5rem;
    color: #fff!important;
    font-weight: 600;
    z-index: 3
}

.page-item:first-child:not(.prev-item).active {
    border-bottom-left-radius: 1.428rem;
    border-top-left-radius: 1.428rem
}

.page-item:first-child:not(.prev-item).active .page-link {
    border-radius: 5rem
}

.page-item:first-child:not(.prev-item) .page-link {
    border-bottom-left-radius: 1.428rem;
    border-top-left-radius: 1.428rem
}

.page-item:last-child:not(.next-item).active {
    border-bottom-right-radius: 1.428rem;
    border-top-right-radius: 1.428rem
}

.page-item:last-child:not(.next-item).active .page-link {
    border-radius: 5rem
}

.page-item:last-child:not(.next-item) .page-link {
    border-bottom-right-radius: 1.428rem;
    border-top-right-radius: 1.428rem
}

.pagination.pagination-lg .page-item .page-link {
    font-size: 1.14rem;
    min-width: 2.6rem
}

.pagination.pagination-sm .page-item .page-link {
    font-size: .857rem;
    min-width: 2rem
}

.modal .modal-header {
    background-color: #f8f8f8
}

.modal .modal-header .btn-close {
    background-color: #fff;
    border-radius: .357rem;
    box-shadow: 0 5px 20px 0 rgba(34,41,47,.1);
    opacity: 1;
    padding: .8rem;
    position: relative;
    transform: translate(18px,-10px);
    transition: all .23s ease .1s
}

.modal .modal-fullscreen .modal-header .btn-close {
    transform: translate(0)
}

.modal .modal-content {
    box-shadow: 0 5px 20px 0 rgba(34,41,47,.1);
    overflow: visible
}

.modal .modal-footer {
    padding: .8rem 1.4rem
}

.modal.modal-sticky {
    bottom: 0;
    height: auto;
    left: auto;
    position: fixed;
    right: 0;
    top: auto
}

.modal.modal-sticky .modal-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.modal.modal-sticky .modal-dialog {
    border-radius: .357rem;
    box-shadow: 0 0 24px 0 rgba(34,41,47,.25);
    margin-right: 2rem!important
}

.modal.modal-sticky .modal-actions {
    background: transparent;
    box-shadow: none;
    line-height: 0
}

.modal-xs {
    max-width: 300px
}

@media (min-width: 1200px) {
    .modal-xl {
        margin-left:3%;
        margin-right: 3%
    }
}

.modal-slide-in,.modal-slide-in .modal {
    overflow: hidden!important;
    padding: 0!important
}

.modal-slide-in .modal-dialog {
    bottom: 0;
    left: auto;
    margin: 0;
    max-width: none;
    position: fixed;
    right: 0;
    top: 0;
    width: 20rem
}

.modal-slide-in .modal-dialog .modal-content {
    border-radius: 0;
    height: 100%;
    overflow: auto;
    padding-bottom: 1.8875rem;
    padding-top: 1.8875rem
}

.modal-slide-in .modal-dialog .modal-body {
    flex-grow: 0;
    margin: auto 0;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 576px) {
    .modal-slide-in .modal-dialog {
        width:28rem
    }
}

.modal-slide-in .modal-dialog.sidebar-sm {
    width: 25rem
}

@media (min-width: 576px) {
    .modal-slide-in .modal-dialog.sidebar-lg {
        width:30rem
    }
}

.modal-slide-in .btn-close {
    line-height: .5;
    margin: 0;
    padding: 0!important;
    position: absolute;
    right: 1.4rem;
    top: .4rem;
    top: 1.5rem;
    transform: none;
    transform: translateY(-50%);
    z-index: 10
}

.modal-slide-in .modal.fade .modal-dialog,.modal-slide-in.fade .modal-dialog {
    transform: translateX(100%);
    transition: transform .1s ease-out
}

.modal-slide-in .modal.show .modal-dialog,.modal-slide-in.show .modal-dialog {
    transform: translateX(0)!important;
    transition: transform .1s ease-out
}

@media (max-width: 576px) {
    .modal:not(.modal-slide-in) .modal-dialog:not(.modal-fullscreen) {
        padding-left:1rem;
        padding-right: 1rem
    }

    .modal .modal-sm,.modal .modal-xs {
        max-width: unset
    }

    .modal.modal-sticky .modal-dialog {
        margin-bottom: 3rem;
        margin-left: .2rem;
        margin-right: .2rem!important
    }
}

.modal-refer-earn .modal-refer-earn-step svg {
    height: 2.5rem;
    width: 2.5rem
}

@media (max-width: 991.98px) {
    #shareProject .list-group .dropdown-toggle {
        padding:.5rem
    }

    #shareProject .list-group .dropdown-toggle:after {
        left: 0
    }
}

.popover {
    box-shadow: 0 0 10px 0 rgba(34,41,47,.1)
}

.popover .popover-header {
    border: 1px solid #7367f0;
    font-size: 1.07rem
}

.popover .popover-body {
    border: 1px solid #ebe9f1;
    border-bottom-left-radius: .358rem;
    border-bottom-right-radius: .358rem;
    border-top-color: #fff
}

.popover.bs-popover-bottom .popover-arrow:after {
    border-bottom-color: #7367f0
}

.bs-popover-top>.popover-arrow:after {
    bottom: 1px
}

.bs-popover-end>.popover-arrow:after {
    left: 1px
}

.bs-popover-start>.popover-arrow:after {
    right: 1px
}

.font-small-1 {
    font-size: .7rem!important
}

svg.font-small-1 {
    height: .7rem!important;
    width: .7rem!important
}

.font-small-2 {
    font-size: .8rem!important
}

svg.font-small-2 {
    height: .8rem!important;
    width: .8rem!important
}

.font-small-3 {
    font-size: .9rem!important
}

svg.font-small-3 {
    height: .9rem!important;
    width: .9rem!important
}

.font-small-4 {
    font-size: 1rem!important
}

svg.font-small-4 {
    height: 1rem!important;
    width: 1rem!important
}

.font-medium-1 {
    font-size: 1.1rem!important
}

svg.font-medium-1 {
    height: 1.1rem!important;
    width: 1.1rem!important
}

.font-medium-2 {
    font-size: 1.2rem!important
}

svg.font-medium-2 {
    height: 1.2rem!important;
    width: 1.2rem!important
}

.font-medium-3 {
    font-size: 1.3rem!important
}

svg.font-medium-3 {
    height: 1.3rem!important;
    width: 1.3rem!important
}

.font-medium-4 {
    font-size: 1.4rem!important
}

svg.font-medium-4 {
    height: 1.4rem!important;
    width: 1.4rem!important
}

.font-medium-5 {
    font-size: 1.5rem!important
}

svg.font-medium-5 {
    height: 1.5rem!important;
    width: 1.5rem!important
}

.font-large-1 {
    font-size: 2rem!important
}

svg.font-large-1 {
    height: 2rem!important;
    width: 2rem!important
}

.font-large-2 {
    font-size: 3rem!important
}

svg.font-large-2 {
    height: 3rem!important;
    width: 3rem!important
}

.font-large-3 {
    font-size: 4rem!important
}

svg.font-large-3 {
    height: 4rem!important;
    width: 4rem!important
}

.font-large-4 {
    font-size: 5rem!important
}

svg.font-large-4 {
    height: 5rem!important;
    width: 5rem!important
}

.font-large-5 {
    font-size: 6rem!important
}

svg.font-large-5 {
    height: 6rem!important;
    width: 6rem!important
}

.line-height-1 {
    line-height: 1!important
}

.line-height-condensed {
    line-height: 1.5!important
}

.line-height-inherit {
    line-height: inherit!important
}

.rotate-45 {
    transform: rotate(45deg)
}

.rotate-45-inverse {
    transform: rotate(-45deg)
}

.rotate-90 {
    transform: rotate(90deg)
}

.rotate-90-inverse {
    transform: rotate(-90deg)
}

.rotate-180 {
    transform: rotate(180deg)
}

.rotate-180-inverse {
    transform: rotate(-180deg)
}

.border-2 {
    border-width: 2px!important
}

.border-top-2 {
    border-top-width: 2px!important
}

.border-bottom-2 {
    border-bottom-width: 2px!important
}

.border-start-2 {
    border-left-width: 2px!important
}

.border-end-2 {
    border-right-width: 2px!important
}

.border-3 {
    border-width: 3px!important
}

.border-top-3 {
    border-top-width: 3px!important
}

.border-bottom-3 {
    border-bottom-width: 3px!important
}

.border-start-3 {
    border-left-width: 3px!important
}

.border-end-3 {
    border-right-width: 3px!important
}

.round {
    border-radius: 1.5rem
}

.square {
    border-radius: 0
}

.fit {
    max-width: 100%!important
}

.half-width {
    width: 50%!important
}

.full-width {
    width: 100%!important
}

.full-height {
    height: 100%!important
}

.height-50 {
    height: 50px!important
}

.width-50 {
    width: 50px!important
}

.height-100 {
    height: 100px!important
}

.width-100 {
    width: 100px!important
}

.height-150 {
    height: 150px!important
}

.width-150 {
    width: 150px!important
}

.height-200 {
    height: 200px!important
}

.width-200 {
    width: 200px!important
}

.height-250 {
    height: 250px!important
}

.width-250 {
    width: 250px!important
}

.height-300 {
    height: 300px!important
}

.width-300 {
    width: 300px!important
}

.height-350 {
    height: 350px!important
}

.width-350 {
    width: 350px!important
}

.height-400 {
    height: 405px!important
}

.width-400 {
    width: 405px!important
}

.height-450 {
    height: 455px!important
}

.width-450 {
    width: 455px!important
}

.height-500 {
    height: 500px!important
}

.width-500 {
    width: 500px!important
}

.height-550 {
    height: 550px!important
}

.width-550 {
    width: 550px!important
}

.height-600 {
    height: 600px!important
}

.width-600 {
    width: 600px!important
}

.height-650 {
    height: 650px!important
}

.width-650 {
    width: 650px!important
}

.height-700 {
    height: 700px!important
}

.width-700 {
    width: 700px!important
}

.height-750 {
    height: 750px!important
}

.width-750 {
    width: 750px!important
}

.height-800 {
    height: 800px!important
}

.width-800 {
    width: 800px!important
}

.height-5-per {
    height: 5%!important
}

.width-5-per {
    width: 5%!important
}

.height-10-per {
    height: 10%!important
}

.width-10-per {
    width: 10%!important
}

.height-15-per {
    height: 15%!important
}

.width-15-per {
    width: 15%!important
}

.height-20-per {
    height: 20%!important
}

.width-20-per {
    width: 20%!important
}

.height-25-per {
    height: 25%!important
}

.width-25-per {
    width: 25%!important
}

.height-30-per {
    height: 30%!important
}

.width-30-per {
    width: 30%!important
}

.height-35-per {
    height: 35%!important
}

.width-35-per {
    width: 35%!important
}

.height-40-per {
    height: 40%!important
}

.width-40-per {
    width: 40%!important
}

.height-45-per {
    height: 45%!important
}

.width-45-per {
    width: 45%!important
}

.height-50-per {
    height: 50%!important
}

.width-50-per {
    width: 50%!important
}

.height-55-per {
    height: 55%!important
}

.width-55-per {
    width: 55%!important
}

.height-60-per {
    height: 60%!important
}

.width-60-per {
    width: 60%!important
}

.height-65-per {
    height: 65%!important
}

.width-65-per {
    width: 65%!important
}

.height-70-per {
    height: 70%!important
}

.width-70-per {
    width: 70%!important
}

.height-75-per {
    height: 75%!important
}

.width-75-per {
    width: 75%!important
}

.height-80-per {
    height: 80%!important
}

.width-80-per {
    width: 80%!important
}

.height-85-per {
    height: 85%!important
}

.width-85-per {
    width: 85%!important
}

.height-90-per {
    height: 90%!important
}

.width-90-per {
    width: 90%!important
}

.height-95-per {
    height: 95%!important
}

.width-95-per {
    width: 95%!important
}

.overflow-visible {
    overflow: visible
}

.overflow-scroll,.overflow-x-scroll,.overflow-y-scroll {
    overflow: scroll
}

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.cursor-default {
    cursor: default
}

.cursor-progress {
    cursor: progress
}

.cursor-not-allowed {
    cursor: not-allowed
}

.zindex-1 {
    z-index: 1!important
}

.zindex-2 {
    z-index: 2!important
}

.zindex-3 {
    z-index: 3!important
}

.zindex-4 {
    z-index: 4!important
}

.zindex-0 {
    z-index: 0!important
}

.zindex-minus-1 {
    z-index: -1!important
}

.zindex-minus-2 {
    z-index: -2!important
}

.zindex-minus-3 {
    z-index: -3!important
}

.zindex-minus-4 {
    z-index: -4!important
}

.box-shadow-0 {
    box-shadow: none!important
}

.box-shadow-1 {
    box-shadow: 0 2px 5px 0 rgba(34,41,47,.16),0 2px 10px 0 rgba(34,41,47,.12)
}

.box-shadow-2 {
    box-shadow: 0 8px 17px 0 rgba(34,41,47,.2),0 6px 20px 0 rgba(34,41,47,.19)
}

.box-shadow-3 {
    box-shadow: 0 12px 15px 0 rgba(34,41,47,.24),0 17px 50px 0 rgba(34,41,47,.19)
}

.box-shadow-4 {
    box-shadow: 0 16px 28px 0 rgba(34,41,47,.22),0 25px 55px 0 rgba(34,41,47,.21)
}

.box-shadow-5 {
    box-shadow: 0 27px 24px 0 rgba(34,41,47,.2),0 40px 77px 0 rgba(34,41,47,.22)
}

.box-shadow-6 {
    box-shadow: 0 4px 8px 0 rgba(34,41,47,.12),0 2px 4px 0 rgba(34,41,47,.08)
}

.outline-none {
    outline: none!important
}

.list-style-inside {
    list-style: inside
}

.list-style-circle {
    list-style: circle
}

.list-style-square {
    list-style: square
}

.bg-cover {
    background-size: cover!important
}

.background-repeat {
    background-repeat: repeat!important
}

.background-no-repeat {
    background-repeat: no-repeat!important
}

.icon-bg-circle {
    border-radius: 50%;
    color: #fff;
    padding: .5rem
}

.icon-left,.icon-right {
    margin-right: .5rem
}

.blockOverlay {
    z-index: 1050!important
}

.blockElement,.blockPage {
    z-index: 1051!important
}

.hidden {
    display: none!important;
    visibility: hidden
}

a:hover {
    cursor: pointer
}

.table-middle td {
    vertical-align: middle
}

.fill-current {
    fill: currentColor
}

.pointer-events-none {
    pointer-events: none
}

.bg-white .card-footer,.bg-white .card-header {
    background-color: transparent
}

.border-white {
    border: 1px solid #fff!important
}

.border-top-white {
    border-top: 1px solid #fff
}

.border-bottom-white {
    border-bottom: 1px solid #fff
}

.border-start-white {
    border-left: 1px solid #fff
}

.border-end-white {
    border-right: 1px solid #fff
}

.bg-white.badge-glow,.border-white.badge-glow {
    box-shadow: 0 0 10px #fff
}

.overlay-white {
    background: #fff;
    background: hsla(0,0%,100%,.6)
}

input:focus~.bg-white {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #fff!important
}

.bg-black .card-footer,.bg-black .card-header {
    background-color: transparent
}

.border-black {
    border: 1px solid #000!important
}

.border-top-black {
    border-top: 1px solid #000
}

.border-bottom-black {
    border-bottom: 1px solid #000
}

.border-start-black {
    border-left: 1px solid #000
}

.border-end-black {
    border-right: 1px solid #000
}

.bg-black.badge-glow,.border-black.badge-glow {
    box-shadow: 0 0 10px #000
}

.overlay-black {
    background: #000;
    background: rgba(0,0,0,.6)
}

input:focus~.bg-black {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #000!important
}

.bg-dark .card-footer,.bg-dark .card-header {
    background-color: transparent
}

.alert-dark {
    background: rgba(75,75,75,.12)!important;
    color: #4b4b4b!important
}

.alert-dark .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(75,75,75,.4)
}

.alert-dark .alert-link {
    color: #3e3e3e!important
}

.alert-dark .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%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") 50%/.75rem auto no-repeat;
    color: #4b4b4b!important
}

.border-dark {
    border: 1px solid #4b4b4b!important
}

.border-top-dark {
    border-top: 1px solid #4b4b4b
}

.border-bottom-dark {
    border-bottom: 1px solid #4b4b4b
}

.border-start-dark {
    border-left: 1px solid #4b4b4b
}

.border-end-dark {
    border-right: 1px solid #4b4b4b
}

.bg-dark.badge-glow,.border-dark.badge-glow {
    box-shadow: 0 0 10px #4b4b4b
}

.badge.badge-light-dark {
    background-color: rgba(75,75,75,.12);
    color: #4b4b4b!important
}

.overlay-dark {
    background: #4b4b4b;
    background: rgba(75,75,75,.6)
}

.btn-dark {
    background-color: #4b4b4b!important;
    border-color: #4b4b4b!important;
    color: #fff!important
}

.btn-dark.active,.btn-dark:active,.btn-dark:focus {
    background-color: #343434!important;
    color: #fff
}

.btn-dark:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #4b4b4b
}

.btn-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark {
    background-color: #343434!important;
    color: #fff
}

.btn-flat-dark {
    background-color: transparent;
    color: #4b4b4b
}

.btn-flat-dark:hover {
    color: #4b4b4b
}

.btn-flat-dark:hover:not(.disabled):not(:disabled) {
    background-color: rgba(75,75,75,.12)
}

.btn-flat-dark.active,.btn-flat-dark:active,.btn-flat-dark:focus {
    background-color: rgba(75,75,75,.2);
    color: #4b4b4b
}

.btn-flat-dark.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b4b4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-dark {
    background-color: #4b4b4b;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-dark:hover:not(.disabled):not(:disabled) {
    background-color: #626262
}

.btn-relief-dark.active,.btn-relief-dark:active,.btn-relief-dark:focus {
    background-color: #343434
}

.btn-relief-dark:hover {
    color: #fff
}

.btn-relief-dark.active,.btn-relief-dark:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-dark {
    background-color: transparent;
    border: 1px solid #4b4b4b!important;
    color: #4b4b4b
}

.btn-outline-dark:hover:not(.disabled):not(:disabled) {
    background-color: rgba(75,75,75,.04);
    color: #4b4b4b
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.btn-outline-dark:not(:disabled):not(.disabled):focus {
    background-color: rgba(75,75,75,.2);
    color: #4b4b4b
}

.btn-outline-dark.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b4b4b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-dark.show.dropdown-toggle {
    background-color: rgba(75,75,75,.2);
    color: #4b4b4b
}

.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark {
    background-color: rgba(75,75,75,.2)!important;
    color: #4b4b4b
}

.btn-flat-dark.waves-effect .waves-ripple,.btn-outline-dark.waves-effect .waves-ripple {
    background: radial-gradient(rgba(75,75,75,.2) 0,rgba(75,75,75,.3) 40%,rgba(75,75,75,.4) 50%,rgba(75,75,75,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-dark {
    background-color: #4b4b4b
}

.modal.modal-dark .modal-header .modal-title {
    color: #4b4b4b
}

.modal.modal-dark .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234b4b4b'%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") 50%/.75rem auto no-repeat!important;
    color: #4b4b4b!important
}

.progress-bar-dark {
    background-color: rgba(75,75,75,.12)
}

.progress-bar-dark .progress-bar {
    background-color: #4b4b4b
}

.timeline .timeline-point-dark {
    border-color: #4b4b4b!important
}

.timeline .timeline-point-dark i,.timeline .timeline-point-dark svg {
    stroke: #4b4b4b!important
}

.timeline .timeline-point-dark.timeline-point-indicator {
    background-color: #4b4b4b!important
}

.timeline .timeline-point-dark.timeline-point-indicator:before {
    background: rgba(75,75,75,.12)!important
}

.divider.divider-dark .divider-text:after,.divider.divider-dark .divider-text:before {
    border-color: #4b4b4b!important
}

input:focus~.bg-dark {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #4b4b4b!important
}

.form-check-dark .form-check-input:checked {
    background-color: #4b4b4b;
    border-color: #4b4b4b
}

.form-check-dark .form-check-input:not(:disabled):checked,.form-check-dark .form-check-input:not(:disabled):focus {
    border-color: #4b4b4b;
    box-shadow: 0 2px 4px 0 rgba(75,75,75,.4)
}

.select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #4b4b4b!important;
    border-color: #4b4b4b!important
}

.bg-light .card-footer,.bg-light .card-header {
    background-color: transparent
}

.border-light {
    border: 1px solid #f6f6f6!important
}

.border-top-light {
    border-top: 1px solid #f6f6f6
}

.border-bottom-light {
    border-bottom: 1px solid #f6f6f6
}

.border-start-light {
    border-left: 1px solid #f6f6f6
}

.border-end-light {
    border-right: 1px solid #f6f6f6
}

.bg-light.badge-glow,.border-light.badge-glow {
    box-shadow: 0 0 10px #f6f6f6
}

.overlay-light {
    background: #f6f6f6;
    background: hsla(0,0%,96%,.6)
}

input:focus~.bg-light {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #f6f6f6!important
}

.bg-primary .card-footer,.bg-primary .card-header {
    background-color: transparent
}

.alert-primary {
    background: rgba(46,76,229,.12)!important;
    color: #2e4ce5!important
}

.alert-primary .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(115,103,240,.4)
}

.alert-primary .alert-link {
    color: #5e50ee!important
}

.alert-primary .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237367f0'%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") 50%/.75rem auto no-repeat;
    color: #2e4ce5!important
}

.bg-light-primary {
    background: rgba(46,76,229,.12)!important;
    color: #2e4ce5!important
}

.bg-light-primary.fc-h-event,.bg-light-primary.fc-v-event {
    border-color: rgba(115,103,240,.1)
}

.bg-light-primary .fc-list-event-dot {
    border-color: #2e4ce5!important
}

.bg-light-primary.fc-list-event:hover td {
    background: rgba(115,103,240,.1)!important
}

.bg-light-primary.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-primary {
    color: #2e4ce5!important
}

.border-primary {
    border: 1px solid #2e4ce5!important
}

.border-top-primary {
    border-top: 1px solid #2e4ce5
}

.border-bottom-primary {
    border-bottom: 1px solid #2e4ce5
}

.border-start-primary {
    border-left: 1px solid #2e4ce5
}

.border-end-primary {
    border-right: 1px solid #2e4ce5
}

.bg-primary.badge-glow,.border-primary.badge-glow {
    box-shadow: 0 0 10px #2e4ce5
}

.badge.badge-light-primary {
    background-color: rgba(115,103,240,.12);
    color: #2e4ce5!important
}

.overlay-primary {
    background: #2e4ce5;
    background: rgba(115,103,240,.6)
}

.btn-primary {
    background-color: #2e4ce5!important;
    border-color: #2e4ce5!important;
    color: #fff!important
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus {
    background-color: #5e50ee!important;
    color: #fff
}

.btn-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #2e4ce5
}

.btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary {
    background-color: #5e50ee!important;
    color: #fff
}

.btn-flat-primary {
    background-color: transparent;
    color: #2e4ce5
}

.btn-flat-primary:hover {
    color: #2e4ce5
}

.btn-flat-primary:hover:not(.disabled):not(:disabled) {
    background-color: rgba(115,103,240,.12)
}

.btn-flat-primary.active,.btn-flat-primary:active,.btn-flat-primary:focus {
    background-color: rgba(115,103,240,.2);
    color: #2e4ce5
}

.btn-flat-primary.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-primary {
    background-color: #2e4ce5;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-primary:hover:not(.disabled):not(:disabled) {
    background-color: #887ef2
}

.btn-relief-primary.active,.btn-relief-primary:active,.btn-relief-primary:focus {
    background-color: #5e50ee
}

.btn-relief-primary:hover {
    color: #fff
}

.btn-relief-primary.active,.btn-relief-primary:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-primary {
    background-color: transparent;
    border: 1px solid #2e4ce5!important;
    color: #2e4ce5
}

.btn-outline-primary:hover:not(.disabled):not(:disabled) {
    background-color: rgba(115,103,240,.04);
    color: #2e4ce5
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled):focus {
    background-color: rgba(115,103,240,.2);
    color: #2e4ce5
}

.btn-outline-primary.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-primary.show.dropdown-toggle {
    background-color: rgba(115,103,240,.2);
    color: #2e4ce5
}

.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary {
    background-color: rgba(115,103,240,.2)!important;
    color: #2e4ce5
}

.btn-flat-primary.waves-effect .waves-ripple,.btn-outline-primary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(115,103,240,.2) 0,rgba(115,103,240,.3) 40%,rgba(115,103,240,.4) 50%,rgba(115,103,240,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-primary {
    background-color: #2e4ce5
}

.modal.modal-primary .modal-header .modal-title {
    color: #2e4ce5
}

.modal.modal-primary .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237367f0'%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") 50%/.75rem auto no-repeat!important;
    color: #2e4ce5!important
}

.pagination-primary .page-item.active .page-link {
    background: #2e4ce5!important;
    color: #fff
}

.pagination-primary .page-item.active .page-link:hover {
    color: #fff
}

.pagination-primary .page-item .page-link:hover {
    color: #2e4ce5
}

.pagination-primary .page-item.next-item .page-link:hover,.pagination-primary .page-item.prev-item .page-link:hover {
    background: #2e4ce5;
    color: #fff
}

.pagination-primary .page-item.next .page-link:active:after,.pagination-primary .page-item.next .page-link:hover:after,.pagination-primary .page-item.next-item .page-link:active:after,.pagination-primary .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-primary .page-item.prev .page-link:active:before,.pagination-primary .page-item.prev .page-link:hover:before,.pagination-primary .page-item.prev-item .page-link:active:before,.pagination-primary .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-primary .nav-item .nav-link.active {
    background-color: #2e4ce5!important;
    border-color: #2e4ce5;
    box-shadow: 0 4px 18px -4px rgba(115,103,240,.65);
    color: #fff
}

.progress-bar-primary {
    background-color: rgba(115,103,240,.12)
}

.progress-bar-primary .progress-bar {
    background-color: #2e4ce5
}

.timeline .timeline-point-primary {
    border-color: #2e4ce5!important
}

.timeline .timeline-point-primary i,.timeline .timeline-point-primary svg {
    stroke: #2e4ce5!important
}

.timeline .timeline-point-primary.timeline-point-indicator {
    background-color: #2e4ce5!important
}

.timeline .timeline-point-primary.timeline-point-indicator:before {
    background: rgba(115,103,240,.12)!important
}

.divider.divider-primary .divider-text:after,.divider.divider-primary .divider-text:before {
    border-color: #2e4ce5!important
}

input:focus~.bg-primary {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #2e4ce5!important
}

.form-check-primary .form-check-input:checked {
    background-color: #2e4ce5;
    border-color: #2e4ce5
}

.form-check-primary .form-check-input:not(:disabled):checked,.form-check-primary .form-check-input:not(:disabled):focus {
    border-color: #2e4ce5;
    box-shadow: 0 2px 4px 0 rgba(115,103,240,.4)
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #2e4ce5!important;
    border-color: #2e4ce5!important
}

.bg-secondary .card-footer,.bg-secondary .card-header {
    background-color: transparent
}

.alert-secondary {
    background: hsla(213,4%,53%,.12)!important;
    color: #82868b!important
}

.alert-secondary .alert-heading {
    box-shadow: 0 6px 15px -7px hsla(213,4%,53%,.4)
}

.alert-secondary .alert-link {
    color: #75797e!important
}

.alert-secondary .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382868b'%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") 50%/.75rem auto no-repeat;
    color: #82868b!important
}

.bg-light-secondary {
    background: hsla(213,4%,53%,.12)!important;
    color: #82868b!important
}

.bg-light-secondary.fc-h-event,.bg-light-secondary.fc-v-event {
    border-color: hsla(213,4%,53%,.1)
}

.bg-light-secondary .fc-list-event-dot {
    border-color: #82868b!important
}

.bg-light-secondary.fc-list-event:hover td {
    background: hsla(213,4%,53%,.1)!important
}

.bg-light-secondary.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-secondary {
    color: #82868b!important
}

.border-secondary {
    border: 1px solid #82868b!important
}

.border-top-secondary {
    border-top: 1px solid #82868b
}

.border-bottom-secondary {
    border-bottom: 1px solid #82868b
}

.border-start-secondary {
    border-left: 1px solid #82868b
}

.border-end-secondary {
    border-right: 1px solid #82868b
}

.bg-secondary.badge-glow,.border-secondary.badge-glow {
    box-shadow: 0 0 10px #82868b
}

.badge.badge-light-secondary {
    background-color: hsla(213,4%,53%,.12);
    color: #82868b!important
}

.overlay-secondary {
    background: #82868b;
    background: hsla(213,4%,53%,.6)
}

.btn-secondary {
    background-color: #82868b!important;
    border-color: #82868b!important;
    color: #fff!important
}

.btn-secondary.active,.btn-secondary:active,.btn-secondary:focus {
    background-color: #75797e!important;
    color: #fff
}

.btn-secondary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #82868b
}

.btn-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary {
    background-color: #75797e!important;
    color: #fff
}

.btn-flat-secondary {
    background-color: transparent;
    color: #82868b
}

.btn-flat-secondary:hover {
    color: #82868b
}

.btn-flat-secondary:hover:not(.disabled):not(:disabled) {
    background-color: hsla(213,4%,53%,.12)
}

.btn-flat-secondary.active,.btn-flat-secondary:active,.btn-flat-secondary:focus {
    background-color: hsla(213,4%,53%,.2);
    color: #82868b
}

.btn-flat-secondary.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-secondary {
    background-color: #82868b;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-secondary:hover:not(.disabled):not(:disabled) {
    background-color: #8f9397
}

.btn-relief-secondary.active,.btn-relief-secondary:active,.btn-relief-secondary:focus {
    background-color: #75797e
}

.btn-relief-secondary:hover {
    color: #fff
}

.btn-relief-secondary.active,.btn-relief-secondary:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-secondary {
    background-color: transparent;
    border: 1px solid #82868b!important;
    color: #82868b
}

.btn-outline-secondary:hover:not(.disabled):not(:disabled) {
    background-color: hsla(213,4%,53%,.04);
    color: #82868b
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled):focus {
    background-color: hsla(213,4%,53%,.2);
    color: #82868b
}

.btn-outline-secondary.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-secondary.show.dropdown-toggle {
    background-color: hsla(213,4%,53%,.2);
    color: #82868b
}

.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary {
    background-color: hsla(213,4%,53%,.2)!important;
    color: #82868b
}

.btn-flat-secondary.waves-effect .waves-ripple,.btn-outline-secondary.waves-effect .waves-ripple {
    background: radial-gradient(hsla(213,4%,53%,.2) 0,hsla(213,4%,53%,.3) 40%,hsla(213,4%,53%,.4) 50%,hsla(213,4%,53%,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-secondary {
    background-color: #82868b
}

.modal.modal-secondary .modal-header .modal-title {
    color: #82868b
}

.modal.modal-secondary .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2382868b'%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") 50%/.75rem auto no-repeat!important;
    color: #82868b!important
}

.pagination-secondary .page-item.active .page-link {
    background: #82868b!important;
    color: #fff
}

.pagination-secondary .page-item.active .page-link:hover {
    color: #fff
}

.pagination-secondary .page-item .page-link:hover {
    color: #82868b
}

.pagination-secondary .page-item.next-item .page-link:hover,.pagination-secondary .page-item.prev-item .page-link:hover {
    background: #82868b;
    color: #fff
}

.pagination-secondary .page-item.next .page-link:active:after,.pagination-secondary .page-item.next .page-link:hover:after,.pagination-secondary .page-item.next-item .page-link:active:after,.pagination-secondary .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-secondary .page-item.prev .page-link:active:before,.pagination-secondary .page-item.prev .page-link:hover:before,.pagination-secondary .page-item.prev-item .page-link:active:before,.pagination-secondary .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2382868b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-secondary .nav-item .nav-link.active {
    background-color: #82868b!important;
    border-color: #82868b;
    box-shadow: 0 4px 18px -4px hsla(213,4%,53%,.65);
    color: #fff
}

.progress-bar-secondary {
    background-color: hsla(213,4%,53%,.12)
}

.progress-bar-secondary .progress-bar {
    background-color: #82868b
}

.timeline .timeline-point-secondary {
    border-color: #82868b!important
}

.timeline .timeline-point-secondary i,.timeline .timeline-point-secondary svg {
    stroke: #82868b!important
}

.timeline .timeline-point-secondary.timeline-point-indicator {
    background-color: #82868b!important
}

.timeline .timeline-point-secondary.timeline-point-indicator:before {
    background: hsla(213,4%,53%,.12)!important
}

.divider.divider-secondary .divider-text:after,.divider.divider-secondary .divider-text:before {
    border-color: #82868b!important
}

input:focus~.bg-secondary {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #82868b!important
}

.form-check-secondary .form-check-input:checked {
    background-color: #82868b;
    border-color: #82868b
}

.form-check-secondary .form-check-input:not(:disabled):checked,.form-check-secondary .form-check-input:not(:disabled):focus {
    border-color: #82868b;
    box-shadow: 0 2px 4px 0 hsla(213,4%,53%,.4)
}

.select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #82868b!important;
    border-color: #82868b!important
}

.bg-success .card-footer,.bg-success .card-header {
    background-color: transparent
}

.alert-success {
    background: rgba(40,199,111,.12)!important;
    color: #28c76f!important
}

.alert-success .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(40,199,111,.4)
}

.alert-success .alert-link {
    color: #24b263!important
}

.alert-success .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2328c76f'%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") 50%/.75rem auto no-repeat;
    color: #28c76f!important
}

.bg-light-success {
    background: rgba(40,199,111,.12)!important;
    color: #28c76f!important
}

.bg-light-success.fc-h-event,.bg-light-success.fc-v-event {
    border-color: rgba(40,199,111,.1)
}

.bg-light-success .fc-list-event-dot {
    border-color: #28c76f!important
}

.bg-light-success.fc-list-event:hover td {
    background: rgba(40,199,111,.1)!important
}

.bg-light-success.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-success {
    color: #28c76f!important
}

.border-success {
    border: 1px solid #28c76f!important
}

.border-top-success {
    border-top: 1px solid #28c76f
}

.border-bottom-success {
    border-bottom: 1px solid #28c76f
}

.border-start-success {
    border-left: 1px solid #28c76f
}

.border-end-success {
    border-right: 1px solid #28c76f
}

.bg-success.badge-glow,.border-success.badge-glow {
    box-shadow: 0 0 10px #28c76f
}

.badge.badge-light-success {
    background-color: rgba(40,199,111,.12);
    color: #28c76f!important
}

.overlay-success {
    background: #28c76f;
    background: rgba(40,199,111,.6)
}

.btn-success {
    background-color: #28c76f!important;
    border-color: #28c76f!important;
    color: #fff!important
}

.btn-success.active,.btn-success:active,.btn-success:focus {
    background-color: #24b263!important;
    color: #fff
}

.btn-success:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #28c76f
}

.btn-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-success,.btn-check:checked+.btn-success {
    background-color: #24b263!important;
    color: #fff
}

.btn-flat-success {
    background-color: transparent;
    color: #28c76f
}

.btn-flat-success:hover {
    color: #28c76f
}

.btn-flat-success:hover:not(.disabled):not(:disabled) {
    background-color: rgba(40,199,111,.12)
}

.btn-flat-success.active,.btn-flat-success:active,.btn-flat-success:focus {
    background-color: rgba(40,199,111,.2);
    color: #28c76f
}

.btn-flat-success.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-success {
    background-color: #28c76f;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-success:hover:not(.disabled):not(:disabled) {
    background-color: #33d67c
}

.btn-relief-success.active,.btn-relief-success:active,.btn-relief-success:focus {
    background-color: #24b263
}

.btn-relief-success:hover {
    color: #fff
}

.btn-relief-success.active,.btn-relief-success:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-success {
    background-color: transparent;
    border: 1px solid #28c76f!important;
    color: #28c76f
}

.btn-outline-success:hover:not(.disabled):not(:disabled) {
    background-color: rgba(40,199,111,.04);
    color: #28c76f
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled):focus {
    background-color: rgba(40,199,111,.2);
    color: #28c76f
}

.btn-outline-success.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-success.show.dropdown-toggle {
    background-color: rgba(40,199,111,.2);
    color: #28c76f
}

.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success {
    background-color: rgba(40,199,111,.2)!important;
    color: #28c76f
}

.btn-flat-success.waves-effect .waves-ripple,.btn-outline-success.waves-effect .waves-ripple {
    background: radial-gradient(rgba(40,199,111,.2) 0,rgba(40,199,111,.3) 40%,rgba(40,199,111,.4) 50%,rgba(40,199,111,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-success {
    background-color: #28c76f
}

.modal.modal-success .modal-header .modal-title {
    color: #28c76f
}

.modal.modal-success .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2328c76f'%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") 50%/.75rem auto no-repeat!important;
    color: #28c76f!important
}

.pagination-success .page-item.active .page-link {
    background: #28c76f!important;
    color: #fff
}

.pagination-success .page-item.active .page-link:hover {
    color: #fff
}

.pagination-success .page-item .page-link:hover {
    color: #28c76f
}

.pagination-success .page-item.next-item .page-link:hover,.pagination-success .page-item.prev-item .page-link:hover {
    background: #28c76f;
    color: #fff
}

.pagination-success .page-item.next .page-link:active:after,.pagination-success .page-item.next .page-link:hover:after,.pagination-success .page-item.next-item .page-link:active:after,.pagination-success .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-success .page-item.prev .page-link:active:before,.pagination-success .page-item.prev .page-link:hover:before,.pagination-success .page-item.prev-item .page-link:active:before,.pagination-success .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2328c76f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-success .nav-item .nav-link.active {
    background-color: #28c76f!important;
    border-color: #28c76f;
    box-shadow: 0 4px 18px -4px rgba(40,199,111,.65);
    color: #fff
}

.progress-bar-success {
    background-color: rgba(40,199,111,.12)
}

.progress-bar-success .progress-bar {
    background-color: #28c76f
}

.timeline .timeline-point-success {
    border-color: #28c76f!important
}

.timeline .timeline-point-success i,.timeline .timeline-point-success svg {
    stroke: #28c76f!important
}

.timeline .timeline-point-success.timeline-point-indicator {
    background-color: #28c76f!important
}

.timeline .timeline-point-success.timeline-point-indicator:before {
    background: rgba(40,199,111,.12)!important
}

.divider.divider-success .divider-text:after,.divider.divider-success .divider-text:before {
    border-color: #28c76f!important
}

input:focus~.bg-success {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #28c76f!important
}

.form-check-success .form-check-input:checked {
    background-color: #28c76f;
    border-color: #28c76f
}

.form-check-success .form-check-input:not(:disabled):checked,.form-check-success .form-check-input:not(:disabled):focus {
    border-color: #28c76f;
    box-shadow: 0 2px 4px 0 rgba(40,199,111,.4)
}

.select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #28c76f!important;
    border-color: #28c76f!important
}

.bg-info .card-footer,.bg-info .card-header {
    background-color: transparent
}

.alert-info {
    background: rgba(0,207,232,.12)!important;
    color: #00cfe8!important
}

.alert-info .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(0,207,232,.4)
}

.alert-info .alert-link {
    color: #00b8cf!important
}

.alert-info .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300cfe8'%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") 50%/.75rem auto no-repeat;
    color: #00cfe8!important
}

.bg-light-info {
    background: rgba(0,207,232,.12)!important;
    color: #00cfe8!important
}

.bg-light-info.fc-h-event,.bg-light-info.fc-v-event {
    border-color: rgba(0,207,232,.1)
}

.bg-light-info .fc-list-event-dot {
    border-color: #00cfe8!important
}

.bg-light-info.fc-list-event:hover td {
    background: rgba(0,207,232,.1)!important
}

.bg-light-info.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-info {
    color: #00cfe8!important
}

.border-info {
    border: 1px solid #00cfe8!important
}

.border-top-info {
    border-top: 1px solid #00cfe8
}

.border-bottom-info {
    border-bottom: 1px solid #00cfe8
}

.border-start-info {
    border-left: 1px solid #00cfe8
}

.border-end-info {
    border-right: 1px solid #00cfe8
}

.bg-info.badge-glow,.border-info.badge-glow {
    box-shadow: 0 0 10px #00cfe8
}

.badge.badge-light-info {
    background-color: rgba(0,207,232,.12);
    color: #00cfe8!important
}

.overlay-info {
    background: #00cfe8;
    background: rgba(0,207,232,.6)
}

.btn-info {
    background-color: #00cfe8!important;
    border-color: #00cfe8!important;
    color: #fff!important
}

.btn-info.active,.btn-info:active,.btn-info:focus {
    background-color: #00b8cf!important;
    color: #fff
}

.btn-info:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #00cfe8
}

.btn-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-info,.btn-check:checked+.btn-info {
    background-color: #00b8cf!important;
    color: #fff
}

.btn-flat-info {
    background-color: transparent;
    color: #00cfe8
}

.btn-flat-info:hover {
    color: #00cfe8
}

.btn-flat-info:hover:not(.disabled):not(:disabled) {
    background-color: rgba(0,207,232,.12)
}

.btn-flat-info.active,.btn-flat-info:active,.btn-flat-info:focus {
    background-color: rgba(0,207,232,.2);
    color: #00cfe8
}

.btn-flat-info.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-info {
    background-color: #00cfe8;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-info:hover:not(.disabled):not(:disabled) {
    background-color: #03e4ff
}

.btn-relief-info.active,.btn-relief-info:active,.btn-relief-info:focus {
    background-color: #00b8cf
}

.btn-relief-info:hover {
    color: #fff
}

.btn-relief-info.active,.btn-relief-info:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-info {
    background-color: transparent;
    border: 1px solid #00cfe8!important;
    color: #00cfe8
}

.btn-outline-info:hover:not(.disabled):not(:disabled) {
    background-color: rgba(0,207,232,.04);
    color: #00cfe8
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled):focus {
    background-color: rgba(0,207,232,.2);
    color: #00cfe8
}

.btn-outline-info.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-info.show.dropdown-toggle {
    background-color: rgba(0,207,232,.2);
    color: #00cfe8
}

.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info {
    background-color: rgba(0,207,232,.2)!important;
    color: #00cfe8
}

.btn-flat-info.waves-effect .waves-ripple,.btn-outline-info.waves-effect .waves-ripple {
    background: radial-gradient(rgba(0,207,232,.2) 0,rgba(0,207,232,.3) 40%,rgba(0,207,232,.4) 50%,rgba(0,207,232,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-info {
    background-color: #00cfe8
}

.modal.modal-info .modal-header .modal-title {
    color: #00cfe8
}

.modal.modal-info .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300cfe8'%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") 50%/.75rem auto no-repeat!important;
    color: #00cfe8!important
}

.pagination-info .page-item.active .page-link {
    background: #00cfe8!important;
    color: #fff
}

.pagination-info .page-item.active .page-link:hover {
    color: #fff
}

.pagination-info .page-item .page-link:hover {
    color: #00cfe8
}

.pagination-info .page-item.next-item .page-link:hover,.pagination-info .page-item.prev-item .page-link:hover {
    background: #00cfe8;
    color: #fff
}

.pagination-info .page-item.next .page-link:active:after,.pagination-info .page-item.next .page-link:hover:after,.pagination-info .page-item.next-item .page-link:active:after,.pagination-info .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-info .page-item.prev .page-link:active:before,.pagination-info .page-item.prev .page-link:hover:before,.pagination-info .page-item.prev-item .page-link:active:before,.pagination-info .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300cfe8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-info .nav-item .nav-link.active {
    background-color: #00cfe8!important;
    border-color: #00cfe8;
    box-shadow: 0 4px 18px -4px rgba(0,207,232,.65);
    color: #fff
}

.progress-bar-info {
    background-color: rgba(0,207,232,.12)
}

.progress-bar-info .progress-bar {
    background-color: #00cfe8
}

.timeline .timeline-point-info {
    border-color: #00cfe8!important
}

.timeline .timeline-point-info i,.timeline .timeline-point-info svg {
    stroke: #00cfe8!important
}

.timeline .timeline-point-info.timeline-point-indicator {
    background-color: #00cfe8!important
}

.timeline .timeline-point-info.timeline-point-indicator:before {
    background: rgba(0,207,232,.12)!important
}

.divider.divider-info .divider-text:after,.divider.divider-info .divider-text:before {
    border-color: #00cfe8!important
}

input:focus~.bg-info {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #00cfe8!important
}

.form-check-info .form-check-input:checked {
    background-color: #00cfe8;
    border-color: #00cfe8
}

.form-check-info .form-check-input:not(:disabled):checked,.form-check-info .form-check-input:not(:disabled):focus {
    border-color: #00cfe8;
    box-shadow: 0 2px 4px 0 rgba(0,207,232,.4)
}

.select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #00cfe8!important;
    border-color: #00cfe8!important
}

.bg-warning .card-footer,.bg-warning .card-header {
    background-color: transparent
}

.alert-warning {
    background: rgba(255,159,67,.12)!important;
    color: #ff9f43!important
}

.alert-warning .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(255,159,67,.4)
}

.alert-warning .alert-link {
    color: #ff922a!important
}

.alert-warning .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9f43'%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") 50%/.75rem auto no-repeat;
    color: #ff9f43!important
}

.bg-light-warning {
    background: rgba(255,159,67,.12)!important;
    color: #ff9f43!important
}

.bg-light-warning.fc-h-event,.bg-light-warning.fc-v-event {
    border-color: rgba(255,159,67,.1)
}

.bg-light-warning .fc-list-event-dot {
    border-color: #ff9f43!important
}

.bg-light-warning.fc-list-event:hover td {
    background: rgba(255,159,67,.1)!important
}

.bg-light-warning.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-warning {
    color: #ff9f43!important
}

.border-warning {
    border: 1px solid #ff9f43!important
}

.border-top-warning {
    border-top: 1px solid #ff9f43
}

.border-bottom-warning {
    border-bottom: 1px solid #ff9f43
}

.border-start-warning {
    border-left: 1px solid #ff9f43
}

.border-end-warning {
    border-right: 1px solid #ff9f43
}

.bg-warning.badge-glow,.border-warning.badge-glow {
    box-shadow: 0 0 10px #ff9f43
}

.badge.badge-light-warning {
    background-color: rgba(255,159,67,.12);
    color: #ff9f43!important
}

.overlay-warning {
    background: #ff9f43;
    background: rgba(255,159,67,.6)
}

.btn-warning {
    background-color: #ff9f43!important;
    border-color: #ff9f43!important;
    color: #fff!important
}

.btn-warning.active,.btn-warning:active,.btn-warning:focus {
    background-color: #ff922a!important;
    color: #fff
}

.btn-warning:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #ff9f43
}

.btn-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning {
    background-color: #ff922a!important;
    color: #fff
}

.btn-flat-warning {
    background-color: transparent;
    color: #ff9f43
}

.btn-flat-warning:hover {
    color: #ff9f43
}

.btn-flat-warning:hover:not(.disabled):not(:disabled) {
    background-color: rgba(255,159,67,.12)
}

.btn-flat-warning.active,.btn-flat-warning:active,.btn-flat-warning:focus {
    background-color: rgba(255,159,67,.2);
    color: #ff9f43
}

.btn-flat-warning.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-warning {
    background-color: #ff9f43;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-warning:hover:not(.disabled):not(:disabled) {
    background-color: #ffac5d
}

.btn-relief-warning.active,.btn-relief-warning:active,.btn-relief-warning:focus {
    background-color: #ff922a
}

.btn-relief-warning:hover {
    color: #fff
}

.btn-relief-warning.active,.btn-relief-warning:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-warning {
    background-color: transparent;
    border: 1px solid #ff9f43!important;
    color: #ff9f43
}

.btn-outline-warning:hover:not(.disabled):not(:disabled) {
    background-color: rgba(255,159,67,.04);
    color: #ff9f43
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled):focus {
    background-color: rgba(255,159,67,.2);
    color: #ff9f43
}

.btn-outline-warning.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-warning.show.dropdown-toggle {
    background-color: rgba(255,159,67,.2);
    color: #ff9f43
}

.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning {
    background-color: rgba(255,159,67,.2)!important;
    color: #ff9f43
}

.btn-flat-warning.waves-effect .waves-ripple,.btn-outline-warning.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255,159,67,.2) 0,rgba(255,159,67,.3) 40%,rgba(255,159,67,.4) 50%,rgba(255,159,67,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-warning {
    background-color: #ff9f43
}

.modal.modal-warning .modal-header .modal-title {
    color: #ff9f43
}

.modal.modal-warning .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff9f43'%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") 50%/.75rem auto no-repeat!important;
    color: #ff9f43!important
}

.pagination-warning .page-item.active .page-link {
    background: #ff9f43!important;
    color: #fff
}

.pagination-warning .page-item.active .page-link:hover {
    color: #fff
}

.pagination-warning .page-item .page-link:hover {
    color: #ff9f43
}

.pagination-warning .page-item.next-item .page-link:hover,.pagination-warning .page-item.prev-item .page-link:hover {
    background: #ff9f43;
    color: #fff
}

.pagination-warning .page-item.next .page-link:active:after,.pagination-warning .page-item.next .page-link:hover:after,.pagination-warning .page-item.next-item .page-link:active:after,.pagination-warning .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-warning .page-item.prev .page-link:active:before,.pagination-warning .page-item.prev .page-link:hover:before,.pagination-warning .page-item.prev-item .page-link:active:before,.pagination-warning .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff9f43' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-warning .nav-item .nav-link.active {
    background-color: #ff9f43!important;
    border-color: #ff9f43;
    box-shadow: 0 4px 18px -4px rgba(255,159,67,.65);
    color: #fff
}

.progress-bar-warning {
    background-color: rgba(255,159,67,.12)
}

.progress-bar-warning .progress-bar {
    background-color: #ff9f43
}

.timeline .timeline-point-warning {
    border-color: #ff9f43!important
}

.timeline .timeline-point-warning i,.timeline .timeline-point-warning svg {
    stroke: #ff9f43!important
}

.timeline .timeline-point-warning.timeline-point-indicator {
    background-color: #ff9f43!important
}

.timeline .timeline-point-warning.timeline-point-indicator:before {
    background: rgba(255,159,67,.12)!important
}

.divider.divider-warning .divider-text:after,.divider.divider-warning .divider-text:before {
    border-color: #ff9f43!important
}

input:focus~.bg-warning {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #ff9f43!important
}

.form-check-warning .form-check-input:checked {
    background-color: #ff9f43;
    border-color: #ff9f43
}

.form-check-warning .form-check-input:not(:disabled):checked,.form-check-warning .form-check-input:not(:disabled):focus {
    border-color: #ff9f43;
    box-shadow: 0 2px 4px 0 rgba(255,159,67,.4)
}

.select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ff9f43!important;
    border-color: #ff9f43!important
}

.bg-danger .card-footer,.bg-danger .card-header {
    background-color: transparent
}

.alert-danger {
    background: rgba(234,84,85,.12)!important;
    color: #ea5455!important
}

.alert-danger .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(234,84,85,.4)
}

.alert-danger .alert-link {
    color: #e73d3e!important
}

.alert-danger .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ea5455'%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") 50%/.75rem auto no-repeat;
    color: #ea5455!important
}

.bg-light-danger {
    background: rgba(234,84,85,.12)!important;
    color: #ea5455!important
}

.bg-light-danger.fc-h-event,.bg-light-danger.fc-v-event {
    border-color: rgba(234,84,85,.1)
}

.bg-light-danger .fc-list-event-dot {
    border-color: #ea5455!important
}

.bg-light-danger.fc-list-event:hover td {
    background: rgba(234,84,85,.1)!important
}

.bg-light-danger.fc-list-event .fc-list-event-title {
    color: #6e6b7b
}

.avatar.bg-light-danger {
    color: #ea5455!important
}

.border-danger {
    border: 1px solid #ea5455!important
}

.border-top-danger {
    border-top: 1px solid #ea5455
}

.border-bottom-danger {
    border-bottom: 1px solid #ea5455
}

.border-start-danger {
    border-left: 1px solid #ea5455
}

.border-end-danger {
    border-right: 1px solid #ea5455
}

.bg-danger.badge-glow,.border-danger.badge-glow {
    box-shadow: 0 0 10px #ea5455
}

.badge.badge-light-danger {
    background-color: rgba(234,84,85,.12);
    color: #ea5455!important
}

.overlay-danger {
    background: #ea5455;
    background: rgba(234,84,85,.6)
}

.btn-danger {
    background-color: #ea5455!important;
    border-color: #ea5455!important;
    color: #fff!important
}

.btn-danger.active,.btn-danger:active,.btn-danger:focus {
    background-color: #e73d3e!important;
    color: #fff
}

.btn-danger:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px #ea5455
}

.btn-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger {
    background-color: #e73d3e!important;
    color: #fff
}

.btn-flat-danger {
    background-color: transparent;
    color: #ea5455
}

.btn-flat-danger:hover {
    color: #ea5455
}

.btn-flat-danger:hover:not(.disabled):not(:disabled) {
    background-color: rgba(234,84,85,.12)
}

.btn-flat-danger.active,.btn-flat-danger:active,.btn-flat-danger:focus {
    background-color: rgba(234,84,85,.2);
    color: #ea5455
}

.btn-flat-danger.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-relief-danger {
    background-color: #ea5455;
    box-shadow: inset 0 -3px 0 0 rgba(34,41,47,.2);
    color: #fff;
    transition: all .2s ease
}

.btn-relief-danger:hover:not(.disabled):not(:disabled) {
    background-color: #ed6b6c
}

.btn-relief-danger.active,.btn-relief-danger:active,.btn-relief-danger:focus {
    background-color: #e73d3e
}

.btn-relief-danger:hover {
    color: #fff
}

.btn-relief-danger.active,.btn-relief-danger:active {
    box-shadow: none;
    outline: none;
    transform: translateY(3px)
}

.btn-outline-danger {
    background-color: transparent;
    border: 1px solid #ea5455!important;
    color: #ea5455
}

.btn-outline-danger:hover:not(.disabled):not(:disabled) {
    background-color: rgba(234,84,85,.04);
    color: #ea5455
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
    box-shadow: none
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled):focus {
    background-color: rgba(234,84,85,.2);
    color: #ea5455
}

.btn-outline-danger.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.btn-outline-danger.show.dropdown-toggle {
    background-color: rgba(234,84,85,.2);
    color: #ea5455
}

.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger {
    background-color: rgba(234,84,85,.2)!important;
    color: #ea5455
}

.btn-flat-danger.waves-effect .waves-ripple,.btn-outline-danger.waves-effect .waves-ripple {
    background: radial-gradient(rgba(234,84,85,.2) 0,rgba(234,84,85,.3) 40%,rgba(234,84,85,.4) 50%,rgba(234,84,85,.5) 60%,hsla(0,0%,100%,0) 70%)
}

.bullet.bullet-danger {
    background-color: #ea5455
}

.modal.modal-danger .modal-header .modal-title {
    color: #ea5455
}

.modal.modal-danger .modal-header .btn-close {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ea5455'%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") 50%/.75rem auto no-repeat!important;
    color: #ea5455!important
}

.pagination-danger .page-item.active .page-link {
    background: #ea5455!important;
    color: #fff
}

.pagination-danger .page-item.active .page-link:hover {
    color: #fff
}

.pagination-danger .page-item .page-link:hover {
    color: #ea5455
}

.pagination-danger .page-item.next-item .page-link:hover,.pagination-danger .page-item.prev-item .page-link:hover {
    background: #ea5455;
    color: #fff
}

.pagination-danger .page-item.next .page-link:active:after,.pagination-danger .page-item.next .page-link:hover:after,.pagination-danger .page-item.next-item .page-link:active:after,.pagination-danger .page-item.next-item .page-link:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")!important
}

.pagination-danger .page-item.prev .page-link:active:before,.pagination-danger .page-item.prev .page-link:hover:before,.pagination-danger .page-item.prev-item .page-link:active:before,.pagination-danger .page-item.prev-item .page-link:hover:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ea5455' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")!important
}

.nav-pill-danger .nav-item .nav-link.active {
    background-color: #ea5455!important;
    border-color: #ea5455;
    box-shadow: 0 4px 18px -4px rgba(234,84,85,.65);
    color: #fff
}

.progress-bar-danger {
    background-color: rgba(234,84,85,.12)
}

.progress-bar-danger .progress-bar {
    background-color: #ea5455
}

.timeline .timeline-point-danger {
    border-color: #ea5455!important
}

.timeline .timeline-point-danger i,.timeline .timeline-point-danger svg {
    stroke: #ea5455!important
}

.timeline .timeline-point-danger.timeline-point-indicator {
    background-color: #ea5455!important
}

.timeline .timeline-point-danger.timeline-point-indicator:before {
    background: rgba(234,84,85,.12)!important
}

.divider.divider-danger .divider-text:after,.divider.divider-danger .divider-text:before {
    border-color: #ea5455!important
}

input:focus~.bg-danger {
    box-shadow: 0 0 0 .075rem #fff,0 0 0 .21rem #ea5455!important
}

.form-check-danger .form-check-input:checked {
    background-color: #ea5455;
    border-color: #ea5455
}

.form-check-danger .form-check-input:not(:disabled):checked,.form-check-danger .form-check-input:not(:disabled):focus {
    border-color: #ea5455;
    box-shadow: 0 2px 4px 0 rgba(234,84,85,.4)
}

.select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ea5455!important;
    border-color: #ea5455!important
}

.bg-gradient-dark,.btn-gradient-dark {
    background-image: linear-gradient(47deg,#4b4b4b,#1e1e1e);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.dark-layout .btn-gradient-dark,.dark-layout .bg-gradient-dark {
    background-image: linear-gradient(47deg,#1e1e1e,#4b4b4b);
    background-repeat: repeat
}

.bg-gradient-dark:active,.bg-gradient-dark:hover,.btn-gradient-dark:active,.btn-gradient-dark:hover {
    color: #fff
}

.bg-gradient-dark:hover:not(.disabled):not(:disabled),.btn-gradient-dark:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-dark:active,.btn-gradient-dark:active {
    transform: translateY(0)
}

.bg-gradient-dark:active,.bg-gradient-dark:focus,.btn-gradient-dark:active,.btn-gradient-dark:focus {
    background-image: linear-gradient(47deg,#1e1e1e,#4b4b4b);
    background-repeat: repeat
}

.bg-gradient-primary,.btn-gradient-primary {
    background-image: linear-gradient(47deg,#2e4ce5,#9e95f5);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-primary:active,.bg-gradient-primary:hover,.btn-gradient-primary:active,.btn-gradient-primary:hover {
    color: #fff
}

.bg-gradient-primary:hover:not(.disabled):not(:disabled),.btn-gradient-primary:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-primary:active,.btn-gradient-primary:active {
    transform: translateY(0)
}

.bg-gradient-primary:active,.bg-gradient-primary:focus,.btn-gradient-primary:active,.btn-gradient-primary:focus {
    background-image: linear-gradient(47deg,#4839eb,#2e4ce5);
    background-repeat: repeat
}

.bg-gradient-secondary,.btn-gradient-secondary {
    background-image: linear-gradient(47deg,#82868b,#9ca0a4);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-secondary:active,.bg-gradient-secondary:hover,.btn-gradient-secondary:active,.btn-gradient-secondary:hover {
    color: #fff
}

.bg-gradient-secondary:hover:not(.disabled):not(:disabled),.btn-gradient-secondary:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-secondary:active,.btn-gradient-secondary:active {
    transform: translateY(0)
}

.bg-gradient-secondary:active,.bg-gradient-secondary:focus,.btn-gradient-secondary:active,.btn-gradient-secondary:focus {
    background-image: linear-gradient(47deg,#696d71,#82868b);
    background-repeat: repeat
}

.bg-gradient-success,.btn-gradient-success {
    background-image: linear-gradient(47deg,#28c76f,#48da89);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-success:active,.bg-gradient-success:hover,.btn-gradient-success:active,.btn-gradient-success:hover {
    color: #fff
}

.bg-gradient-success:hover:not(.disabled):not(:disabled),.btn-gradient-success:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-success:active,.btn-gradient-success:active {
    transform: translateY(0)
}

.bg-gradient-success:active,.bg-gradient-success:focus,.btn-gradient-success:active,.btn-gradient-success:focus {
    background-image: linear-gradient(47deg,#1f9d57,#28c76f);
    background-repeat: repeat
}

.bg-gradient-info,.btn-gradient-info {
    background-image: linear-gradient(47deg,#00cfe8,#1ce7ff);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-info:active,.bg-gradient-info:hover,.btn-gradient-info:active,.btn-gradient-info:hover {
    color: #fff
}

.bg-gradient-info:hover:not(.disabled):not(:disabled),.btn-gradient-info:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-info:active,.btn-gradient-info:active {
    transform: translateY(0)
}

.bg-gradient-info:active,.bg-gradient-info:focus,.btn-gradient-info:active,.btn-gradient-info:focus {
    background-image: linear-gradient(47deg,#00a1b5,#00cfe8);
    background-repeat: repeat
}

.bg-gradient-warning,.btn-gradient-warning {
    background-image: linear-gradient(47deg,#ff9f43,#ffb976);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-warning:active,.bg-gradient-warning:hover,.btn-gradient-warning:active,.btn-gradient-warning:hover {
    color: #fff
}

.bg-gradient-warning:hover:not(.disabled):not(:disabled),.btn-gradient-warning:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-warning:active,.btn-gradient-warning:active {
    transform: translateY(0)
}

.bg-gradient-warning:active,.bg-gradient-warning:focus,.btn-gradient-warning:active,.btn-gradient-warning:focus {
    background-image: linear-gradient(47deg,#ff8510,#ff9f43);
    background-repeat: repeat
}

.bg-gradient-danger,.btn-gradient-danger {
    background-image: linear-gradient(47deg,#ea5455,#f08182);
    background-repeat: repeat;
    color: #fff;
    transition: all .2s ease
}

.bg-gradient-danger:active,.bg-gradient-danger:hover,.btn-gradient-danger:active,.btn-gradient-danger:hover {
    color: #fff
}

.bg-gradient-danger:hover:not(.disabled):not(:disabled),.btn-gradient-danger:hover:not(.disabled):not(:disabled) {
    transform: translateY(-2px)
}

.bg-gradient-danger:active,.btn-gradient-danger:active {
    transform: translateY(0)
}

.bg-gradient-danger:active,.bg-gradient-danger:focus,.btn-gradient-danger:active,.btn-gradient-danger:focus {
    background-image: linear-gradient(47deg,#e42728,#ea5455);
    background-repeat: repeat
}

html {
    font-size: 14px;
    height: 100%;
    letter-spacing: .01rem
}

html body {
    background-color: #f8f8f8;
    direction: ltr;
    height: 100%
}

html body p {
    line-height: 1.5rem
}

html .content {
    backface-visibility: hidden;
    margin-left: 260px;
    min-height: calc(100% - 3.35rem);
    padding: 0;
    position: relative
}

html .content.app-content {
    padding: 7.75rem 2rem 0
}

html .content.app-content.show-overlay .content-overlay {
    opacity: 1;
    z-index: 10
}

html .content.app-content.show-overlay .content-overlay~.header-navbar-shadow {
    display: none
}

html .content.app-content .content-overlay {
    background-color: rgba(34,41,47,.5);
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

html .content.app-content .content-area-wrapper {
    display: flex;
    overflow: hidden;
    position: relative
}

html .content.app-content .content-area-wrapper .content-body,html .content.app-content .content-area-wrapper .content-wrapper {
    height: 100%
}

html .content .body-content-overlay {
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 4
}

html .content .body-content-overlay.show {
    background-color: rgba(34,41,47,.2);
    border-radius: .1785rem;
    opacity: 1;
    visibility: visible
}

html .content .content-wrapper .content-header-title {
    color: #636363;
    font-weight: 500
}

html .content .content-wrapper .content-header-right .dropdown-toggle:after {
    display: none
}

html .content .content-wrapper .content-header-right .dropdown-toggle i,html .content .content-wrapper .content-header-right .dropdown-toggle svg {
    margin-right: 0
}

html .content .content-wrapper .content-header-right .btn-icon {
    padding: .8rem
}

html .content .content-wrapper .content-header-right .btn-icon i,html .content .content-wrapper .content-header-right .btn-icon svg {
    height: 1rem;
    width: 1rem
}

html .navbar-floating.footer-static .app-content .content-area-wrapper,html .navbar-floating.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - 11.1rem);
    height: calc(var(--vh, 1vh)*100 - 11.1rem)
}

@media (max-width: 575.98px) {
    html .navbar-floating.footer-static .app-content .content-area-wrapper,html .navbar-floating.footer-static .app-content .kanban-wrapper {
        height:calc(100vh - 10.3rem);
        height: calc(var(--vh, 1vh)*100 - 10.3rem)
    }
}

html .navbar-floating.footer-hidden .app-content .content-area-wrapper,html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - 9.75rem);
    height: calc(var(--vh, 1vh)*100 - 9.75rem)
}

@media (max-width: 575.98px) {
    html .navbar-floating.footer-hidden .app-content .content-area-wrapper,html .navbar-floating.footer-hidden .app-content .kanban-wrapper {
        height:calc(100vh - 8.15rem);
        height: calc(var(--vh, 1vh)*100 - 8.15rem)
    }
}

html .navbar-floating.footer-fixed .app-content .content-area-wrapper,html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - 13.1rem);
    height: calc(var(--vh, 1vh)*100 - 13.1rem)
}

@media (max-width: 575.98px) {
    html .navbar-floating.footer-fixed .app-content .content-area-wrapper,html .navbar-floating.footer-fixed .app-content .kanban-wrapper {
        height:calc(100vh - 11.5rem);
        height: calc(var(--vh, 1vh)*100 - 11.5rem)
    }
}

html .navbar-hidden .app-content {
    padding: 2rem 2rem 0!important
}

html .navbar-hidden.footer-static .app-content .content-area-wrapper,html .navbar-hidden.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - 5.35rem);
    height: calc(var(--vh, 1vh)*100 - 5.35rem)
}

@media (max-width: 575.98px) {
    html .navbar-hidden.footer-static .app-content .content-area-wrapper,html .navbar-hidden.footer-static .app-content .kanban-wrapper {
        height:calc(100vh - 4.55rem);
        height: calc(var(--vh, 1vh)*100 - 4.55rem)
    }
}

html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - 4rem);
    height: calc(var(--vh, 1vh)*100 - 4rem)
}

@media (max-width: 575.98px) {
    html .navbar-hidden.footer-hidden .app-content .content-area-wrapper,html .navbar-hidden.footer-hidden .app-content .kanban-wrapper {
        height:calc(100vh - 2.4rem);
        height: calc(var(--vh, 1vh)*100 - 2.4rem)
    }
}

html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - 7.35rem);
    height: calc(var(--vh, 1vh)*100 - 7.35rem)
}

@media (max-width: 575.98px) {
    html .navbar-hidden.footer-fixed .app-content .content-area-wrapper,html .navbar-hidden.footer-fixed .app-content .kanban-wrapper {
        height:calc(100vh - 5.75rem);
        height: calc(var(--vh, 1vh)*100 - 5.75rem)
    }
}

html .navbar-static .main-menu {
    top: 0
}

html .navbar-static .content {
    min-height: calc(100% - 7.8rem)
}

html .navbar-static .app-content {
    padding: 2rem 2rem 0
}

html .navbar-static.footer-static .app-content .content-area-wrapper,html .navbar-static.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - 9.8rem);
    height: calc(var(--vh, 1vh)*100 - 9.8rem)
}

@media (max-width: 575.98px) {
    html .navbar-static.footer-static .app-content .content-area-wrapper,html .navbar-static.footer-static .app-content .kanban-wrapper {
        height:calc(100vh - 9rem);
        height: calc(var(--vh, 1vh)*100 - 9rem)
    }
}

html .navbar-static.footer-hidden .app-content .content-area-wrapper,html .navbar-static.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - 8.45rem);
    height: calc(var(--vh, 1vh)*100 - 8.45rem)
}

@media (max-width: 575.98px) {
    html .navbar-static.footer-hidden .app-content .content-area-wrapper,html .navbar-static.footer-hidden .app-content .kanban-wrapper {
        height:calc(100vh - 6.85rem);
        height: calc(var(--vh, 1vh)*100 - 6.85rem)
    }
}

html .navbar-static.footer-fixed .app-content .content-area-wrapper,html .navbar-static.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - 11.8rem);
    height: calc(var(--vh, 1vh)*100 - 11.8rem)
}

@media (max-width: 575.98px) {
    html .navbar-static.footer-fixed .app-content .content-area-wrapper,html .navbar-static.footer-fixed .app-content .kanban-wrapper {
        height:calc(100vh - 10.2rem);
        height: calc(var(--vh, 1vh)*100 - 10.2rem)
    }
}

html .navbar-sticky .app-content {
    padding: 6.45rem 2rem 0
}

html .navbar-sticky.footer-static .app-content .content-area-wrapper,html .navbar-sticky.footer-static .app-content .kanban-wrapper {
    height: calc(100vh - 9.8rem);
    height: calc(var(--vh, 1vh)*100 - 9.8rem)
}

@media (max-width: 575.98px) {
    html .navbar-sticky.footer-static .app-content .content-area-wrapper,html .navbar-sticky.footer-static .app-content .kanban-wrapper {
        height:calc(100vh - 9rem);
        height: calc(var(--vh, 1vh)*100 - 9rem)
    }
}

html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
    height: calc(100vh - 8.45rem);
    height: calc(var(--vh, 1vh)*100 - 8.45rem)
}

@media (max-width: 575.98px) {
    html .navbar-sticky.footer-hidden .app-content .content-area-wrapper,html .navbar-sticky.footer-hidden .app-content .kanban-wrapper {
        height:calc(100vh - 6.85rem);
        height: calc(var(--vh, 1vh)*100 - 6.85rem)
    }
}

html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
    height: calc(100vh - 11.8rem);
    height: calc(var(--vh, 1vh)*100 - 11.8rem)
}

@media (max-width: 575.98px) {
    html .navbar-sticky.footer-fixed .app-content .content-area-wrapper,html .navbar-sticky.footer-fixed .app-content .kanban-wrapper {
        height:calc(100vh - 10.2rem);
        height: calc(var(--vh, 1vh)*100 - 10.2rem)
    }
}

html .navbar-static .nav.header-navbar .navbar-container,html .navbar-sticky .nav.header-navbar .navbar-container {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

html .navbar-static .nav.header-navbar .navbar-container .search-input .search-list.show,html .navbar-sticky .nav.header-navbar .navbar-container .search-input .search-list.show {
    left: 1%;
    width: 98%
}

html .footer-fixed .content.app-content {
    padding-bottom: 3.35rem!important
}

html [data-col="1-column"] .header-navbar {
    left: 0!important;
    width: 100%
}

html [data-col="1-column"] .header-navbar.floating-nav {
    width: calc(100% - 4rem)!important
}

html [data-col="1-column"] .content,html [data-col="1-column"] .footer {
    margin-left: 0!important
}

html [data-col="1-column"].horizontal-layout .header-navbar {
    width: 100%!important
}

html [data-col="1-column"].horizontal-layout .app-content {
    padding: 7.75rem 2rem 0!important
}

html [data-col="1-column"].horizontal-layout.footer-fixed .app-content {
    padding: 7.75rem 2rem 3.35rem!important
}

html .blank-page .content {
    margin-left: 0
}

html .blank-page .content.app-content {
    overflow: overlay;
    overflow-x: hidden;
    padding: 0!important;
    transition: none
}

html .blank-page .content.app-content .header-navbar-shadow {
    display: none
}

html .blank-page .content-wrapper {
    padding: 0!important
}

html .blank-page .content-wrapper .flexbox-container {
    align-items: center;
    display: flex;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    justify-content: center
}

html .pace .pace-progress {
    background: #7367f0
}

.app-content.center-layout {
    overflow: hidden
}

@media (min-width: 992px) {
    body .content-right {
        float:right;
        width: calc(100% - 260px)
    }

    body .content-left {
        float: left;
        width: calc(100% - 260px)
    }

    body .content-detached {
        width: 100%
    }

    body .content-detached.content-right {
        float: right;
        margin-left: -260px
    }

    body .content-detached.content-right .content-body {
        margin-left: calc(260px + 2rem)
    }

    body .content-detached.content-left {
        float: left;
        margin-right: -260px
    }

    body .content-detached.content-left .content-body {
        margin-right: calc(260px + 2rem)
    }

    .sidebar-right.sidebar-sticky {
        float: right!important;
        margin-left: -260px;
        margin-top: 5.7rem;
        width: 260px!important
    }
}

@media (max-width: 767.98px) {
    html body .app-content {
        padding:6.95rem 1.2rem 0!important
    }

    html body.navbar-static .app-content {
        padding: 1.2rem 1.2rem 0!important
    }

    html body.navbar-sticky .app-content {
        padding: 5.65rem 1.2rem 0!important
    }

    html body.navbar-hidden .app-content {
        padding: 1.2rem 1.2rem 0!important
    }

    .navbar-static .app-content .header-navbar .navbar-container,.navbar-sticky .app-content .header-navbar .navbar-container {
        padding-left: 1rem;
        padding-right: .5rem
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    html.full-screen {
        width: 100%
    }

    html.full-screen .content.app-content {
        height: 100%;
        overflow: scroll;
        overflow-x: hidden
    }
}

.sidebar {
    height: 100%;
    position: relative;
    width: 100%
}

@media (min-width: 992px) {
    .sidebar {
        vertical-align:top
    }
}

.sidebar-fixed {
    height: 100%;
    overflow: scroll;
    position: fixed
}

.sidenav-overlay {
    background-color: rgba(34,41,47,.5);
    display: block;
    height: 120vh;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    visibility: hidden;
    z-index: 997
}

.sidenav-overlay.show {
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

.drag-target {
    height: 100%;
    left: -10px;
    position: fixed;
    top: 0;
    width: 40px;
    z-index: 1036
}

.sidebar-detached .sidebar {
    width: 260px
}

@media (min-width: 992px) {
    .sidebar-left {
        float:left
    }

    .sidebar-right {
        float: right
    }
}

@media (max-width: 991.98px) {
    .sidebar-detached .sidebar {
        width:100%
    }
}

footer.footer {
    min-height: 3.35rem;
    padding: .8rem 2rem;
    transition: all .3s ease
}

footer.footer span i,footer.footer span svg {
    color: #ea5455;
    font-size: 1.51rem;
    height: 1.51rem;
    margin-left: .5rem;
    width: 1.51rem
}

footer.footer .scroll-top {
    padding: .81rem .83rem
}

footer.footer-shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1)
}

footer.footer-border {
    border-top: 1px solid #ebe9f1
}

.footer-fixed footer {
    bottom: 0;
    left: 0;
    position: fixed!important;
    right: 0;
    z-index: 1030
}

.footer-fixed footer.footer-light {
    background: #fff;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.1)
}

.footer-fixed footer.footer-dark {
    background: #b8c2cc;
    color: #fff
}

.footer-hidden .app-content {
    padding-bottom: .1px!important
}

.scroll-top {
    bottom: 5%;
    display: none;
    position: fixed;
    right: 30px;
    z-index: 99
}

.main-menu {
    display: table-cell;
    height: 100%;
    position: absolute;
    z-index: 1031
}

.main-menu.menu-light {
    background: #fff;
    color: #6e6b7b
}

.main-menu.menu-light .navigation {
    background: #fff
}

.main-menu.menu-light .navigation .navigation-header {
    color: #a6a4b0;
    letter-spacing: .01rem;
    line-height: 1.5;
    margin: 2.286rem 0 .8rem 2.2rem;
    padding: 0
}

.main-menu.menu-light .navigation .navigation-header span {
    font-weight: 500
}

.main-menu.menu-light .navigation li.has-sub>a {
    transition: all .5s ease,background 0s,color 0s
}

.main-menu.menu-light .navigation li a {
    color: #625f6e;
    line-height: 1.45;
    padding: 10px 15px
}

.main-menu.menu-light .navigation li a span.menu-sub-title {
    color: #bdbbc4
}

.main-menu.menu-light .navigation li a>* {
    transition: transform .25s ease
}

.main-menu.menu-light .navigation li.nav-item a:hover>*,.main-menu.menu-light .navigation li.nav-item ul.menu-content li a:hover>* {
    transform: translateX(5px);
    transition: transform .25s ease
}

.main-menu.menu-light .navigation>li>a {
    margin: 0 15px
}

.main-menu.menu-light .navigation>li>a .label {
    margin-right: 5px;
    margin-top: 4px
}

.main-menu.menu-light .navigation>li>a i,.main-menu.menu-light .navigation>li>a svg {
    position: relative;
    top: 1px
}

.main-menu.menu-light .navigation>li>ul li:first-of-type {
    margin-top: 7px!important
}

.main-menu.menu-light .navigation>li>ul li.has-sub>a,.main-menu.menu-light .navigation>li>ul li.has-sub>ul>li,.main-menu.menu-light .navigation>li>ul li:not(.has-sub) {
    margin: 0 15px
}

.main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,.main-menu.menu-light .navigation>li.sidebar-group-active>a {
    background: #f5f5f5;
    border-radius: 6px;
    color: #565360
}

.main-menu.menu-light .navigation>li:not(.open)>ul {
    display: none
}

.main-menu.menu-light .navigation>li:not(.open)>ul .active {
    background: transparent;
    box-shadow: none
}

.main-menu.menu-light .navigation>li.active {
    z-index: 1
}

.main-menu.menu-light .navigation>li.active>a {
    background: linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));
    border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
    color: #fff;
    font-weight: 400
}

.main-menu.menu-light .navigation>li .active {
    background: #f0f0f0
}

.main-menu.menu-light .navigation>li .active>a {
    color: #7367f0;
    margin-bottom: 0
}

.main-menu.menu-light .navigation>li .active .hover>a,.main-menu.menu-light .navigation>li .active :hover>a {
    background: #f5f5f5
}

.main-menu.menu-light .navigation>li ul {
    margin: 0;
    padding: 0
}

.main-menu.menu-light .navigation>li ul li {
    background: transparent;
    color: #6e6b7b
}

.main-menu.menu-light .navigation>li ul li>a {
    padding: 10px 15px 10px 20px
}

.main-menu.menu-light .navigation>li ul li ul a {
    padding: 10px 15px 10px 53px
}

.main-menu.menu-light .navigation>li ul .has-sub:not(.open)>ul {
    display: none
}

.main-menu.menu-light .navigation>li ul .has-sub:not(.open)>ul .active {
    background: transparent;
    box-shadow: none
}

.main-menu.menu-light .navigation>li ul .open>a,.main-menu.menu-light .navigation>li ul .sidebar-group-active>a {
    background: #f5f5f5;
    border-radius: 6px;
    color: #6e6b7b
}

.main-menu.menu-light .navigation>li ul .open>ul,.main-menu.menu-light .navigation>li ul .open>ul .open>ul,.main-menu.menu-light .navigation>li ul .sidebar-group-active>ul,.main-menu.menu-light .navigation>li ul .sidebar-group-active>ul .open>ul {
    display: block
}

.main-menu.menu-light .navigation>li ul .hover>a,.main-menu.menu-light .navigation>li ul:hover>a {
    color: #787486
}

.main-menu.menu-light .navigation>li ul .active {
    background: linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));
    border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
    z-index: 1
}

.main-menu.menu-light .navigation>li ul .active>a {
    color: #fff
}

.main-menu.menu-dark {
    background: #283046;
    color: #dcdcdc
}

.main-menu.menu-dark .navigation {
    background: #283046
}

.main-menu.menu-dark .navigation .navigation-header {
    color: #fff;
    letter-spacing: .01rem;
    line-height: 1.5;
    margin: 2.286rem 0 .8rem 2.2rem;
    padding: 0
}

.main-menu.menu-dark .navigation .navigation-header span {
    font-weight: 500
}

.main-menu.menu-dark .navigation li.has-sub>a {
    transition: all .5s ease,background 0s,color 0s
}

.main-menu.menu-dark .navigation li a {
    color: #d0d0d0;
    line-height: 1.45;
    padding: 10px 15px
}

.main-menu.menu-dark .navigation li a span.menu-sub-title {
    color: #fff
}

.main-menu.menu-dark .navigation li a>* {
    transition: transform .25s ease
}

.main-menu.menu-dark .navigation li.nav-item a:hover>*,.main-menu.menu-dark .navigation li.nav-item ul.menu-content li a:hover>* {
    transform: translateX(5px);
    transition: transform .25s ease
}

.main-menu.menu-dark .navigation>li>a {
    margin: 0 15px
}

.main-menu.menu-dark .navigation>li>a .label {
    margin-right: 5px;
    margin-top: 4px
}

.main-menu.menu-dark .navigation>li>a i,.main-menu.menu-dark .navigation>li>a svg {
    position: relative;
    top: 1px
}

.main-menu.menu-dark .navigation>li>ul li:first-of-type {
    margin-top: 7px!important
}

.main-menu.menu-dark .navigation>li>ul li.has-sub>a,.main-menu.menu-dark .navigation>li>ul li.has-sub>ul>li,.main-menu.menu-dark .navigation>li>ul li:not(.has-sub) {
    margin: 0 15px
}

.main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,.main-menu.menu-dark .navigation>li.sidebar-group-active>a {
    background: #0c102a;
    border-radius: 6px;
    color: #c3c3c3
}

.main-menu.menu-dark .navigation>li:not(.open)>ul {
    display: none
}

.main-menu.menu-dark .navigation>li:not(.open)>ul .active {
    background: transparent;
    box-shadow: none
}

.main-menu.menu-dark .navigation>li.active {
    z-index: 1
}

.main-menu.menu-dark .navigation>li.active>a {
    background: linear-gradient(45deg,#2e4ce5,#4564ff);
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(20,54,227,.65);
    color: #fff;
    font-weight: 400
}

.main-menu.menu-dark .navigation>li .active {
    background: #090d22
}

.main-menu.menu-dark .navigation>li .active>a {
    color: #7367f0;
    margin-bottom: 0
}

.main-menu.menu-dark .navigation>li .active .hover>a,.main-menu.menu-dark .navigation>li .active :hover>a {
    background: #0c102a
}

.main-menu.menu-dark .navigation>li ul {
    margin: 0;
    padding: 0
}

.main-menu.menu-dark .navigation>li ul li {
    background: transparent;
    color: #dcdcdc
}

.main-menu.menu-dark .navigation>li ul li>a {
    padding: 10px 15px 10px 20px
}

.main-menu.menu-dark .navigation>li ul li ul a {
    padding: 10px 15px 10px 53px
}

.main-menu.menu-dark .navigation>li ul .has-sub:not(.open)>ul {
    display: none
}

.main-menu.menu-dark .navigation>li ul .has-sub:not(.open)>ul .active {
    background: transparent;
    box-shadow: none
}

.main-menu.menu-dark .navigation>li ul .open>a,.main-menu.menu-dark .navigation>li ul .sidebar-group-active>a {
    background: #0c102a;
    border-radius: 6px;
    color: #dcdcdc
}

.main-menu.menu-dark .navigation>li ul .open>ul,.main-menu.menu-dark .navigation>li ul .open>ul .open>ul,.main-menu.menu-dark .navigation>li ul .sidebar-group-active>ul,.main-menu.menu-dark .navigation>li ul .sidebar-group-active>ul .open>ul {
    display: block
}

.main-menu.menu-dark .navigation>li ul .hover>a,.main-menu.menu-dark .navigation>li ul:hover>a {
    color: #e6e6e6
}

.main-menu.menu-dark .navigation>li ul .active {
    background: linear-gradient(118deg,#7367f0,rgba(115,103,240,.7));
    border-radius: 4px;
    box-shadow: 0 0 10px 1px rgba(115,103,240,.7);
    z-index: 1
}

.main-menu.menu-dark .navigation>li ul .active>a {
    color: #fff
}

.main-menu.menu-fixed {
    position: fixed
}

.main-menu.menu-static {
    height: 100%;
    padding-bottom: calc(100% - 20rem)
}

.main-menu.menu-static .main-menu-content {
    height: unset!important
}

.main-menu.menu-shadow {
    box-shadow: 0 0 15px 0 rgba(34,41,47,.05)
}

.main-menu.menu-border {
    border-right: 1px solid #ebe9f1
}

.main-menu .shadow-bottom {
    background: linear-gradient(#fff 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0));
    display: none;
    filter: blur(5px);
    height: 50px;
    margin-top: -.7rem;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2
}

.bordered-layout .main-menu .shadow-bottom {
    background: linear-gradient(#f8f8f8 41%,hsla(0,0%,100%,.11) 95%,hsla(0,0%,100%,0))
}

.main-menu.menu-native-scroll .main-menu-content {
    overflow-y: scroll!important
}

.main-menu .navbar-header {
    height: 100%;
    height: 4.45rem;
    padding: .35rem 1rem .3rem 1.64rem;
    position: relative;
    transition: all .3s ease,background 0s;
    width: 260px
}

.main-menu .navbar-header .navbar-brand {
    align-items: center;
    display: flex;
    font-size: inherit;
    margin-top: 1.35rem
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 36px
}

.main-menu .navbar-header .navbar-brand .brand-text {
    animation: fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 0;
    padding-left: 1rem
}

.main-menu .navbar-header .navbar-brand .brand-text span {
    color: #d0d2d6;
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 13px
}

.main-menu .navbar-header .modern-nav-toggle {
    animation: fadein .3s cubic-bezier(.25,.8,.25,1) 0s 1 normal forwards
}

.main-menu .main-menu-content {
    height: calc(100% - 8rem)!important;
    position: relative
}

.main-menu .main-menu-content .ps__rail-y {
    z-index: 3
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.main-menu ul.navigation-main {
    overflow-x: hidden;
    padding-bottom: .75rem
}

.main-menu ul.navigation-main>li:first-child {
    margin-top: .5rem
}

.main-menu a {
    outline: none
}

.main-menu a:focus,.main-menu a:hover {
    text-decoration: none
}

.navigation {
    font-family: Roboto,sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    overflow-y: hidden;
    padding-bottom: 20px
}

.navigation .navigation-header {
    font-family: Roboto,sans-serif;
    font-size: .9rem;
    font-weight: 500;
    line-height: 1.2;
    padding: 12px 22px;
    text-transform: uppercase
}

.navigation li {
    position: relative;
    white-space: nowrap
}

.navigation li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.navigation li a i,.navigation li a svg {
    font-size: 11px;
    height: 11px;
    margin-right: 1.38rem;
    width: 11px
}

.navigation li.menu-item-animating {
    transition: height .25s ease-in-out
}

.navigation li.disabled a {
    cursor: not-allowed;
    opacity: .65;
    pointer-events: none
}

@media (max-width: 767.98px) {
    .menu-hide .main-menu,.menu-open .main-menu {
        transition:transform .25s,top .35s,height .35s
    }

    .main-menu {
        backface-visibility: hidden;
        perspective: 1000;
        transform: translate3d(-240px,0,0)
    }

    .menu-open .main-menu {
        transform: translateZ(0)
    }
}

@media (min-width: 768px) {
    .drag-target {
        z-index:0
    }
}

.avatar {
    background-color: #c3c3c3;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.avatar .avatar-content .avatar-icon {
    height: 1rem;
    width: 1rem
}

.avatar .avatar-content {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: .857rem;
    height: 32px;
    justify-content: center;
    width: 32px
}

.avatar [class*=avatar-status-] {
    border: 1px solid #fff;
    border-radius: 50%;
    bottom: 0;
    height: 11px;
    position: absolute;
    right: 0;
    width: 11px
}

.avatar [class*=avatar-status-].avatar-status-lg,.avatar [class*=avatar-status-].avatar-status-xl {
    border-width: 2px;
    height: 17px;
    width: 17px
}

.avatar .avatar-status-online {
    background-color: #28c76f
}

.avatar .avatar-status-busy {
    background-color: #ea5455
}

.avatar .avatar-status-away {
    background-color: #ff9f43
}

.avatar .avatar-status-offline {
    background-color: #82868b
}

.avatar.avatar-tag {
    align-items: center;
    border-radius: .357rem;
    display: flex;
    height: 42px;
    justify-content: center;
    width: 42px
}

.avatar img {
    border-radius: 50%
}

.avatar.avatar-xl {
    font-size: 1.5rem
}

.avatar.avatar-xl img {
    height: 70px;
    width: 70px
}

.avatar.avatar-xl .avatar-content {
    font-size: 2.57rem;
    height: 70px;
    width: 70px
}

.avatar.avatar-xl .avatar-content .avatar-icon,.avatar.avatar-xl .avatar-content i,.avatar.avatar-xl .avatar-content svg {
    font-size: 3rem;
    height: 3rem;
    width: 3rem
}

.avatar.avatar-xl [class*=avatar-status-] {
    bottom: 0;
    right: 3px
}

.avatar.avatar-lg {
    font-size: 1.2rem
}

.avatar.avatar-lg img {
    height: 50px;
    width: 50px
}

.avatar.avatar-lg .avatar-content {
    font-size: 1.714rem;
    height: 50px;
    width: 50px
}

.avatar.avatar-lg .avatar-content .avatar-icon,.avatar.avatar-lg .avatar-content i,.avatar.avatar-lg .avatar-content svg {
    font-size: 2rem;
    height: 2rem;
    width: 2rem
}

.avatar.avatar-lg [class*=avatar-status-] {
    bottom: 1px;
    right: 3px
}

.avatar.avatar-sm .avatar-content {
    height: 24px;
    width: 24px
}

.avatar.avatar-sm .avatar-content .avatar-icon,.avatar.avatar-sm .avatar-content i,.avatar.avatar-sm .avatar-content svg {
    font-size: 1rem;
    height: 1rem;
    width: 1rem
}

.avatar.avatar-sm img {
    height: 24px;
    width: 24px
}

.avatar.avatar-sm [class*=avatar-status-] {
    bottom: -2px;
    right: -3px
}

.avatar-group {
    display: flex;
    justify-content: flex-start
}

.avatar-group .avatar {
    transition: all .25s ease
}

.avatar-group .avatar .avatar-content,.avatar-group .avatar img {
    box-shadow: 0 0 0 2px #fff,inset 0 0 0 1px rgba(34,41,47,.07)
}

.avatar-group .avatar .avatar-content {
    background-color: #9b9ea2!important
}

.avatar-group .avatar:hover {
    transition: all .25s ease
}

.avatar-group .avatar.pull-up:hover {
    transform: translateY(-4px) scale(1.07)
}

.avatar-group .avatar:not(:first-child) {
    margin-left: -.55rem
}

.avatar-group .avatar-sm:not(:first-child) {
    margin-left: -.4rem
}

.avatar-group .avatar-lg:not(:first-child) {
    margin-left: -1rem
}

.avatar-group .avatar-xl:not(:first-child) {
    margin-left: -1.5rem
}

.navbar-container a.nav-link-search {
    float: left
}

.navbar-container .search-input {
    display: none;
    float: left;
    width: 0
}

.navbar-container .search-input input {
    background: none;
    border: none;
    line-height: 16px;
    padding: 1.6rem 3.6rem;
    transition: all .2s ease-out;
    width: 0
}

.navbar-container .search-input.open {
    background: #fff;
    border-radius: .5rem;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000
}

.navbar-container .search-input.open .search-input-close,.navbar-container .search-input.open .search-input-icon {
    display: block
}

.navbar-container .search-input.open input {
    background: none;
    box-shadow: none;
    height: auto;
    outline: none;
    transition: all .3s ease-out;
    width: 100%
}

.navbar-container .search-input .search-list {
    background: #fff;
    border-radius: .357rem;
    display: none;
    height: auto;
    left: 0;
    margin-top: .5rem;
    max-height: 450px;
    padding-left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

@media only screen and (min-device-width: 320px) and (max-device-width:875px) and (orientation:landscape) {
    .navbar-container .search-input .search-list {
        max-height:250px
    }
}

.navbar-container .search-input .search-list.search-list-bookmark {
    height: auto!important
}

.navbar-container .search-input .search-list.search-list-bookmark i,.navbar-container .search-input .search-list.search-list-bookmark svg {
    font-size: 1.2rem;
    height: 1.2rem;
    width: 1.2rem
}

.navbar-container .search-input .search-list.show {
    display: block;
    min-height: 3rem
}

.navbar-container .search-input .search-list li a {
    color: #6e6b7b;
    padding: .9rem 1rem
}

.navbar-container .search-input .search-list li a i,.navbar-container .search-input .search-list li a svg[class*="feather feather-"] {
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.navbar-container .search-input .search-list li:first-child {
    border-top-left-radius: .357rem;
    border-top-right-radius: .357rem
}

.navbar-container .search-input .search-list li:last-child {
    border-bottom-left-radius: .357rem;
    border-bottom-right-radius: .357rem
}

.navbar-container .search-input .search-list li.auto-suggestion {
    align-items: center;
    cursor: pointer;
    display: flex
}

.navbar-container .search-input .search-list li.auto-suggestion.current_item,.navbar-container .search-input .search-list li.auto-suggestion:hover {
    background-color: #f8f8f8
}

.navbar-container .search-input .search-input-icon {
    cursor: pointer;
    display: none;
    left: 1.5rem;
    position: absolute;
    top: 32%;
    z-index: 2
}

.navbar-container .search-input .search-input-icon i,.navbar-container .search-input .search-input-icon svg {
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.navbar-container .search-input .search-input-close {
    cursor: pointer;
    display: none;
    position: absolute;
    right: 2rem;
    top: 32%;
    z-index: 1
}

.navbar-container .search-input .search-input-close i,.navbar-container .search-input .search-input-close svg {
    font-size: 1.25rem;
    height: 1.25rem;
    width: 1.25rem
}

.navbar-container .bookmark-input {
    background: #fff;
    border-radius: .357rem;
    box-shadow: 0 15px 30px 0 rgba(34,41,47,.11),0 5px 15px 0 rgba(34,41,47,.08);
    display: none;
    position: absolute;
    top: 102%;
    width: 25%
}

.navbar-container .bookmark-input.show {
    display: block
}

.navbar-container .bookmark-input .bookmark-input-icon {
    left: 24px;
    position: absolute;
    top: 20px;
    z-index: 1
}

.navbar-container .bookmark-input input {
    background: #fff;
    border: 1px solid rgba(34,41,47,.2);
    margin: 12px;
    padding: .7rem .7rem .7rem 2.5rem;
    width: calc(100% - 24px)
}

.navbar-container .bookmark-input input:focus {
    border: 1px solid #7367f0
}

.navbar-container .bookmark-input .search-list {
    position: relative
}

.navbar-container .bookmark-icon {
    cursor: pointer
}

.navbar-container .dropdown.bookmark-dropdown {
    padding: 1.4rem .5rem 1.35rem
}

.navbar-container .dropdown.bookmark-dropdown .dropdown-toggle:after {
    display: none
}

.navbar-container .search-data-title {
    line-height: 1.25rem
}

.navbar-dark .search-input .input {
    border-radius: .5rem;
    color: #f5f7fa
}

.navbar-dark .search-input.open .input {
    border: 1px solid #f5f7fa;
    color: #f5f7fa
}

.navbar-static .navbar-container .search-input.open {
    border-radius: 0
}

.btn-social,.btn-social-icon {
    overflow: hidden;
    padding-left: 4.95rem;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.btn-social-icon>:first-child,.btn-social>:first-child {
    border-right: 1px solid rgba(34,41,47,.2);
    bottom: 0;
    font-size: 1rem;
    left: 0;
    line-height: 2.7rem;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 2.95rem
}

.btn-social-icon {
    height: 2.95rem;
    padding: 0;
    width: 2.95rem
}

.btn-social-icon>:first-child {
    border: none;
    text-align: center;
    width: 100%!important
}

.btn-adn {
    background-color: #d87a68;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-adn:focus,.btn-adn:hover,.btn-check:focus+.btn-adn {
    background-color: #b86858;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-adn:focus,.btn-check:focus+.btn-adn {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-adn.active,.btn-adn:active,.btn-check:active+.btn-adn,.btn-check:checked+.btn-adn,.show>.btn-adn.dropdown-toggle {
    background-color: #ad6253;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-adn.active:focus,.btn-adn:active:focus,.btn-check:active+.btn-adn:focus,.btn-check:checked+.btn-adn:focus,.show>.btn-adn.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-adn.disabled,.btn-adn:disabled {
    background-color: #d87a68;
    border-color: transparent;
    color: #fff
}

.btn-adn:focus {
    box-shadow: none!important
}

.btn-bitbucket {
    background-color: #205081;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-bitbucket:focus,.btn-bitbucket:hover,.btn-check:focus+.btn-bitbucket {
    background-color: #1b446e;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-bitbucket:focus,.btn-check:focus+.btn-bitbucket {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-bitbucket.active,.btn-bitbucket:active,.btn-check:active+.btn-bitbucket,.btn-check:checked+.btn-bitbucket,.show>.btn-bitbucket.dropdown-toggle {
    background-color: #1a4067;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-bitbucket.active:focus,.btn-bitbucket:active:focus,.btn-check:active+.btn-bitbucket:focus,.btn-check:checked+.btn-bitbucket:focus,.show>.btn-bitbucket.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-bitbucket.disabled,.btn-bitbucket:disabled {
    background-color: #205081;
    border-color: transparent;
    color: #fff
}

.btn-bitbucket:focus {
    box-shadow: none!important
}

.btn-dropbox {
    background-color: #1087dd;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-dropbox,.btn-dropbox:focus,.btn-dropbox:hover {
    background-color: #0e73bc;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-dropbox,.btn-dropbox:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-dropbox,.btn-check:checked+.btn-dropbox,.btn-dropbox.active,.btn-dropbox:active,.show>.btn-dropbox.dropdown-toggle {
    background-color: #0d6cb1;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-dropbox:focus,.btn-check:checked+.btn-dropbox:focus,.btn-dropbox.active:focus,.btn-dropbox:active:focus,.show>.btn-dropbox.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-dropbox.disabled,.btn-dropbox:disabled {
    background-color: #1087dd;
    border-color: transparent;
    color: #fff
}

.btn-dropbox:focus {
    box-shadow: none!important
}

.btn-facebook {
    background-color: #3b5998;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-facebook,.btn-facebook:focus,.btn-facebook:hover {
    background-color: #324c81;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-facebook,.btn-facebook:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-facebook,.btn-check:checked+.btn-facebook,.btn-facebook.active,.btn-facebook:active,.show>.btn-facebook.dropdown-toggle {
    background-color: #2f477a;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-facebook:focus,.btn-check:checked+.btn-facebook:focus,.btn-facebook.active:focus,.btn-facebook:active:focus,.show>.btn-facebook.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-facebook.disabled,.btn-facebook:disabled {
    background-color: #3b5998;
    border-color: transparent;
    color: #fff
}

.btn-facebook:focus {
    box-shadow: none!important
}

.btn-flickr {
    background-color: #ff0084;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-flickr,.btn-flickr:focus,.btn-flickr:hover {
    background-color: #d90070;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-flickr,.btn-flickr:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-flickr,.btn-check:checked+.btn-flickr,.btn-flickr.active,.btn-flickr:active,.show>.btn-flickr.dropdown-toggle {
    background-color: #cc006a;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-flickr:focus,.btn-check:checked+.btn-flickr:focus,.btn-flickr.active:focus,.btn-flickr:active:focus,.show>.btn-flickr.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-flickr.disabled,.btn-flickr:disabled {
    background-color: #ff0084;
    border-color: transparent;
    color: #fff
}

.btn-flickr:focus {
    box-shadow: none!important
}

.btn-foursquare {
    background-color: #f94877;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-foursquare,.btn-foursquare:focus,.btn-foursquare:hover {
    background-color: #d43d65;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-foursquare,.btn-foursquare:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-foursquare,.btn-check:checked+.btn-foursquare,.btn-foursquare.active,.btn-foursquare:active,.show>.btn-foursquare.dropdown-toggle {
    background-color: #c73a5f;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-foursquare:focus,.btn-check:checked+.btn-foursquare:focus,.btn-foursquare.active:focus,.btn-foursquare:active:focus,.show>.btn-foursquare.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-foursquare.disabled,.btn-foursquare:disabled {
    background-color: #f94877;
    border-color: transparent;
    color: #fff
}

.btn-foursquare:focus {
    box-shadow: none!important
}

.btn-github {
    background-color: #444;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-github,.btn-github:focus,.btn-github:hover {
    background-color: #3a3a3a;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-github,.btn-github:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-github,.btn-check:checked+.btn-github,.btn-github.active,.btn-github:active,.show>.btn-github.dropdown-toggle {
    background-color: #363636;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-github:focus,.btn-check:checked+.btn-github:focus,.btn-github.active:focus,.btn-github:active:focus,.show>.btn-github.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-github.disabled,.btn-github:disabled {
    background-color: #444;
    border-color: transparent;
    color: #fff
}

.btn-github:focus {
    box-shadow: none!important
}

.btn-google {
    background-color: #dd4b39;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-google,.btn-google:focus,.btn-google:hover {
    background-color: #bc4030;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-google,.btn-google:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-google,.btn-check:checked+.btn-google,.btn-google.active,.btn-google:active,.show>.btn-google.dropdown-toggle {
    background-color: #b13c2e;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-google:focus,.btn-check:checked+.btn-google:focus,.btn-google.active:focus,.btn-google:active:focus,.show>.btn-google.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-google.disabled,.btn-google:disabled {
    background-color: #dd4b39;
    border-color: transparent;
    color: #fff
}

.btn-google:focus {
    box-shadow: none!important
}

.btn-instagram {
    background-color: #3f729b;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-instagram,.btn-instagram:focus,.btn-instagram:hover {
    background-color: #366184;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-instagram,.btn-instagram:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-instagram,.btn-check:checked+.btn-instagram,.btn-instagram.active,.btn-instagram:active,.show>.btn-instagram.dropdown-toggle {
    background-color: #325b7c;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-instagram:focus,.btn-check:checked+.btn-instagram:focus,.btn-instagram.active:focus,.btn-instagram:active:focus,.show>.btn-instagram.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-instagram.disabled,.btn-instagram:disabled {
    background-color: #3f729b;
    border-color: transparent;
    color: #fff
}

.btn-instagram:focus {
    box-shadow: none!important
}

.btn-linkedin {
    background-color: #007bb6;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-linkedin,.btn-linkedin:focus,.btn-linkedin:hover {
    background-color: #00699b;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-linkedin,.btn-linkedin:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-linkedin,.btn-check:checked+.btn-linkedin,.btn-linkedin.active,.btn-linkedin:active,.show>.btn-linkedin.dropdown-toggle {
    background-color: #006292;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-linkedin:focus,.btn-check:checked+.btn-linkedin:focus,.btn-linkedin.active:focus,.btn-linkedin:active:focus,.show>.btn-linkedin.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-linkedin.disabled,.btn-linkedin:disabled {
    background-color: #007bb6;
    border-color: transparent;
    color: #fff
}

.btn-linkedin:focus {
    box-shadow: none!important
}

.btn-microsoft {
    background-color: #2672ec;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-microsoft,.btn-microsoft:focus,.btn-microsoft:hover {
    background-color: #2061c9;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-microsoft,.btn-microsoft:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-microsoft,.btn-check:checked+.btn-microsoft,.btn-microsoft.active,.btn-microsoft:active,.show>.btn-microsoft.dropdown-toggle {
    background-color: #1e5bbd;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-microsoft:focus,.btn-check:checked+.btn-microsoft:focus,.btn-microsoft.active:focus,.btn-microsoft:active:focus,.show>.btn-microsoft.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-microsoft.disabled,.btn-microsoft:disabled {
    background-color: #2672ec;
    border-color: transparent;
    color: #fff
}

.btn-microsoft:focus {
    box-shadow: none!important
}

.btn-odnoklassniki {
    background-color: #f4731c;
    border: none;
    color: #22292f;
    color: #fff!important
}

.btn-check:focus+.btn-odnoklassniki,.btn-odnoklassniki:focus,.btn-odnoklassniki:hover {
    background-color: #f6883e;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:focus+.btn-odnoklassniki,.btn-odnoklassniki:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-check:active+.btn-odnoklassniki,.btn-check:checked+.btn-odnoklassniki,.btn-odnoklassniki.active,.btn-odnoklassniki:active,.show>.btn-odnoklassniki.dropdown-toggle {
    background-color: #f68f49;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:active+.btn-odnoklassniki:focus,.btn-check:checked+.btn-odnoklassniki:focus,.btn-odnoklassniki.active:focus,.btn-odnoklassniki:active:focus,.show>.btn-odnoklassniki.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-odnoklassniki.disabled,.btn-odnoklassniki:disabled {
    background-color: #f4731c;
    border-color: transparent;
    color: #22292f
}

.btn-odnoklassniki:focus {
    box-shadow: none!important
}

.btn-openid {
    background-color: #f7931e;
    border: none;
    color: #22292f;
    color: #fff!important
}

.btn-check:focus+.btn-openid,.btn-openid:focus,.btn-openid:hover {
    background-color: #f8a340;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:focus+.btn-openid,.btn-openid:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-check:active+.btn-openid,.btn-check:checked+.btn-openid,.btn-openid.active,.btn-openid:active,.show>.btn-openid.dropdown-toggle {
    background-color: #f9a94b;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:active+.btn-openid:focus,.btn-check:checked+.btn-openid:focus,.btn-openid.active:focus,.btn-openid:active:focus,.show>.btn-openid.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-openid.disabled,.btn-openid:disabled {
    background-color: #f7931e;
    border-color: transparent;
    color: #22292f
}

.btn-openid:focus {
    box-shadow: none!important
}

.btn-pinterest {
    background-color: #cb2027;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-pinterest,.btn-pinterest:focus,.btn-pinterest:hover {
    background-color: #ad1b21;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-pinterest,.btn-pinterest:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-pinterest,.btn-check:checked+.btn-pinterest,.btn-pinterest.active,.btn-pinterest:active,.show>.btn-pinterest.dropdown-toggle {
    background-color: #a21a1f;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-pinterest:focus,.btn-check:checked+.btn-pinterest:focus,.btn-pinterest.active:focus,.btn-pinterest:active:focus,.show>.btn-pinterest.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-pinterest.disabled,.btn-pinterest:disabled {
    background-color: #cb2027;
    border-color: transparent;
    color: #fff
}

.btn-pinterest:focus {
    box-shadow: none!important
}

.btn-reddit {
    background-color: #eff7ff;
    border: none;
    color: #22292f;
    color: #fff!important
}

.btn-check:focus+.btn-reddit,.btn-reddit:focus,.btn-reddit:hover {
    background-color: #f1f8ff;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:focus+.btn-reddit,.btn-reddit:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-check:active+.btn-reddit,.btn-check:checked+.btn-reddit,.btn-reddit.active,.btn-reddit:active,.show>.btn-reddit.dropdown-toggle {
    background-color: #f2f9ff;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:active+.btn-reddit:focus,.btn-check:checked+.btn-reddit:focus,.btn-reddit.active:focus,.btn-reddit:active:focus,.show>.btn-reddit.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-reddit.disabled,.btn-reddit:disabled {
    background-color: #eff7ff;
    border-color: transparent;
    color: #22292f
}

.btn-reddit:focus {
    box-shadow: none!important
}

.btn-soundcloud {
    background-color: #f50;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-soundcloud,.btn-soundcloud:focus,.btn-soundcloud:hover {
    background-color: #d94800;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-soundcloud,.btn-soundcloud:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-soundcloud,.btn-check:checked+.btn-soundcloud,.btn-soundcloud.active,.btn-soundcloud:active,.show>.btn-soundcloud.dropdown-toggle {
    background-color: #c40;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-soundcloud:focus,.btn-check:checked+.btn-soundcloud:focus,.btn-soundcloud.active:focus,.btn-soundcloud:active:focus,.show>.btn-soundcloud.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-soundcloud.disabled,.btn-soundcloud:disabled {
    background-color: #f50;
    border-color: transparent;
    color: #fff
}

.btn-soundcloud:focus {
    box-shadow: none!important
}

.btn-tumblr {
    background-color: #2c4762;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-tumblr,.btn-tumblr:focus,.btn-tumblr:hover {
    background-color: #253c53;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-tumblr,.btn-tumblr:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-tumblr,.btn-check:checked+.btn-tumblr,.btn-tumblr.active,.btn-tumblr:active,.show>.btn-tumblr.dropdown-toggle {
    background-color: #23394e;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-tumblr:focus,.btn-check:checked+.btn-tumblr:focus,.btn-tumblr.active:focus,.btn-tumblr:active:focus,.show>.btn-tumblr.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-tumblr.disabled,.btn-tumblr:disabled {
    background-color: #2c4762;
    border-color: transparent;
    color: #fff
}

.btn-tumblr:focus {
    box-shadow: none!important
}

.btn-twitter {
    background-color: #55acee;
    border: none;
    color: #22292f;
    color: #fff!important
}

.btn-check:focus+.btn-twitter,.btn-twitter:focus,.btn-twitter:hover {
    background-color: #6fb8f1;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:focus+.btn-twitter,.btn-twitter:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-check:active+.btn-twitter,.btn-check:checked+.btn-twitter,.btn-twitter.active,.btn-twitter:active,.show>.btn-twitter.dropdown-toggle {
    background-color: #77bdf1;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:active+.btn-twitter:focus,.btn-check:checked+.btn-twitter:focus,.btn-twitter.active:focus,.btn-twitter:active:focus,.show>.btn-twitter.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-twitter.disabled,.btn-twitter:disabled {
    background-color: #55acee;
    border-color: transparent;
    color: #22292f
}

.btn-twitter:focus {
    box-shadow: none!important
}

.btn-vimeo {
    background-color: #1ab7ea;
    border: none;
    color: #22292f;
    color: #fff!important
}

.btn-check:focus+.btn-vimeo,.btn-vimeo:focus,.btn-vimeo:hover {
    background-color: #3cc2ed;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:focus+.btn-vimeo,.btn-vimeo:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-check:active+.btn-vimeo,.btn-check:checked+.btn-vimeo,.btn-vimeo.active,.btn-vimeo:active,.show>.btn-vimeo.dropdown-toggle {
    background-color: #48c5ee;
    border-color: hsla(0,0%,100%,.1);
    color: #22292f
}

.btn-check:active+.btn-vimeo:focus,.btn-check:checked+.btn-vimeo:focus,.btn-vimeo.active:focus,.btn-vimeo:active:focus,.show>.btn-vimeo.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(34,41,47,.5)
}

.btn-vimeo.disabled,.btn-vimeo:disabled {
    background-color: #1ab7ea;
    border-color: transparent;
    color: #22292f
}

.btn-vimeo:focus {
    box-shadow: none!important
}

.btn-vk {
    background-color: #587ea3;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-vk,.btn-vk:focus,.btn-vk:hover {
    background-color: #4b6b8b;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-vk,.btn-vk:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-vk,.btn-check:checked+.btn-vk,.btn-vk.active,.btn-vk:active,.show>.btn-vk.dropdown-toggle {
    background-color: #466582;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-vk:focus,.btn-check:checked+.btn-vk:focus,.btn-vk.active:focus,.btn-vk:active:focus,.show>.btn-vk.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-vk.disabled,.btn-vk:disabled {
    background-color: #587ea3;
    border-color: transparent;
    color: #fff
}

.btn-vk:focus {
    box-shadow: none!important
}

.btn-yahoo {
    background-color: #720e9e;
    border: none;
    color: #fff;
    color: #fff!important
}

.btn-check:focus+.btn-yahoo,.btn-yahoo:focus,.btn-yahoo:hover {
    background-color: #610c86;
    border-color: rgba(0,0,0,.2);
    color: #fff
}

.btn-check:focus+.btn-yahoo,.btn-yahoo:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-check:active+.btn-yahoo,.btn-check:checked+.btn-yahoo,.btn-yahoo.active,.btn-yahoo:active,.show>.btn-yahoo.dropdown-toggle {
    background-color: #5b0b7e;
    border-color: rgba(0,0,0,.25);
    color: #fff
}

.btn-check:active+.btn-yahoo:focus,.btn-check:checked+.btn-yahoo:focus,.btn-yahoo.active:focus,.btn-yahoo:active:focus,.show>.btn-yahoo.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem hsla(0,0%,100%,.5)
}

.btn-yahoo.disabled,.btn-yahoo:disabled {
    background-color: #720e9e;
    border-color: transparent;
    color: #fff
}

.btn-yahoo:focus {
    box-shadow: none!important
}

.btn-outline-adn {
    border: 1px solid #d87a68!important;
    color: #d87a68
}

.btn-outline-bitbucket {
    border: 1px solid #205081!important;
    color: #205081
}

.btn-outline-dropbox {
    border: 1px solid #1087dd!important;
    color: #1087dd
}

.btn-outline-facebook {
    border: 1px solid #3b5998!important;
    color: #3b5998
}

.btn-outline-flickr {
    border: 1px solid #ff0084!important;
    color: #ff0084
}

.btn-outline-foursquare {
    border: 1px solid #f94877!important;
    color: #f94877
}

.btn-outline-github {
    border: 1px solid #444!important;
    color: #444
}

.btn-outline-google {
    border: 1px solid #dd4b39!important;
    color: #dd4b39
}

.btn-outline-instagram {
    border: 1px solid #3f729b!important;
    color: #3f729b
}

.btn-outline-linkedin {
    border: 1px solid #007bb6!important;
    color: #007bb6
}

.btn-outline-microsoft {
    border: 1px solid #2672ec!important;
    color: #2672ec
}

.btn-outline-odnoklassniki {
    border: 1px solid #f4731c!important;
    color: #f4731c
}

.btn-outline-openid {
    border: 1px solid #f7931e!important;
    color: #f7931e
}

.btn-outline-pinterest {
    border: 1px solid #cb2027!important;
    color: #cb2027
}

.btn-outline-reddit {
    border: 1px solid #ff4500!important;
    color: #ff4500
}

.btn-outline-soundcloud {
    border: 1px solid #f50!important;
    color: #f50
}

.btn-outline-tumblr {
    border: 1px solid #2c4762!important;
    color: #2c4762
}

.btn-outline-twitter {
    border: 1px solid #55acee!important;
    color: #55acee
}

.btn-outline-vimeo {
    border: 1px solid #1ab7ea!important;
    color: #1ab7ea
}

.btn-outline-vk {
    border: 1px solid #587ea3!important;
    color: #587ea3
}

.btn-outline-yahoo {
    border: 1px solid #720e9e!important;
    color: #720e9e
}

.btn-outline-adn:hover {
    border: 1px solid #ad6253!important;
    color: #ad6253
}

.btn-outline-bitbucket:hover {
    border: 1px solid #1a4067!important;
    color: #1a4067
}

.btn-outline-dropbox:hover {
    border: 1px solid #0d6cb1!important;
    color: #0d6cb1
}

.btn-outline-facebook:hover {
    border: 1px solid #2f477a!important;
    color: #2f477a
}

.btn-outline-flickr:hover {
    border: 1px solid #cc006a!important;
    color: #cc006a
}

.btn-outline-foursquare:hover {
    border: 1px solid #c73a5f!important;
    color: #c73a5f
}

.btn-outline-github:hover {
    border: 1px solid #363636!important;
    color: #363636
}

.btn-outline-google:hover {
    border: 1px solid #b13c2e!important;
    color: #b13c2e
}

.btn-outline-instagram:hover {
    border: 1px solid #325b7c!important;
    color: #325b7c
}

.btn-outline-linkedin:hover {
    border: 1px solid #006292!important;
    color: #006292
}

.btn-outline-microsoft:hover {
    border: 1px solid #1e5bbd!important;
    color: #1e5bbd
}

.btn-outline-odnoklassniki:hover {
    border: 1px solid #c35c16!important;
    color: #c35c16
}

.btn-outline-openid:hover {
    border: 1px solid #c67618!important;
    color: #c67618
}

.btn-outline-pinterest:hover {
    border: 1px solid #a21a1f!important;
    color: #a21a1f
}

.btn-outline-reddit:hover {
    border: 1px solid #cc3700!important;
    color: #cc3700
}

.btn-outline-soundcloud:hover {
    border: 1px solid #c40!important;
    color: #c40
}

.btn-outline-tumblr:hover {
    border: 1px solid #23394e!important;
    color: #23394e
}

.btn-outline-twitter:hover {
    border: 1px solid #448abe!important;
    color: #448abe
}

.btn-outline-vimeo:hover {
    border: 1px solid #1592bb!important;
    color: #1592bb
}

.btn-outline-vk:hover {
    border: 1px solid #466582!important;
    color: #466582
}

.btn-outline-yahoo:hover {
    border: 1px solid #5b0b7e!important;
    color: #5b0b7e
}

.bg-adn {
    background-color: #d87a68
}

.bg-bitbucket {
    background-color: #205081
}

.bg-dropbox {
    background-color: #1087dd
}

.bg-facebook {
    background-color: #3b5998
}

.bg-flickr {
    background-color: #ff0084
}

.bg-foursquare {
    background-color: #f94877
}

.bg-github {
    background-color: #444
}

.bg-google {
    background-color: #dd4b39
}

.bg-instagram {
    background-color: #3f729b
}

.bg-linkedin {
    background-color: #007bb6
}

.bg-microsoft {
    background-color: #2672ec
}

.bg-odnoklassniki {
    background-color: #f4731c
}

.bg-openid {
    background-color: #f7931e
}

.bg-pinterest {
    background-color: #cb2027
}

.bg-reddit {
    background-color: #ff4500
}

.bg-soundcloud {
    background-color: #f50
}

.bg-tumblr {
    background-color: #2c4762
}

.bg-twitter {
    background-color: #55acee
}

.bg-vimeo {
    background-color: #1ab7ea
}

.bg-vk {
    background-color: #587ea3
}

.bg-yahoo {
    background-color: #720e9e
}

.demo-inline-spacing {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.demo-inline-spacing>* {
    margin-right: 1.5rem;
    margin-top: 1.5rem
}

.demo-vertical-spacing>* {
    margin: 0 0 1.5rem
}

.demo-spacing-0>:last-child,.demo-vertical-spacing>:last-child {
    margin: 0
}

.icon-wrapper .feather {
    height: 24px;
    width: 24px
}

.scroll-example {
    border: 2px solid #dfdfdf;
    overflow: auto;
    padding: .5rem;
    position: relative
}

.scroll-example .horz-scroll-content {
    width: 1200px
}

.browser {
    background: #e0e0e0;
    border: 4px solid #e0e0e0;
    box-sizing: border-box;
    height: 12rem;
    margin: 0 0 10px;
    padding-top: 20px;
    width: 100%
}

.browser iframe {
    background: #fff;
    border: 0;
    height: 100%;
    width: 100%
}

.loader-wrapper {
    height: 8em
}

.maintenance-icon {
    font-size: 4rem
}

.animationIcon {
    bottom: 10px;
    right: 30px
}

#component-breadcrumbs .breadcrumb:not(last-child) {
    margin-bottom: .5rem
}

#breadcrumb-alignment .breadcrumb-wrapper {
    border-radius: .357rem;
    box-shadow: 1px 1px 10px rgba(34,41,47,.1);
    padding: 1px
}

#breadcrumb-alignment .breadcrumb-wrapper .breadcrumb {
    margin-bottom: .8rem;
    margin-top: .8rem
}

.dark-layout #breadcrumb-alignment .breadcrumb-wrapper {
    box-shadow: 1px 1px 10px rgba(0,0,0,.24)
}

.buy-now {
    bottom: 5%;
    position: fixed;
    right: 79px;
    z-index: 1031
}

.buy-now .btn {
    box-shadow: 0 1px 20px 1px #ea5455!important
}

.buy-now .btn:hover {
    box-shadow: none!important
}

.customizer {
    backface-visibility: hidden;
    background-color: #fff;
    border-left: 1px solid rgba(34,41,47,.05);
    bottom: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    padding: 0;
    position: fixed;
    right: -400px;
    top: 0;
    transition: right .4s cubic-bezier(.05,.74,.2,.99);
    width: 400px;
    z-index: 1051
}

.customizer.open {
    box-shadow: 0 15px 30px 0 rgba(34,41,47,.11),0 5px 15px 0 rgba(34,41,47,.08);
    right: 0
}

.customizer .customizer-content {
    height: 100%;
    position: relative
}

.customizer .customizer-close {
    color: #5e5873;
    padding: 7px;
    position: absolute;
    right: .6rem;
    top: .6rem;
    width: auto;
    z-index: 10
}

.customizer .customizer-close i,.customizer .customizer-close svg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem
}

.customizer .customizer-toggle {
    background: #7367f0;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    box-shadow: -3px 0 8px rgba(34,41,47,.1);
    color: #fff!important;
    cursor: pointer;
    display: block;
    height: 38px;
    left: -39px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 38px
}

.customizer .color-box {
    border-radius: .5rem;
    cursor: pointer;
    height: 24px;
    margin: .5rem;
    position: relative;
    width: 24px
}

.customizer .color-box.selected:after {
    border: 1px solid #7367f0;
    border-radius: .5rem;
    content: "";
    height: 30px;
    left: -3px;
    position: absolute;
    top: -3px;
    width: 30px
}

.customizer .color-box.selected.border:after {
    left: -4px;
    top: -4px
}

.divider {
    display: block;
    margin: 1rem 0;
    overflow: hidden;
    text-align: center;
    white-space: nowrap
}

.divider .divider-text {
    display: inline-block;
    font-size: .9375rem;
    padding: 0 1rem;
    position: relative
}

.divider .divider-text i,.divider .divider-text svg {
    font-size: 1rem;
    height: 1rem;
    width: 1rem
}

.divider .divider-text:after,.divider .divider-text:before {
    border-top: 1px solid #ebe9f1;
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px
}

.divider .divider-text:before {
    right: 100%
}

.divider .divider-text:after {
    left: 100%
}

.divider.divider-start .divider-text {
    float: left;
    padding-left: 0
}

.divider.divider-start .divider-text:before {
    display: none
}

.divider.divider-start-center .divider-text {
    left: -25%
}

.divider.divider-end .divider-text {
    float: right;
    padding-right: 0
}

.divider.divider-end .divider-text:after {
    display: none
}

.divider.divider-end-center .divider-text {
    right: -25%
}

.divider.divider-dotted .divider-text:after,.divider.divider-dotted .divider-text:before {
    border: 1px dotted #ebe9f1;
    border-top: 0 dotted #ebe9f1
}

.divider.divider-dashed .divider-text:after,.divider.divider-dashed .divider-text:before {
    border: 1px dashed #ebe9f1;
    border-top: 0 dashed #ebe9f1
}

.timeline {
    list-style: none;
    margin-bottom: 0;
    margin-left: 1rem;
    padding: 0
}

.timeline .timeline-item {
    border-left: 1px solid #ebe9f1;
    padding-left: 2.5rem;
    position: relative
}

.timeline .timeline-item:not(:last-child) {
    padding-bottom: 1.8rem
}

.timeline .timeline-item .timeline-point {
    align-items: center;
    background-color: #fff;
    border: 1px solid #7367f0;
    border-radius: 50%;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    left: -.85rem;
    position: absolute;
    text-align: center;
    top: 0;
    width: 1.75rem;
    z-index: 2
}

.timeline .timeline-item .timeline-point.timeline-point-indicator {
    background-color: #7367f0;
    border: 0;
    height: 12px;
    left: -.412rem;
    top: .07rem;
    width: 12px
}

.timeline .timeline-item .timeline-point.timeline-point-indicator:before {
    background: rgba(115,103,240,.12);
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    left: -.285rem;
    position: absolute;
    top: -.285rem;
    width: 20px
}

.timeline .timeline-item .timeline-point i,.timeline .timeline-item .timeline-point svg {
    color: #7367f0;
    font-size: .85rem;
    vertical-align: baseline
}

.timeline .timeline-item .timeline-event {
    min-height: 4rem;
    position: relative;
    width: 100%
}

.timeline .timeline-item .timeline-event .timeline-event-time {
    color: #b9b9c3;
    font-size: .85rem
}

.timeline .timeline-item:last-of-type {
    border-left-color: transparent!important
}

.timeline .timeline-item:last-of-type:after {
    background: linear-gradient(#ebe9f1,transparent);
    bottom: 0;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    width: 1px
}

.custom-options-checkable .custom-option-item {
    background-color: hsla(213,4%,53%,.06);
    border: 1px solid #ebe9f1;
    border-radius: .42rem;
    color: #82868b;
    cursor: pointer;
    width: 100%
}

.custom-options-checkable .custom-option-item .custom-option-item-title {
    color: #82868b
}

.custom-option-item-check {
    clip: rect(0,0,0,0);
    position: absolute
}

.custom-option-item-check:checked+.custom-option-item {
    background-color: rgba(115,103,240,.12);
    border-color: #7367f0;
    color: #7367f0
}

.custom-option-item-check:checked+.custom-option-item .custom-option-item-title {
    color: #7367f0
}

@media screen and (min-width: 0) {
    head {
        font-family:xs\ 0px
    }

    body:after {
        content: "xs - min-width: 0px"
    }
}

@media screen and (min-width: 544px) {
    head {
        font-family:sm\ 544px
    }

    body:after {
        content: "sm - min-width: 544px"
    }
}

@media screen and (min-width: 768px) {
    head {
        font-family:md\ 768px
    }

    body:after {
        content: "md - min-width: 768px"
    }
}

@media screen and (min-width: 992px) {
    head {
        font-family:lg\ 992px
    }

    body:after {
        content: "lg - min-width: 992px"
    }
}

@media screen and (min-width: 1200px) {
    head {
        font-family:xl\ 1200px
    }

    body:after {
        content: "xl - min-width: 1200px"
    }
}

head {
    clear: both
}

head title {
    font-family: "xs 0px, sm 544px, md 768px, lg 992px, xl 1200px"
}

[data-usn-if],body:after {
    display: none
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100%!important
}

.select2-container--classic:focus,.select2-container--default:focus {
    outline: none
}

.select2-container--classic .select2-selection__choice,.select2-container--default .select2-selection__choice {
    font-size: .9rem;
    margin-top: 6px!important
}

.select2-container--classic .select2-selection--single,.select2-container--default .select2-selection--single {
    border: 1px solid #d8d6de;
    min-height: 2.714rem;
    padding: 5px
}

.select2-container--classic .select2-selection--single:focus,.select2-container--default .select2-selection--single:focus {
    border-color: #2e4ce5!important;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1)!important;
    outline: 0
}

.select2-container--classic .select2-selection--single .select2-selection__rendered i,.select2-container--classic .select2-selection--single .select2-selection__rendered svg,.select2-container--default .select2-selection--single .select2-selection__rendered i,.select2-container--default .select2-selection--single .select2-selection__rendered svg {
    font-size: 1.15rem;
    height: 1.15rem;
    margin-right: .5rem;
    width: 1.15rem
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b,.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 14px,18px 14px;
    border-style: none;
    height: 1rem;
    left: -8px;
    margin-left: 0;
    margin-top: 0;
    padding-right: 1.5rem
}

.select2-container--classic.select2-container--open,.select2-container--default.select2-container--open {
    box-shadow: 0 5px 25px rgba(34,41,47,.1)
}

.select2-container--classic.select2-container--open .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #2e4ce5!important;
    outline: 0
}

.select2-container--classic.select2-container--focus,.select2-container--default.select2-container--focus {
    outline: 0
}

.select2-container--classic.select2-container--focus .select2-selection--multiple,.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #2e4ce5!important;
    outline: 0
}

.select2-container--classic .select2-dropdown,.select2-container--default .select2-dropdown {
    border-color: #d8d6de;
    z-index: 1060
}

.select2-container--classic .select2-search--dropdown,.select2-container--default .select2-search--dropdown {
    padding: .5rem
}

.select2-container--classic .select2-search--dropdown .select2-search__field,.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #d8d6de;
    border-radius: .357rem;
    outline: none!important;
    padding: .571rem 1rem
}

.select2-container--classic .select2-selection--multiple,.select2-container--default .select2-selection--multiple {
    border: 1px solid #d8d6de;
    min-height: 38px!important
}

.select2-container--classic .select2-selection--multiple:focus,.select2-container--default .select2-selection--multiple:focus {
    border-color: #2e4ce5!important;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1)!important;
    outline: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2e4ce5!important;
    border-color: #2e4ce5!important;
    color: #fff;
    padding: 2px 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 6px
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field,.select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 7px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    display: inline-block;
    float: right;
    font-size: 0;
    line-height: 1rem;
    margin-left: .7rem;
    margin-right: .5rem;
    position: relative
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:before,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-size: .85rem;
    content: "";
    height: .85rem;
    left: -4px;
    position: absolute;
    top: 22%;
    width: .85rem
}

.select2-container--classic .select2-selection--multiple i,.select2-container--classic .select2-selection--multiple svg,.select2-container--default .select2-selection--multiple i,.select2-container--default .select2-selection--multiple svg {
    font-size: 1.15rem;
    height: 1.15rem;
    margin-right: .5rem;
    padding-left: 1px;
    position: relative;
    top: 1px;
    width: 1.15rem
}

.select2-container--classic .select2-results__group,.select2-container--default .select2-results__group {
    font-weight: 600;
    padding: 6px 9px
}

.select2-container--classic .select2-results__option,.select2-container--default .select2-results__option {
    padding: .428rem 1rem
}

.select2-container--classic .select2-results__option[role=group],.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #2e4ce5!important;
    color: #fff!important
}

.select2-container--classic .select2-results__option i,.select2-container--classic .select2-results__option svg,.select2-container--default .select2-results__option i,.select2-container--default .select2-results__option svg {
    font-size: 1.15rem;
    height: 1.15rem;
    margin-right: .5rem;
    width: 1.15rem
}

.select2-container--classic .select2-results__option--highlighted,.select2-container--default .select2-results__option--highlighted {
    background-color: rgba(115,103,240,.12)!important;
    color: #2e4ce5!important
}

.select2-container--classic .select2-result-repository__avatar img,.select2-container--default .select2-result-repository__avatar img {
    width: 50px
}

.select2-container--classic .select-lg,.select2-container--default .select-lg {
    font-size: 1.2rem;
    margin-bottom: 0!important;
    min-height: 2.714rem!important;
    padding: .3rem .7rem
}

.select2-container--classic .select-lg.select2-selection--single .select2-selection__rendered,.select2-container--default .select-lg.select2-selection--single .select2-selection__rendered {
    padding-top: -.1rem
}

.select2-container--classic .select-lg.select2-selection--single .select2-selection__arrow,.select2-container--default .select-lg.select2-selection--single .select2-selection__arrow {
    top: 0!important
}

.select2-container--classic .select-lg.select2-selection--multiple,.select2-container--default .select-lg.select2-selection--multiple {
    padding: 0 .2rem
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered,.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered {
    padding-top: 0!important
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li,.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li {
    font-size: 1.2rem
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field,.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 10px
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice,.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    padding: 5px
}

.select2-container--classic .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before,.select2-container--default .select-lg.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:before {
    top: 46%
}

.select2-container--classic .select-sm,.select2-container--default .select-sm {
    font-size: .75rem;
    line-height: 1.45;
    margin-bottom: 0!important;
    min-height: 2.142rem!important;
    padding: 0 .2rem
}

.select2-container--classic .select-sm.select2-selection--single .select2-selection__arrow,.select2-container--default .select-sm.select2-selection--single .select2-selection__arrow {
    top: -.3rem!important
}

.select2-container--classic .select-sm.select2-selection--multiple,.select2-container--default .select-sm.select2-selection--multiple {
    line-height: 1.25
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered,.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered {
    padding: 3px
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li,.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li {
    font-size: .75rem;
    margin-top: 2px
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field,.select2-container--default .select-sm.select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 4px
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice,.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice {
    margin-top: 4px!important;
    padding: 0 .2rem
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before,.select2-container--default .select-sm.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:before {
    top: 5%
}

.select2-container--classic .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field,.select2-container--default .select-sm.select2-selection--multiple .select2-search--inline .select2-search__field {
    margin-top: 0
}

.dark-layout .select2-container .select2-search__field,.dark-layout .select2-container .select2-selection,.dark-layout .select2-container .select2-selection__placeholder {
    background: #283046;
    border-color: #3b4253;
    color: #b4b7bd
}

.dark-layout .select2-container .select2-selection__rendered {
    color: #b4b7bd
}

.dark-layout .select2-container .select2-dropdown {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice {
    background: rgba(115,103,240,.12)!important;
    border: none;
    color: #2e4ce5!important
}

.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    color: #2e4ce5!important
}

.dark-layout .select2-container .select2-selection--multiple .select2-selection__choice__remove:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")
}

.dark-layout .select2-container .select2-results__option[aria-disabled=true] {
    color: #676d7d
}

.dark-layout .select2-container .select2-selection__arrow b {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")
}

.dark-layout .select2-container--disabled .select2-selection {
    opacity: .5
}

table.dataTable {
    border-collapse: collapse!important;
    width: 100%!important
}

table.dataTable.table-responsive:not(.datatables-ajax) {
    display: block
}

table.dataTable td,table.dataTable th {
    padding: .72rem 1.5rem;
    vertical-align: middle
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc {
    padding-right: inherit
}

table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    color: #6e6b7b;
    content: "";
    height: 14px;
    right: .3rem;
    top: .5rem;
    width: 14px
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    color: #6e6b7b;
    content: "";
    height: 14px;
    right: .3rem;
    top: 1.3rem;
    width: 14px
}

div.dataTables_wrapper .dt-button-collection {
    background-color: #fff
}

div.dataTables_wrapper .dt-button-collection>div[role=menu] {
    box-shadow: 0 5px 16px -8px;
    min-width: 8rem;
    text-align: left
}

div.dataTables_wrapper .dt-button-collection [class*=buttons-]:focus {
    outline: 0
}

table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before {
    line-height: .8em
}

@media screen and (max-width: 1399.98px) {
    table.dataTable.table-responsive {
        display:block
    }
}

.modal.dtr-bs-modal .modal-body {
    padding: 0
}

.modal.dtr-bs-modal .table tr:last-child>td {
    border-bottom: 0
}

div.dataTables_wrapper div.dataTables_filter label,div.dataTables_wrapper div.dataTables_length label {
    margin-bottom: .5rem;
    margin-top: 1rem
}

div.dataTables_wrapper div.dataTables_filter select,div.dataTables_wrapper div.dataTables_length select {
    background-position: calc(100% - 3px) 11px,calc(100% - 20px) 13px,100% 0;
    margin: 0 .5rem;
    width: 5rem
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: .75rem
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-bottom: 1.5rem;
    margin-top: 1rem
}

div.dataTables_wrapper .dataTables_info {
    color: #b9b9c3;
    padding-top: 1.25rem!important
}

tr.group {
    background-color: #fafafc
}

@media only screen and (max-width: 992px) {
    table.dataTable.table-responsive.datatables-ajax {
        display:block
    }
}

@media only screen and (max-width: 768px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        justify-content:center
    }

    div.dataTables_wrapper div.dataTables_info {
        white-space: inherit
    }

    div.dt-buttons {
        justify-content: center;
        margin-top: 1rem
    }

    div.dt-buttons button {
        margin-bottom: .5rem
    }
}

@media (max-width: 575.98px) {
    .dtr-bs-modal .modal-body {
        overflow-x:scroll;
        padding-left: 0;
        padding-right: 0
    }

    .dtr-bs-modal .table.dtr-details {
        margin: 0 auto 1rem
    }

    .dtr-bs-modal .table.dtr-details td {
        padding-left: 0;
        padding-right: 0
    }

    .dtr-bs-modal .table.dtr-details tr td:first-child {
        padding-left: .75rem
    }

    div.dataTables_wrapper {
        overflow: scroll
    }
}

.bootstrap-touchspin.input-group {
    align-items: center;
    width: 8.4rem
}

.bootstrap-touchspin.input-group .form-control {
    background-color: #f8f8f8;
    border: 0;
    border-radius: .357rem!important;
    font-weight: 500;
    height: auto;
    padding: 5px;
    text-align: center
}

.bootstrap-touchspin.input-group .form-control:focus {
    box-shadow: none;
    z-index: 1
}

.bootstrap-touchspin.input-group>.input-group-btn:first-child {
    left: 12px!important;
    position: inherit
}

.bootstrap-touchspin.input-group>.input-group-btn:last-child {
    position: inherit;
    right: 12px!important
}

.bootstrap-touchspin .bootstrap-touchspin-injected {
    margin: 0!important
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up {
    border-radius: .357rem!important;
    min-height: 20px;
    min-width: 20px;
    padding: 0
}

.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down i,.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up i,.bootstrap-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
    font-size: .8rem;
    height: .8rem;
    position: relative;
    top: -1px;
    width: .8rem
}

.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-down,.bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-up {
    background-color: rgba(34,41,47,.5)!important;
    cursor: default;
    opacity: .5
}

.bootstrap-touchspin.input-group-lg {
    width: 9.375rem
}

.bootstrap-touchspin.input-group-lg .touchspin.form-control {
    height: auto!important
}

.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down,.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up {
    min-height: 24px;
    min-width: 24px
}

.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down i,.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-down svg,.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up i,.bootstrap-touchspin.input-group-lg .bootstrap-touchspin-up svg {
    font-size: 1rem;
    height: 1rem;
    top: 0;
    width: 1rem
}

.bootstrap-touchspin.input-group-sm {
    width: 6.25rem
}

.bootstrap-touchspin.input-group-sm .touchspin.form-control {
    height: auto!important
}

.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down,.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up {
    min-height: 16px;
    min-width: 16px
}

.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down i,.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-down svg,.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up i,.bootstrap-touchspin.input-group-sm .bootstrap-touchspin-injected .bootstrap-touchspin-up svg {
    font-size: .6rem;
    height: .6rem;
    top: -3px;
    width: .6rem
}

.bootstrap-touchspin.input-group input[type=number] {
    -moz-appearance: textfield
}

.dark-layout .bootstrap-touchspin.input-group .form-control {
    background-color: #161d31
}

.dark-layout .bootstrap-touchspin .bootstrap-touchspin-injected .disabled-max-min,.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-down,.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .bootstrap-touchspin-up,.dark-layout .bootstrap-touchspin.disabled-touchspin .bootstrap-touchspin-injected .disabled-max-min {
    background-color: #b8c2cc!important;
    opacity: 1
}

.user-menu__link {
    border-top: 1px solid #ebe9f1;
    padding: 13px 17px
}

.user-menu__link:first-child {
    border-top: 0
}

.user-menu__level-header__link {
    color: #2e4ce5
}

.user-menu__level .progress {
    height: 6px
}

.user-menu__level .progress .progress-bar {
    width: 0
}

.news-card-body {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 0 21px 18px;
    overflow: hidden
}

.news-card-footer {
    align-items: center;
    border-top: 1px solid #ebe9f1;
    display: flex;
    justify-content: space-between;
    margin: 0 21px 21px;
    padding-top: 18px
}

.news-card-footer__date {
    color: #5e5873;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px
}

.news-card-footer__link {
    color: #2e4ce5;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px
}

.news-card-date {
    align-items: center;
    display: flex;
    padding: 0 1.5rem
}

.news-card-date svg {
    margin-right: 8px
}

.back-button-page {
    align-items: center;
    border-right: 1px solid #ebe9f1;
    color: #2e4ce5;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-right: 11px;
    padding-right: 11px;
    width: -moz-max-content;
    width: max-content
}

.back-button-page svg {
    margin-right: 11px
}

.faq-tab {
    align-items: center;
    color: #5e5873;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-right: 12px;
    padding: 9px 21px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 576px) {
    .faq-tab {
        width:-moz-max-content!important;
        width: max-content!important
    }
}

.faq-tab.active {
    background: #2e4ce5;
    border-radius: 5px;
    color: #fff
}

.faq-tab-number {
    background: #ea5455;
    border-radius: 17px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    margin-left: 10px;
    padding: 1px 9px
}

.faq-container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 8rem
}

.faq-container .faq-search-input {
    margin: 0 auto;
    max-width: 576px
}

@media (max-width: 568px) {
    .faq-container {
        padding:0
    }
}

.btn-custom-primary {
    background: #2e4ce5;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    padding: 10px 0
}

.btn-custom-primary:hover {
    background: #2949ea;
    box-shadow: 0 0 10px rgba(46,76,229,.65);
    color: #fff
}

.auth-link {
    color: #2e4ce5
}

.btn-social-networks {
    background: #f3f2f7;
    border-radius: 6px;
    padding: 5px
}

.btn-custom-close-modal {
    background-color: #fff;
    border-radius: .357rem;
    box-shadow: 0 5px 20px 0 rgba(34,41,47,.1);
    opacity: 1;
    padding: .8rem;
    position: absolute;
    right: -6px;
    top: -3px;
    transition: all .23s ease .1s
}

.custom-brand {
    color: #5e5873;
    font-size: 20.4706px;
    font-weight: 600;
    line-height: 24px
}

.input-postback {
    margin-left: 18px;
    width: 90px
}

.internal-postback {
    margin: 0 28px 0 18px;
    width: 90px
}

.card-custom-postback {
    border-radius: 6px;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
    padding: 21px 18px
}

.card-custom-postback__border {
    background: #efefef;
    height: 1px;
    margin: 28px -18px;
    width: calc(100% + 36px)
}

.card-custom-postback__header {
    align-items: center;
    background: #f3f2f7;
    border-bottom: 1px solid #ebe9f1;
    color: #5e5873;
    display: flex;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 10px;
    margin-left: -18px;
    padding: 11px 36px 11px 46px;
    text-transform: uppercase;
    width: calc(100% + 36px)
}

.contests-card__item {
    margin: 0 21px 8px
}

.contest-block-bg,.label-сontest-level {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px
}

.contest-block-bg {
    background: rgba(186,191,199,.12);
    margin-top: 21px;
    padding: 9px 12px
}

.custom-bg-block {
    background: rgba(186,191,199,.12);
    border-radius: 6px
}

.custom-list-withdrawal ol li,.custom-list-withdrawal ul li {
    list-style: none
}

.custom-list-withdrawal ol li {
    display: flex;
    justify-content: space-between
}

.custom-list-withdrawal li div:nth-child(2) {
    border-bottom: 1px dotted #000;
    flex: 1 0;
    height: 1em;
    margin: 0 .4em
}

.custom-withdrawal-modal-select {
    max-width: 130px;
    width: 100%
}

.custom-withdrawal-modal-input {
    margin: 0 14px;
    max-width: 320px;
    width: 100%
}

.custom-table {
    color: #5e5873;
    margin: 21px 0 0;
    overflow-x: scroll;
    padding: 0 0 14px;
    position: relative
}

.custom-table-header {
    background: #f3f2f7;
    border-bottom: 1px solid #ebe9f1;
    display: grid;
    font-size: 12px;
    font-weight: 600;
    grid-template-columns: 130px 120px 175px 95px 125px 150px 160px 145px 130px 140px 140px 120px 120px;
    height: 37px;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content
}

.custom-table-header div {
    align-items: center;
    display: flex;
    padding: 0 39px 0 28px
}

.custom-table-item {
    border-bottom: 1px solid #ebe9f1;
    color: #5e5873;
    display: grid;
    font-size: 14px;
    font-weight: 400;
    grid-template-columns: 130px 120px 175px 95px 125px 150px 160px 145px 130px 140px 140px 120px 120px;
    height: 44px;
    line-height: 21px;
    width: -moz-fit-content;
    width: fit-content
}

.custom-table-item div {
    align-items: center;
    display: flex;
    padding: 0 0 0 28px
}

.custom-paging-number {
    color: #82868b
}

@media (max-width: 575px) {
    .custom-paging-number {
        text-align:center
    }

    .custom-paging-container {
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 18px 0 0;
        width: 100%
    }
}

.custom-paging-block {
    height: 36px;
    margin: 24px 0 16px
}

@media (max-width: 576px) {
    .custom-paging-block {
        height:auto
    }
}

.custom-toast-icon {
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.custom-toast-success-body {
    background-color: rgba(40,199,111,.12)
}

.custom-toast-danger-body {
    background-color: rgba(234,84,85,.12)
}

.custom-brand-text-binolla {
    color: #fff;
    margin: 0
}

@media (max-width: 992px) {
    .custom-brand-text-binolla {
        color:#5e5873
    }
}

@media (max-width: 411px) {
    .custom-header-balance {
        display:none
    }
}

.custom-header-item__balance {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

.custom-header-item__balance-conclusion {
    color: #82868b;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px
}

.custom-header-item__balance-text {
    background: rgba(0,207,232,.12);
    border-radius: 4px;
    color: #2e4ce5;
    font-size: 10px;
    font-weight: 500;
    line-height: 12px;
    margin-right: 8px;
    padding: 4px 6px;
    text-transform: uppercase
}

@media (max-width: 823px) {
    .custom-header-item__balance-text {
        display:none
    }
}

.custom-header-item__balance-lock {
    align-items: center;
    background: #efefef;
    border-radius: 20px;
    display: flex;
    height: 18px;
    justify-content: center;
    margin-left: 4px;
    position: relative;
    transition: all .5s ease;
    width: 18px
}

.custom-header-item__balance-lock:hover {
    background: rgba(46,76,229,.12)
}

.custom-header-item__balance-lock svg {
    color: #82868b;
    height: 10px;
    transition: all .5s ease;
    width: 10px
}

.custom-header-item__balance-lock:hover svg {
    color: #2e4ce5
}

.custom-header-item__balance-lock__tooltip {
    background: #fff;
    border: 1px solid #e3e3e5;
    border-radius: 6px;
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    color: #82868b;
    display: none;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 18px;
    padding: 13px;
    position: absolute;
    top: calc(100% + 8px);
    transition: all .5s ease;
    width: 238px
}

.custom-header-item__balance-lock:hover .custom-header-item__balance-lock__tooltip {
    display: block
}

.custom-header-item__level {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    margin-left: 23px;
    margin-right: 20px;
    padding: 4px 10px;
    position: relative;
    text-align: center
}

.custom-header-item__level-bg {
    background: rgba(40,199,111,.12);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 10%
}

.custom-header-item__level-tooltip:hover {
    display: block
}

.custom-header-item__level-tooltip {
    background: #fff;
    border: 1px solid #e3e3e5;
    border-radius: 6px;
    box-shadow: 0 5px 25px rgba(0,0,0,.1);
    color: #82868b;
    display: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 13px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: all .5s ease;
    width: 238px
}

.custom-header-item__level-tooltip a {
    color: #2e4ce5;
    display: block;
    margin-top: 8px
}

.custom-header-item__level:hover .custom-header-item__level-tooltip {
    display: block
}

.custom-header-item__email {
    color: #4b4b4b;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    margin-right: 14px
}

@media (max-width: 823px) {
    .custom-header-item__email {
        display:none
    }
}

.custom-title-page {
    align-items: center;
    display: flex;
    margin-right: 28px;
    padding-left: 0;
    width: -moz-max-content;
    width: max-content
}

@media (max-width: 400px) {
    .custom-title-page {
        margin:0;
        width: 100%
    }
}

.custom-title-tabs {
    display: flex;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0
}

@media (max-width: 520px) {
    .custom-title-tabs {
        margin-top:18px
    }
}

.custom-title-button-left {
    margin-left: auto
}

@media (max-width: 400px) {
    .custom-title-button-left {
        margin-left:0
    }
}

.custom-promo-modal-img {
    max-width: 300px;
    width: 100%
}

.custom-links-copy {
    flex-wrap: nowrap;
    min-width: 170px
}

.custom-postbacks-item {
    grid-column-gap: 18px;
    display: grid;
    grid-template-columns: 18px 90px 82px 1fr
}

.custom-brand-name {
    align-items: center;
    color: #b9b9c3;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    margin-left: 19px;
    max-width: 140px;
    width: 100%
}

.custom-block-img-auto {
    height: 100%;
    width: 100%
}

.custom-img-auto {
    max-width: 747px
}

.custom-dashboard-new-items-pagination {
    display: flex
}

.custom-dashboard-new-items {
    display: flex;
    height: calc(100% - 2.7536rem - .0432vw)
}

@media (max-width: 823px) and (orientation:landscape) {
    .custom-dashboard-new-items {
        height:219.71px
    }
}

@media (max-width: 768px) and (orientation:portrait) {
    .custom-dashboard-new-items {
        height:303px
    }
}

@media (max-width: 788.3px) and (orientation:landscape) {
    .custom-dashboard-new-items {
        height:219.71px
    }
}

@media (max-width: 667px) {
    .custom-dashboard-new-items {
        height:156.71px
    }
}

.custom-dashboard-new-item {
    align-items: flex-end;
    background: #000;
    background-position: 50%;
    background-size: cover;
    border-radius: 6px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    line-height: 17px;
    padding: 17px;
    position: relative;
    width: 100%
}

@media (max-width: 1054px) {
    .custom-dashboard-new-item {
        font-size:12px;
        font-weight: 700;
        line-height: 15px
    }
}

.custom-dashboard-new-item__opacity {
    background: linear-gradient(180deg,rgba(30,30,30,0),#1e1e1e);
    border-radius: 0 0 6px 6px;
    height: 50%;
    position: absolute;
    top: calc(50% - 3px);
    width: calc(100% - 6px)
}

.custom-dashboard-new-item__title {
    z-index: 1
}

.custom-dashboard-new-item__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.custom-dashboard-new-item-border {
    border: 4px solid #ea5455;
    border-radius: 6px;
    cursor: pointer;
    padding: 3px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

@media (max-width: 900px) and (min-width:767px) {
    .custom-dashboard-new-item-border:last-child {
        display:none
    }
}

.read {
    border: 4px solid #f8f8f8
}

.custom-dashboard-new-button {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 3px 8px hsla(210,9%,68%,.4);
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px
}

.custom-dashboard-new-button:last-child {
    margin-left: 10px
}

.custom-dashboard-new-button.disabled {
    background: #f3f2f7;
    color: #b9b9c3
}

.custom-dashboard-new-modal__button {
    align-items: center;
    background: #fff;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    z-index: 10
}

.custom-dashboard-new-modal__button-left {
    right: calc(100% + 28px)
}

.custom-dashboard-new-modal__button-right {
    left: calc(100% + 28px)
}

.custom-dashboard-new-modal {
    background: #000;
    background-position: 50%;
    background-size: cover;
    border-radius: 6px;
    height: 100vh;
    max-height: 652px;
    position: relative
}

.custom-dashboard-new-modal__opacity-top {
    background: linear-gradient(180deg,rgba(30,30,30,.4),rgba(30,30,30,.4) 52.08%,rgba(30,30,30,0));
    height: 56px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.custom-dashboard-new-modal__pending {
    background: hsla(0,0%,100%,.3);
    border-radius: 10px;
    height: 4px;
    left: 14px;
    position: absolute;
    top: 36px;
    width: calc(100% - 28px)
}

.custom-dashboard-new-modal__pending-value {
    background: #fff;
    border-radius: 10px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0
}

.custom-dashboard-new-modal__opacity-button {
    background: linear-gradient(180deg,rgba(30,30,30,0),#1e1e1e);
    height: 50%;
    position: absolute;
    top: 50%;
    width: 100%
}

.custom-dashboard-new-modal__bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.custom-dashboard-new-modal-header {
    background-color: transparent!important
}

.custom-dashboard-new-modal-body {
    color: #fff;
    margin-top: auto;
    padding: 21px;
    z-index: 1
}

.custom-dashboard-new-modal-title {
    font-size: 28px;
    font-weight: 800;
    line-height: 34px;
    margin-bottom: 18px
}

.custom-dashboard-new-modal-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 18px
}

.custom-dashboard-new-modal-button {
    width: -moz-max-content;
    width: max-content
}

.custom-dashboard-header-container {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) and (orientation:landscape) {
    .custom-dashboard-header-container {
        flex-direction:row;
        justify-content: space-between
    }
}

@media (min-width: 411px) {
    .custom-dashboard-header-container {
        flex-direction:column;
        justify-content: flex-start
    }
}

.custom-dashboard-new-container {
    margin-bottom: 2rem;
    padding-right: 30px
}

@media (max-width: 767px) {
    .custom-dashboard-new-container {
        padding-right:0;
        width: 100%
    }
}

.custom-language {
    border-radius: 0;
    border-top: 1px solid #404c6d;
    bottom: 0;
    left: 0;
    padding: 10px 0 17px 30px;
    position: absolute;
    width: 100%
}

@media (max-height: 500px) {
    .custom-language {
        box-shadow:0 0 12px rgba(0,0,0,.75)
    }
}

.custom-language-toggle:after {
    display: none!important
}

.custom-language-toggle {
    padding: 0!important
}

.custom-language-menu {
    bottom: calc(100% - 8px)!important;
    left: 0!important;
    margin: 0;
    max-height: 305px;
    overflow: auto;
    padding: 10px 5px 10px 10px;
    width: 98px
}

.custom-language-item {
    background-color: transparent;
    border: 1px solid transparent;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 12px
}

.custom-language-item:first-of-type {
    margin-top: 0
}

.custom-language-name {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-right: 8px;
    width: -moz-max-content;
    width: max-content
}

.custom-language-flag {
    color: #fff;
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.custom-language-item:hover {
    color: #3f5ef8
}

.custom-btn-close-modal {
    background-color: #fff;
    border-radius: .357rem;
    box-shadow: 0 5px 20px 0 rgba(34,41,47,.1);
    margin: 0 0 0 auto;
    opacity: 1;
    padding: .8rem;
    position: relative;
    transform: translate(18px,-10px);
    transition: all .23s ease .1s
}

.custom-button-black {
    border-right: 1px solid #ebe9f1;
    color: #2e4ce5;
    margin-right: 10px;
    padding-right: 10px
}

.custom-button-black svg {
    height: 18px;
    width: 18px
}

.custom-profile-btn-save {
    background: rgba(46,76,229,.65)!important;
    border: 0
}

.custom-profile-btn-save:hover {
    background: #2e4ce5!important
}

.custom-statistics-traders-country {
    border-radius: 50%;
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.custom-withdrawal-input-date {
    border: 1px solid #d8d6de;
    border-radius: 5px
}

.custom-withdrawal-btns {
    align-items: center;
    display: flex;
    margin-top: 14px
}

@media (max-width: 768px) {
    .custom-withdrawal-btns {
        display:block;
        margin-top: 14px
    }
}

@media (max-width: 575px) {
    .custom-withdrawal-btns {
        margin-bottom:20px
    }
}

.custom-withdrawal-btn-withdrawal {
    margin-right: 20px
}

@media (max-width: 768px) {
    .custom-withdrawal-btn-withdrawal {
        margin-bottom:14px;
        margin-right: 0;
        width: 100%
    }

    .custom-withdrawal-btn-wallets {
        width: 100%
    }
}

.custom-withdrawal-statistics-header {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media (max-width: 425px) {
    .custom-withdrawal-statistics-header h4 {
        margin-bottom:15px!important
    }
}

.custom-alert-primary {
    background: rgba(46,76,229,.12);
    color: #2e4ce5;
    line-height: 21px;
    margin-bottom: 12px;
    padding: 10px 12px;
    width: 100%
}

.custom-alert-primary,.custom-block-white {
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400
}

.custom-block-white {
    background: #fff;
    color: #676d7d;
    line-height: 18px;
    padding: 20px
}

.custom-plans-title {
    align-items: center;
    color: #5e5873;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 29px;
    margin: 21px 0 12px
}

.custom-plans-table-container {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
    color: #1e1e2d;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px
}

@media (max-width: 500px) {
    .custom-plans-table-container {
        overflow:hidden;
        overflow-x: scroll;
        width: 100%
    }
}

.custom-plans-table-header {
    background: #f3f2f7;
    color: #5e5873;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    text-transform: uppercase
}

.custom-plans-table-header,.custom-plans-table-item {
    align-items: center;
    border-bottom: 1px solid #ebe9f1;
    display: flex;
    justify-content: space-between;
    padding: 14px 11px
}

@media (max-width: 500px) {
    .custom-plans-table-header,.custom-plans-table-item {
        width:500px
    }
}

.custom-plans-table-item:last-child {
    border-bottom: 0
}

.custom-plans-link {
    align-items: center;
    color: #2e4ce5;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 17px
}

.custom-plans-block-info {
    margin-right: 20px;
    width: calc(50% - 10px)
}

@media (max-width: 800px) {
    .custom-plans-block-info {
        width:100%
    }
}

.custom-plans-block-info:last-child {
    margin-right: 0
}

.custom-plans-table-level {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 24px rgba(0,0,0,.06);
    color: #1e1e2d;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 10px
}

@media (max-width: 500px) {
    .custom-plans-table-level {
        overflow:hidden;
        overflow-x: scroll;
        width: 100%
    }
}

.custom-plans-table-level-header {
    background: #f3f2f7
}

.custom-plans-table-level-header,.custom-plans-table-level-item {
    border-bottom: 1px solid #ebe9f1;
    display: grid;
    grid-template-columns: 25% 55% 20%;
    padding: 11px 14px
}

@media (max-width: 1024px) {
    .custom-plans-table-level-header,.custom-plans-table-level-item {
        grid-template-columns:25% 45% 30%
    }
}

@media (max-width: 800px) {
    .custom-plans-table-level-header,.custom-plans-table-level-item {
        grid-template-columns:25% 55% 20%
    }
}

@media (max-width: 500px) {
    .custom-plans-table-level-header,.custom-plans-table-level-item {
        grid-template-columns:110px 226px 156px;
        width: -moz-fit-content;
        width: fit-content
    }
}

.custom-plans-table-level-item:last-child {
    border-bottom: 1px solid #ebe9f1
}

.custom-plans-table-level-link {
    color: #2e4ce5
}

.custom-plans-table-level-item-lvl {
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 2px 15px;
    width: -moz-max-content;
    width: max-content
}

.custom-plans-table-level-item-lvl-you {
    color: #28c76f;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .366667px;
    margin-top: 5px
}

.custom-plans-table-level-item-lvl-you-block {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(40,199,111,.4);
    border-radius: 4px;
    color: #28c76f;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 21px;
    justify-content: center;
    line-height: 15px;
    margin-top: 5px;
    max-width: 231px;
    position: relative;
    text-align: center
}

.custom-plans-table-level-item-lvl-you-block-loading {
    background: rgba(40,199,111,.12);
    height: 21px;
    left: 0;
    position: absolute;
    top: 0
}

.custom-plans-subtitle {
    color: #4b4b4b;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px
}

.custom-block-white-info {
    align-items: center;
    display: flex
}

@media (max-width: 800px) {
    .custom-block-white-info {
        display:block
    }
}

.support-telegram-button {
    align-items: center;
    border: 1px solid #2e4ce5;
    border-radius: 5px;
    display: flex;
    flex: none;
    flex-direction: row;
    flex-grow: 0;
    gap: 8px;
    height: 29px;
    order: 2;
    padding: 8px 19px;
    width: 164px
}

.support-telegram-button span {
    color: #2e4ce5;
    flex: none;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .366667px;
    line-height: 13px;
    order: 1;
    text-align: center
}

.custom-title {
    display: flex
}

.dark-layout body,body.dark-layout {
    background-color: #161d31;
    color: #b4b7bd
}

.dark-layout h1,.dark-layout h2,.dark-layout h3,.dark-layout h4,.dark-layout h5,.dark-layout h6 {
    color: #d0d2d6
}

.dark-layout .border,.dark-layout .border-bottom,.dark-layout .border-end,.dark-layout .border-start,.dark-layout .border-top {
    border-color: #3b4253!important
}

.dark-layout a:hover {
    color: #7367f0
}

.dark-layout label {
    color: #d0d2d6
}

.dark-layout .btn span {
    color: inherit
}

.dark-layout hr {
    color: #3b4253
}

.dark-layout pre {
    background-color: #161d31!important;
    border: 0
}

.dark-layout pre code {
    background-color: inherit;
    text-shadow: none
}

.dark-layout code,.dark-layout kbd,.dark-layout pre code .url {
    background-color: #161d31
}

.dark-layout .text-dark {
    color: #b8c2cc!important
}

.dark-layout .text-muted {
    color: #676d7d!important
}

.dark-layout .text-body {
    color: #b4b7bd!important
}

.dark-layout .text-body-heading {
    color: #d0d2d6
}

.dark-layout .section-label {
    color: #676d7d
}

.dark-layout .shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24)!important
}

.dark-layout .blockquote-footer {
    color: #676d7d
}

.dark-layout .header-navbar-shadow {
    background: linear-gradient(180deg,rgba(22,29,49,.9) 44%,rgba(22,29,49,.43) 73%,rgba(22,29,49,0))
}

.dark-layout .horizontal-layout .header-navbar {
    background-color: #283046
}

.dark-layout .horizontal-layout.navbar-static .header-navbar,.dark-layout .horizontal-layout.navbar-sticky .header-navbar {
    background-color: #161d31
}

.dark-layout .navbar-sticky .header-navbar.navbar-shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.75)
}

.dark-layout .header-navbar {
    background-color: #283046
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link {
    background-color: transparent;
    color: #d0d2d6
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link i,.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link svg {
    color: #d0d2d6
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star i,.dark-layout .header-navbar .navbar-container .nav .nav-item .nav-link.bookmark-star svg {
    color: #fff!important
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open {
    background-color: #283046
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input {
    border-color: #3b4253
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::-moz-placeholder {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input,.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .input::placeholder,.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-search .search-input.open .search-input-close {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input,.dark-layout .header-navbar .navbar-container .nav .nav-item .bookmark-input .form-control,.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list {
    background-color: #283046
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list li a {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .nav-item .search-list .auto-suggestion.current_item {
    background-color: #161d31
}

.dark-layout .header-navbar .navbar-container .nav li i.ficon,.dark-layout .header-navbar .navbar-container .nav li svg.ficon {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media {
    overflow: hidden
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item {
    border-color: #3b4253
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item .media-meta,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item .media-meta {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .list-item:hover,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .list-item:hover {
    background-color: #161d31
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-header,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-header {
    border-bottom: 1px solid #3b4253
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer {
    background-color: #283046;
    border-top: 1px solid #3b4253
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item {
    border-color: #3b4253
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover,.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .dropdown-menu.dropdown-menu-media .dropdown-menu-footer .dropdown-item:hover {
    background-color: #283046
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart.empty-cart:before {
    background-color: #161d31
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart li {
    color: #fff
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .cart-item {
    color: #b4b7bd
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .dropdown-header span {
    color: #fff
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .list-item img {
    background-color: #161d31
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-cart .media-heading .cart-item-by {
    color: #676d7d
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .list-item-body .media-heading {
    color: #d0d2d6
}

.dark-layout .header-navbar .navbar-container .nav .dropdown-notification .notification-text {
    color: #676d7d
}

.dark-layout .header-navbar.navbar-static-top {
    background-color: transparent!important
}

.dark-layout .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link {
    background-color: inherit
}

.dark-layout .blank-page .card.bg-transparent h1,.dark-layout .blank-page .card.bg-transparent h2,.dark-layout .blank-page .card.bg-transparent h3,.dark-layout .blank-page .card.bg-transparent h4,.dark-layout .blank-page .card.bg-transparent h5,.dark-layout .blank-page .card.bg-transparent h6 {
    color: #283046
}

.dark-layout .blank-page .card.bg-transparent p {
    color: #161d31
}

.dark-layout .main-menu {
    background-color: #283046
}

.dark-layout .main-menu .shadow-bottom {
    background: linear-gradient(180deg,#283046 44%,rgba(40,48,70,.51) 73%,rgba(40,48,70,0))
}

.dark-layout .main-menu.menu-dark .navigation>li.open:not(.menu-item-closing)>a,.dark-layout .main-menu.menu-dark .navigation>li.sidebar-group-active>a,.dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active>a {
    background-color: #161d31
}

.dark-layout .main-menu .collapse-toggle-icon {
    color: #7367f0!important
}

.dark-layout .ps__thumb-x,.dark-layout .ps__thumb-y {
    background-color: #b4b7bd
}

.dark-layout .ps .ps__rail-x.ps--clicking,.dark-layout .ps .ps__rail-x:focus,.dark-layout .ps .ps__rail-x:hover,.dark-layout .ps .ps__rail-y.ps--clicking,.dark-layout .ps .ps__rail-y:focus,.dark-layout .ps .ps__rail-y:hover {
    background-color: #3b4253
}

.dark-layout .ps__rail-y.ps--clicking .ps__thumb-y,.dark-layout .ps__rail-y:focus>.ps__thumb-y,.dark-layout .ps__rail-y:hover>.ps__thumb-y {
    background-color: #b4b7bd
}

.dark-layout .main-menu-content .navigation-main {
    background-color: #283046
}

.dark-layout .main-menu-content .navigation-main .navigation-header {
    color: #676d7d
}

.dark-layout .main-menu-content .navigation-main li a {
    color: #d0d2d6!important
}

.dark-layout .main-menu-content .navigation-main li ul .open>a,.dark-layout .main-menu-content .navigation-main li ul .sidebar-group-active>a {
    background-color: #161d31
}

.dark-layout .main-menu-content .navigation-main .nav-item i,.dark-layout .main-menu-content .navigation-main .nav-item svg {
    color: #d0d2d6
}

.dark-layout .main-menu-content .navigation-main .nav-item.open>a {
    background-color: #161d31!important
}

.dark-layout .main-menu-content .navigation-main .nav-item a:after {
    color: #d0d2d6
}

.dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
    background-color: #283046
}

.dark-layout .main-menu-content .navigation-main .active .menu-title,.dark-layout .main-menu-content .navigation-main .active i,.dark-layout .main-menu-content .navigation-main .active svg,.dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    color: #fff
}

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
    background-color: #283046
}

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
    z-index: 1
}

.dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
    background-color: transparent
}

.dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active>a {
    background: #161d31!important
}

.dark-layout .accordion-item:not(:last-of-type) {
    border-color: #3b4253
}

.dark-layout .accordion-item {
    background: #283046!important
}

.dark-layout .accordion-button {
    background: #283046!important;
    color: #b4b7bd
}

.dark-layout .accordion-button:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")
}

.dark-layout .accordion-border .accordion-item {
    border-color: #3b4253
}

.dark-layout .accordion-margin .accordion-item {
    box-shadow: 1px 1px 10px rgba(0,0,0,.24)!important
}

.dark-layout .alert .alert-heading,.dark-layout .alert p {
    color: inherit
}

.dark-layout .alert.alert-dark .alert-body,.dark-layout .alert.alert-dark .alert-heading,.dark-layout .alert.alert-dark p {
    color: #b8c2cc
}

.dark-layout .content-header-left .breadcrumbs-top .content-header-title {
    border-color: #3b4253;
    color: #d0d2d6
}

.dark-layout .breadcrumb .breadcrumb-item,.dark-layout .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    color: #b4b7bd
}

.dark-layout .breadcrumb-chevron.breadcrumb .breadcrumb-item+.breadcrumb-item:before,.dark-layout .breadcrumb:not([class*=breadcrumb-]) .breadcrumb-item+.breadcrumb-item:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.dark-layout .btn:not([class*=btn-]) {
    color: #b4b7bd
}

.dark-layout .btn.btn-dark,.dark-layout .btn.btn-flat-dark,.dark-layout .btn.btn-outline-dark {
    color: #b8c2cc
}

.dark-layout .btn.btn-dark {
    background-color: #4b4b4b!important
}

.dark-layout .btn.btn-outline-dark {
    border-color: #4b4b4b;
    color: #b8c2cc
}

.dark-layout .btn.btn-outline-dark:hover:not(.disabled):not(:disabled) {
    color: #b8c2cc
}

.dark-layout .btn.btn-flat-dark:active,.dark-layout .btn.btn-flat-dark:focus {
    background: #4b4b4b
}

.dark-layout .btn-group label[class*=btn-outline-] {
    color: #7367f0!important
}

.dark-layout .dropdown-menu {
    background-color: #283046;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.24)
}

.dark-layout .dropdown-menu .dropdown-header {
    color: #d0d2d6
}

.dark-layout .dropdown-menu .dropdown-item {
    color: #b4b7bd
}

.dark-layout .dropdown-menu .dropdown-item:focus,.dark-layout .dropdown-menu .dropdown-item:hover {
    background: rgba(115,103,240,.12);
    color: #7367f0
}

.dark-layout .dropdown-menu .dropdown-item.active,.dark-layout .dropdown-menu .dropdown-item:active {
    background-color: #7367f0;
    color: #fff
}

.dark-layout .dropdown-menu .dropdown-item.disabled,.dark-layout .dropdown-menu .dropdown-item:disabled {
    color: #676d7d
}

.dark-layout .dropdown-divider {
    border-color: #3b4253
}

.dark-layout .modal .modal-header,.dark-layout .modal .modal-header[class*=bg-] {
    background-color: #161d31
}

.dark-layout .modal .modal-header .btn-close {
    background-color: #283046!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'%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");
    box-shadow: 0 3px 8px 0 rgba(11,10,25,.49)!important;
    color: #b4b7bd;
    text-shadow: none
}

.dark-layout .modal .modal-body,.dark-layout .modal .modal-content,.dark-layout .modal .modal-footer {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .btn-close {
    background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'%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") 50%/.75rem auto no-repeat
}

.dark-layout .offcanvas {
    background-color: #283046;
    color: #b4b7bd
}

.dark-layout .pagination:not([class*=pagination-]) .page-item.active {
    background-color: #242b3d
}

.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link {
    background-color: #7367f0
}

.dark-layout .pagination:not([class*=pagination-]) .page-item.active .page-link:hover {
    color: #fff
}

.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link {
    background-color: #242b3d;
    color: #b4b7bd
}

.dark-layout .pagination:not([class*=pagination-]) .page-item .page-link:hover {
    color: #7367f0
}

.dark-layout .pagination:not([class*=pagination-]) .page-item.next-item .page-link:hover,.dark-layout .pagination:not([class*=pagination-]) .page-item.prev-item .page-link:hover {
    color: #fff
}

.dark-layout .pagination[class*=pagination-] .page-item:not(.active) .page-link {
    background-color: #242b3d
}

.dark-layout .pagination[class*=pagination-] .page-item:not(.active):not(:hover) .page-link {
    color: #fff
}

.dark-layout .pagination[class*=pagination-] .page-item.active,.dark-layout .pagination[class*=pagination-] .page-item:not(.active) .page-link:hover {
    background-color: #242b3d
}

.dark-layout .pagination .page-item.prev .page-link:before,.dark-layout .pagination .page-item.prev-item .page-link:before,.dark-layout .pagination .page-item.previous .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .pagination .page-item.prev-item.disabled .page-link:before,.dark-layout .pagination .page-item.prev.disabled .page-link:before,.dark-layout .pagination .page-item.previous.disabled .page-link:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .pagination .page-item.next .page-link:after,.dark-layout .pagination .page-item.next-item .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.dark-layout .pagination .page-item.next-item.disabled .page-link:after,.dark-layout .pagination .page-item.next.disabled .page-link:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.dark-layout .pagination .page-item.disabled .page-link {
    color: #676d7d
}

.dark-layout .nav-pills .nav-item .nav-link,.dark-layout .nav-tabs .nav-item .nav-link,.dark-layout .nav-tabs.nav-justified .nav-item .nav-link {
    color: #d0d2d6
}

.dark-layout .nav-pills .nav-item .nav-link.active,.dark-layout .nav-tabs .nav-item .nav-link.active,.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.active {
    background-color: #283046;
    color: #7367f0
}

.dark-layout .nav-pills .nav-item .nav-link.disabled,.dark-layout .nav-tabs .nav-item .nav-link.disabled,.dark-layout .nav-tabs.nav-justified .nav-item .nav-link.disabled {
    color: #676d7d
}

.dark-layout .nav.wrap-border {
    border-color: #3b4253
}

.dark-layout .nav-pills .nav-item .nav-link.active {
    background-color: #7367f0;
    color: #fff
}

.dark-layout .popover.bs-popover-top .popover-arrow:before {
    border-top-color: #3b4253
}

.dark-layout .popover.bs-popover-top .popover-arrow:after {
    border-top-color: #283046
}

.dark-layout .popover.bs-popover-start .popover-arrow:before {
    border-left-color: #3b4253
}

.dark-layout .popover.bs-popover-start .popover-arrow:after {
    border-left-color: #283046
}

.dark-layout .popover.bs-popover-end .popover-arrow:before {
    border-right-color: #3b4253
}

.dark-layout .popover.bs-popover-end .popover-arrow:after {
    border-right-color: #283046
}

.dark-layout .popover .popover-header {
    color: #fff
}

.dark-layout .popover .popover-body {
    background-color: #283046;
    border-color: #3b4253!important;
    color: #b4b7bd
}

.dark-layout .toast {
    background-color: rgba(40,48,70,.85);
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24);
    color: #b4b7bd
}

.dark-layout .toast .toast-header {
    background-color: #283046;
    color: #b4b7bd
}

.dark-layout .toast .toast-header .btn-close {
    background-color: transparent!important;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23b4b7bd'%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");
    box-shadow: none!important;
    text-shadow: none
}

.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active),.dark-layout .list-group .list-group-item:not([class*=list-group-item-]) {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):not(.disabled),.dark-layout .list-group .list-group-item:not([class*=list-group-item-]):not(.disabled) {
    color: #b4b7bd
}

.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):focus,.dark-layout .list-group .list-group-item.list-group-item-action:not(.active):not(:active):hover {
    background-color: #161d31
}

.dark-layout .list-group .list-group-item.active p,.dark-layout .list-group .list-group-item.active small,.dark-layout .list-group .list-group-item.active:hover,.dark-layout .list-group .list-group-item.list-group-item-action.active:focus,.dark-layout .list-group .list-group-item.list-group-item-action.active:hover,.dark-layout .list-group .list-group-item.list-group-item-action:active:focus,.dark-layout .list-group .list-group-item.list-group-item-action:active:hover {
    color: #fff
}

.dark-layout .list-group .list-group-item.disabled {
    color: #676d7d
}

.dark-layout .list-group.list-group-circle .list-group-item:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E")
}

.dark-layout .spinner-border {
    border-color: currentColor transparent currentColor currentColor!important
}

.dark-layout .avatar {
    background-color: #161d31
}

.dark-layout .avatar [class*=avatar-status-] {
    border-color: #283046
}

.dark-layout .avatar-group .avatar .avatar-content,.dark-layout .avatar-group .avatar img {
    box-shadow: 0 0 0 2px #283046,inset 0 0 0 1px rgba(40,48,70,.07)
}

.dark-layout .divider .divider-text {
    color: #b4b7bd
}

.dark-layout .divider .divider-text:after,.dark-layout .divider .divider-text:before {
    border-color: #3b4253
}

.dark-layout .divider.divider-dark .divider-text:after,.dark-layout .divider.divider-dark .divider-text:before {
    border-color: #3b4253!important
}

.dark-layout .timeline .timeline-item {
    border-color: #3b4253
}

.dark-layout .timeline .timeline-item .timeline-point:not(.timeline-point-indicator) {
    background-color: #283046
}

.dark-layout .timeline .timeline-item .timeline-event .timeline-event-time {
    color: #676d7d
}

.dark-layout .timeline .timeline-item:last-of-type:after {
    background: linear-gradient(#3b4253,transparent)
}

.dark-layout .card {
    background-color: #283046;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24)
}

.dark-layout .card .card-footer {
    border-color: #3b4253
}

.dark-layout .card.overlay-img-card .card-img-overlay .card-body,.dark-layout .card.overlay-img-card .card-img-overlay p,.dark-layout .card.overlay-img-card .card-img-overlay span {
    color: #fff
}

.dark-layout .card-developer-meetup .meetup-header .meetup-day {
    border-right-color: #404656
}

.dark-layout .card-profile .profile-image-wrapper .profile-image {
    background-color: #161d31
}

.dark-layout .business-card .business-items .business-item {
    border-color: #3b4253
}

.dark-layout .card-app-design .design-planning-wrapper .design-planning {
    background-color: #161d31
}

.dark-layout .card-tiny-line-stats .apexcharts-series-markers .apexcharts-marker {
    stroke: #00cfe8
}

.dark-layout .card-tiny-line-stats .apexcharts-series-markers:last-child .apexcharts-marker {
    fill: #283046
}

.dark-layout .card-revenue-budget .revenue-report-wrapper {
    border-right-color: #3b4253
}

.dark-layout .card-revenue-budget .budget-wrapper .apexcharts-series:not(:first-child) path {
    stroke: #b4b7bd
}

.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label {
    fill: #b4b7bd!important
}

.dark-layout .earnings-card .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
    fill: #d0d2d6
}

.dark-layout .card-company-table .avatar {
    background-color: #161d31
}

.dark-layout input:-webkit-autofill,.dark-layout select:-webkit-autofill,.dark-layout textarea:-webkit-autofill {
    -webkit-text-fill-color: #b4b7bd!important;
    -webkit-box-shadow: inset 0 0 0 1000px #283046!important
}

.dark-layout input.form-control,.dark-layout select.form-select,.dark-layout textarea.form-control {
    background-color: #283046;
    color: #b4b7bd
}

.dark-layout input.form-control:not(:focus),.dark-layout select.form-select:not(:focus),.dark-layout textarea.form-control:not(:focus) {
    border-color: #404656
}

.dark-layout input.form-control::-moz-placeholder,.dark-layout select.form-select::-moz-placeholder,.dark-layout textarea.form-control::-moz-placeholder {
    color: #676d7d
}

.dark-layout input.form-control::placeholder,.dark-layout select.form-select::placeholder,.dark-layout textarea.form-control::placeholder {
    color: #676d7d
}

.dark-layout input.form-control:disabled,.dark-layout input.form-control[readonly=readonly],.dark-layout select.form-select:disabled,.dark-layout select.form-select[readonly=readonly],.dark-layout textarea.form-control:disabled,.dark-layout textarea.form-control[readonly=readonly] {
    opacity: .5
}

.dark-layout .form-floating textarea.form-control::-moz-placeholder {
    color: transparent
}

.dark-layout .form-floating textarea.form-control::placeholder {
    color: transparent
}

.dark-layout .form-control::file-selector-button {
    background-color: #283046;
    color: #d0d2d6
}

.dark-layout .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #333a4f
}

.dark-layout .char-textarea.active {
    color: #b4b7bd!important
}

.dark-layout .char-textarea.max-limit {
    color: #ea5455!important
}

.dark-layout .form-check-input:not(:checked) {
    background-color: #283046;
    border-color: #404656
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate) {
    background-color: #283046
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate):not(:focus) {
    border-color: #404656
}

.dark-layout .form-check-input:not(:checked):not(:indeterminate):disabled {
    background-color: #444b60!important;
    border-color: #444b60!important
}

.dark-layout .form-switch .form-check-input:not(:checked) {
    background-color: #545a6a
}

.dark-layout .form-switch .form-check-input:disabled {
    background-color: #1b2337;
    border-color: #1b2337
}

.dark-layout .form-switch .form-check-input:not(:checked):not(:focus) {
    background-image: url('data:image/svg+xml;charset=utf-8,<svg width="26" height="26" viewBox="0 0 26 27" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(5 5)" fill-rule="nonzero" fill="none"><use fill="%23000" filter="url(%23filter-2)" xlink:href="%23path-1"/><use fill="%23fff" xlink:href="%23path-1"/></g></svg>')
}

.dark-layout select.form-select:not([multiple=multiple]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .was-validated .form-check-input.is-invalid,.dark-layout .was-validated .form-check-input:invalid,.dark-layout .was-validated .form-control.is-invalid,.dark-layout .was-validated .form-control:invalid,.dark-layout .was-validated select.form-select:not(:focus).is-valid,.dark-layout .was-validated select.form-select:not(:focus):invalid {
    border-color: #ea5455!important
}

.dark-layout .was-validated .form-check-input.is-valid,.dark-layout .was-validated .form-check-input:valid,.dark-layout .was-validated .form-control.is-valid,.dark-layout .was-validated .form-control:valid,.dark-layout .was-validated select.form-select:not(:focus).is-valid,.dark-layout .was-validated select.form-select:not(:focus):valid {
    border-color: #28c76f!important
}

.dark-layout .wizard .steps ul .disabled a,.dark-layout .wizard .steps ul .done a {
    color: #b4b7bd!important
}

.dark-layout .wizard .steps ul .disabled a:hover,.dark-layout .wizard .steps ul .done a:hover {
    color: #b4b7bd
}

.dark-layout .wizard .steps ul .disabled a .step,.dark-layout .wizard .steps ul .done a .step {
    background-color: #161d31!important;
    color: #fff!important
}

.dark-layout .input-group .input-group-text {
    background-color: #283046;
    border-color: #3b4253;
    color: #b4b7bd
}

.dark-layout .input-group:focus-within .form-control,.dark-layout .input-group:focus-within .input-group-text {
    border-color: #7367f0;
    box-shadow: none
}

.dark-layout .form-label-group>input:not(:focus):not(:-moz-placeholder-shown)~label,.dark-layout .form-label-group>textarea:not(:focus):not(:-moz-placeholder-shown)~label {
    color: #b4b7bd!important
}

.dark-layout .form-label-group>input:not(:focus):not(:placeholder-shown)~label,.dark-layout .form-label-group>textarea:not(:focus):not(:placeholder-shown)~label {
    color: #b4b7bd!important
}

.dark-layout .counter-value {
    color: #fff
}

.dark-layout .custom-option-item-check:not(:checked)+.custom-option-item {
    border-color: #3b4253
}

.dark-layout .table td,.dark-layout .table th {
    border-color: #3b4253!important;
    color: #b4b7bd
}

.dark-layout .table .thead tr:not([class*=table-]) td,.dark-layout .table .thead tr:not([class*=table-]) th,.dark-layout .table tbody tr:not([class*=table-]) td,.dark-layout .table tbody tr:not([class*=table-]) th {
    border-color: #3b4253;
    color: #b4b7bd
}

.dark-layout .table .thead tr:not([class*=table-]) td code,.dark-layout .table .thead tr:not([class*=table-]) th code,.dark-layout .table tbody tr:not([class*=table-]) td code,.dark-layout .table tbody tr:not([class*=table-]) th code {
    background-color: #283046
}

.dark-layout .table tfoot tr th,.dark-layout .table thead tr th {
    background-color: #343d55;
    border-color: #3b4253;
    color: #d0d2d6
}

.dark-layout .table thead.table-dark th {
    background-color: #fff;
    color: #4b4b4b
}

.dark-layout .table:not(.table-dark):not(.table-light) tfoot:not(.table-dark) th,.dark-layout .table:not(.table-dark):not(.table-light) thead:not(.table-dark) th {
    background-color: #343d55
}

.dark-layout .table.table-dark {
    background-color: #fff
}

.dark-layout .table.table-dark.table-striped tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: rgba(75,75,75,.05)
}

.dark-layout .table.table-dark td,.dark-layout .table.table-dark th {
    background-color: #fff;
    border-color: #f8f9fa!important
}

.dark-layout .table.table-dark td .text-white,.dark-layout .table.table-dark th .text-white {
    color: #4b4b4b!important
}

.dark-layout .table tbody tr.table-dark td,.dark-layout .table tbody tr.table-dark th {
    color: #fff
}

.dark-layout .table tbody tr.table-active td,.dark-layout .table tbody tr.table-active th {
    background-color: #696e7e;
    color: #b4b7bd
}

.dark-layout .table.table-bordered {
    border-color: #3b4253
}

.dark-layout .table.table-hover tbody tr:hover {
    --bs-table-accent-bg: #242b3d
}

.dark-layout .table.table-hover tbody tr td,.dark-layout .table.table-hover tbody tr th {
    background-color: unset
}

.dark-layout .table.table-striped tbody tr:nth-of-type(odd) {
    --bs-table-accent-bg: #242b3d
}

.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary,.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy,.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel,.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf,.dark-layout .dataTables_wrapper .dt-buttons .buttons-print,.dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*=buttons-] {
    background-color: #161d31!important;
    color: #fff
}

.dark-layout .dataTables_wrapper .dt-buttons .btn-secondary:active,.dark-layout .dataTables_wrapper .dt-buttons .buttons-copy:active,.dark-layout .dataTables_wrapper .dt-buttons .buttons-excel:active,.dark-layout .dataTables_wrapper .dt-buttons .buttons-pdf:active,.dark-layout .dataTables_wrapper .dt-buttons .buttons-print:active,.dark-layout .dataTables_wrapper .dt-buttons .dt-button-collection [class*=buttons-]:active {
    background-color: #7367f0!important;
    color: #fff
}

.dark-layout .dataTables_wrapper .dt-button-collection>div[role=menu] {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24)
}

.dark-layout .dataTables_wrapper .table.dataTable tr.group td {
    background-color: #242b3d;
    color: #d0d2d6
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before,.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before,.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after,.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before {
    opacity: .5
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before {
    opacity: 1
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after {
    opacity: .5
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
    opacity: 1
}

.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
    opacity: .5
}

.dark-layout .dtr-modal .dtr-modal-display {
    background-color: #161d31
}

.dark-layout .dtr-modal div.dtr-modal-close {
    background-color: transparent;
    border-color: transparent
}

.dark-layout .getting-started .clockCard p {
    color: #b4b7bd!important
}

.dark-layout #user-profile .profile-header .navbar {
    background-color: #283046
}

.dark-layout #user-profile .profile-header .navbar .navbar-toggler {
    border-color: #3b4253;
    color: #b4b7bd
}

.dark-layout .search-bar .form-control {
    background-color: #283046
}

.dark-layout .blog-edit-wrapper .border {
    border-color: #3b4253!important
}

.dark-layout .kb-search-content-info .kb-search-content .card-img-top {
    background-color: #3f4860
}

.dark-layout .list-group-circle .list-group-item-action:active,.dark-layout .list-group-circle .list-group-item-action:focus,.dark-layout .list-group-circle .list-group-item-action:hover,.dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):active,.dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):focus,.dark-layout .list-group-circle .list-group-item:not([class*=list-group-item-]):hover {
    background-color: transparent!important
}

.dark-layout .pricing-card .card.basic-pricing,.dark-layout .pricing-card .card.enterprise-pricing,.dark-layout .pricing-card .card.standard-pricing {
    border-color: #3b4253
}

.dark-layout .content-area-wrapper {
    border-color: #3b4253!important
}

.dark-layout .content-area-wrapper .sidebar .sidebar-content {
    background-color: #283046!important
}

.dark-layout .content-area-wrapper .app-fixed-search {
    background-color: #283046!important;
    border-color: #3b4253!important
}

.dark-layout .content-area-wrapper .content-right {
    border-color: #3b4253!important
}

.dark-layout .email-application .content-area-wrapper .email-app-list .app-action {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper .email-app-list .app-action .action-right .list-inline-item .dropdown-toggle {
    color: #b4b7bd
}

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail:hover {
    box-shadow: 0 3px 10px 0 #283046
}

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail.selected-row-bg {
    background-color: rgba(115,103,240,.06);
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message .mail-date,.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .mail-message p,.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details .mail-date,.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .user-mail .user-details p {
    color: #676d7d
}

.dark-layout .email-application .content-area-wrapper .email-app-list .email-user-list .mail-read {
    background-color: #242b3d
}

.dark-layout .email-application .content-area-wrapper .email-app-details {
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper .email-app-details .email-scroll-area {
    background-color: #161d31
}

.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .action-icon,.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-header .email-header-right .list-inline-item .dropdown-toggle {
    color: #b4b7bd
}

.dark-layout .email-application .content-area-wrapper .email-app-details .email-info-dropup .dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23676d7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .email-application .content-area-wrapper .email-app-details .email-detail-head,.dark-layout .email-application .content-area-wrapper .email-app-details .mail-message-wrapper {
    border-color: #3b4253!important
}

.dark-layout .email-application .content-area-wrapper #compose-mail .compose-mail-form-field,.dark-layout .email-application .content-area-wrapper #compose-mail .ql-container,.dark-layout .email-application .content-area-wrapper #compose-mail .ql-toolbar {
    border-color: #3b4253
}

.dark-layout .email-application .content-area-wrapper #compose-mail label {
    color: #b4b7bd
}

.dark-layout .email-application .content-area-wrapper #compose-mail .modal-body {
    border-bottom-left-radius: .357rem;
    border-bottom-right-radius: .357rem
}

.dark-layout .chat-application .content-area-wrapper {
    border-color: #3b4253
}

.dark-layout .chat-application .sidebar .chat-profile-sidebar {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .chat-application .sidebar .sidebar-content,.dark-layout .chat-application .sidebar .sidebar-content .chat-fixed-search {
    border-color: #3b4253
}

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li:not(.active):hover {
    background: #161d31
}

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-info .card-text,.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li .chat-time {
    color: #676d7d
}

.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-info .card-text,.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li.active .chat-time {
    color: #fff
}

.dark-layout .chat-application .avatar-border img,.dark-layout .chat-application .sidebar .sidebar-content .chat-user-list-wrapper .chat-users-list li img {
    border-color: #3b4253
}

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area {
    background-color: #283046
}

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-icon,.dark-layout .chat-application .content-right .chat-app-window .start-chat-area .start-chat-text {
    background: #283046;
    color: #b4b7bd
}

.dark-layout .chat-application .content-right .chat-app-window .start-chat-area,.dark-layout .chat-application .content-right .chat-app-window .user-chats {
    background-color: #1e232f;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNjAgMjYwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNjAgMjYwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGU+LnN0MHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMxNzFhMjR9PC9zdHlsZT48ZyBpZD0iaS1saWtlLWZvb2QiPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNC40IDE2Yy4yLjYuNCAxLjMuNSAyaC0zLjdsMS4yIDIuMy41LjktLjIuMVYyOGMyLjIgMS43IDIuNyA0LjggMSA3LS44IDEtMS45IDEuNy0zLjIgMS45di4xYy0uOSAzLjUtNC4xIDYtNy44IDZoLTIwYy0zLjYgMC02LjgtMi41LTcuNy02di0uMWMtMi43LS40LTQuNi0zLTQuMi01LjcuMi0xLjMuOS0yLjUgMS45LTMuMnYtNi44bC0uOC0xLjYtLjQtLjkuOS0uNC42LS4zaC0zQy0xNy4yIDUuNi00LjktMi4yIDcuNS42IDE1LjQgMi4zIDIxLjkgOC4yIDI0LjQgMTZ6bS0zNi44IDJjLS4yIDAtLjMgMC0uNC4xbC0zLjEgMS42LjkgMS44IDEuMy0uN2MuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMy4xLjYuMS45IDBsMi4yLTEuMWMuOC0uNCAxLjgtLjQgMi43IDBsMi4yIDEuMWMuMi4xLjUuMS44IDBsMi45LTEuM2MuOC0uMyAxLjctLjMgMi40IDBsMi45IDEuM2MuMy4xLjYuMS45IDBsMy4xLTEuNS0uOS0xLjgtMS40LjdjLS44LjQtMS43LjQtMi42LjFsLTIuOC0xLjJjLS4yLS4yLS4zLS4yLS40LS4yLS4xIDAtLjMgMC0uNC4xbC0yLjggMS4yYy0uOC40LTEuOC4zLTIuNi0uMUw0IDE4LjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xTDEgMTkuMmMtLjguNC0xLjguNC0yLjcgMEwtNCAxOC4xYy0uMS0uMS0uMy0uMS0uNC0uMS0uMiAwLS4zIDAtLjQuMUwtNyAxOS4yYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMS0uNC0uMS0uNS0uMXptMC0yaC00LjlDLTEzLjUgNS4xLTEuNS0uNyA5LjUgMy4yYzYgMi4xIDEwLjcgNi44IDEyLjggMTIuOGgtMi4xbC0uMS0uMS0uMi4xaC0zMi4zem0zMC4zIDcuNyAxLjQtLjdoMS4zdjJoLTM2di0xLjFsLjMtLjIgMS40LS43aDIuNmwxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuNC0uN0gtM2wxLjQuN2MuOC40IDEuOC40IDIuNyAwbDEuMi0uN2gyLjZsMS40LjdjLjcuNCAxLjcuNCAyLjUgMGwxLjctLjdoMy4ybDEuNy43Yy44LjQgMS43LjQgMi41IDB6TS0xMy44IDI3bDE2LjQgNC45TDE4LjkgMjdoLTMyLjd6bS0uNiAyaC4zbDE2LjcgNSAxNi43LTVoLjNjMS43IDAgMyAxLjMgMyAzcy0xLjMgMy0zIDNoLTM0Yy0xLjcgMC0zLTEuMy0zLTNzMS4zLTMgMy0zem0xLjMgOGMuOCAyLjQgMy4xIDQgNS43IDRoMjBjMi41IDAgNC44LTEuNiA1LjctNGgtMzEuNHoiLz48cGF0aCBpZD0icGF0aDZfZmlsbC1jb3B5IiBjbGFzcz0ic3QwIiBkPSJNMjg0LjQgMTZjLjIuNi40IDEuMy41IDJoLTMuN2wxLjIgMi4zLjUuOS0uMi4xVjI4YzIuMiAxLjcgMi43IDQuOCAxIDctLjggMS0xLjkgMS43LTMuMiAxLjl2LjFjLS45IDMuNS00LjEgNi03LjggNmgtMjBjLTMuNiAwLTYuOC0yLjUtNy43LTZ2LS4xYy0yLjctLjQtNC42LTMtNC4yLTUuNy4yLTEuMy45LTIuNSAxLjktMy4ydi02LjhsLS44LTEuNi0uNC0uOS45LS40LjYtLjNoLTNDMjQyLjggNS42IDI1NS4xLTIuMiAyNjcuNS42YzcuOSAxLjcgMTQuNCA3LjYgMTYuOSAxNS40em0tMzYuOSAyYy0uMiAwLS4zIDAtLjQuMWwtMy4xIDEuNi45IDEuOCAxLjMtLjdjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuMi0xLjFjLjgtLjQgMS44LS40IDIuNyAwbDIuMiAxLjFjLjMuMS42LjEuOSAwbDIuOS0xLjNjLjgtLjMgMS43LS4zIDIuNCAwbDIuOSAxLjNjLjMuMS42LjEuOSAwbDMuMS0xLjUtLjktMS44LTEuNC43Yy0uOC40LTEuNy40LTIuNi4xbC0yLjgtMS4yYy0uMS0uMS0uMy0uMS0uNC0uMS0uMSAwLS4zIDAtLjQuMWwtMi44IDEuMmMtLjguNC0xLjguMy0yLjYtLjFsLTIuMy0xLjFjLS4xLS4xLS4zLS4xLS41LS4xcy0uMyAwLS40LjFsLTIuMiAxLjFjLS44LjQtMS44LjQtMi43IDBsLTIuMi0xLjFjLS4xLS4xLS4zLS4xLS40LS4xLS4yIDAtLjMgMC0uNC4xbC0yLjIgMS4xYy0uOC40LTEuOC40LTIuNyAwbC0yLjItMS4xYy0uMi0uMi0uNC0uMi0uNi0uMnptMC0yaC00LjljMy45LTEwLjkgMTUuOS0xNi43IDI2LjgtMTIuOCA2IDIuMSAxMC43IDYuOCAxMi44IDEyLjhoLTIuMWwtLjEtLjEtLjMuMWgtMzIuMnptMzAuNCA3LjcgMS40LS43aDEuM3YyaC0zNnYtMS4xbC4zLS4yIDEuNC0uN2gyLjZsMS40LjdjLjguNCAxLjguNCAyLjcgMGwxLjQtLjdoMi42bDEuNC43Yy44LjQgMS44LjQgMi43IDBsMS40LS43aDIuNmwxLjQuN2MuOC40IDEuNy40IDIuNi4xbDEuNy0uN2gzLjJsMS43LjdjLjUuMyAxLjQuMyAyLjItLjF6TTI0Ni4yIDI3bDE2LjQgNC45TDI3OSAyN2gtMzIuOHptLS43IDJoLjNsMTYuNyA1IDE2LjctNWguM2MxLjcgMCAzIDEuMyAzIDNzLTEuMyAzLTMgM2gtMzRjLTEuNyAwLTMtMS4zLTMtM3MxLjQtMyAzLTN6bTEuNCA4Yy44IDIuNCAzLjEgNCA1LjYgNGgyMGMyLjUgMCA0LjgtMS42IDUuNy00aC0zMS4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNTkuNSAyMWMtMS4zLTMuNi00LjctNi04LjUtNmgtNDJjLTMuOCAwLTcuMiAyLjQtOC41IDYtMy4zLjMtNS44IDMuMi01LjUgNi41LjIgMi45IDIuNiA1LjIgNS41IDUuNS0xLjcgNC43LjggOS44IDUuNCAxMS41IDEgLjMgMiAuNSAzIC41aDQyYzUgMCA5LTQgOS05IDAtMS0uMi0yLjEtLjUtMyAzLjMtLjMgNS44LTMuMiA1LjUtNi41LS4yLTIuOS0yLjUtNS4yLTUuNC01LjV6bS04LjUtNGgtNDJjLTIuNyAwLTUuMiAxLjYtNi4zIDRoNTQuN2MtMS4yLTIuNC0zLjctNC02LjQtNHptLTkuMyAyNmMyLjEtMS43IDMuMy00LjMgMy4zLTdoLTJjMCAzLjktMy4xIDctNyA3aC00LjNjMi4xLTEuNyAzLjMtNC4zIDMuMy03aC0yYzAgMy45LTMuMSA3LTcgN2gtNC4zYzIuMS0xLjcgMy4zLTQuMyAzLjMtN2gtMmMwIDMuOS0zLjEgNy03IDdoLTdjLTMuOSAwLTctMy4xLTctN3MzLjEtNyA3LTdoNDJjMy45IDAgNyAzLjEgNyA3cy0zLjEgNy03IDdoLTkuM3pNMTA5IDI3Yy0zIDAtNS44IDEuNS03LjUgNGgtLjVjLTIuMiAwLTQtMS44LTQtNHMxLjgtNCA0LTRoNThjMi4yIDAgNCAxLjggNCA0cy0xLjggNC00IDRoLS41Yy0xLjctMi41LTQuNS00LTcuNS00aC00MnpNMzkgMTE1YzQuNCAwIDgtMy42IDgtOHMtMy42LTgtOC04LTggMy42LTggOCAzLjYgOCA4IDh6bTYtOGMwIDMuMy0yLjcgNi02IDZzLTYtMi43LTYtNiAyLjctNiA2LTYgNiAyLjcgNiA2em0tMy0yOXYtMmg4di02SDQwYy0yLjIgMC00IDEuOC00IDR2MTBIMjJsLTEuMyA0LS43IDJoMi4ybDMuOCA0MGgyNmwzLjgtNDBINThsLS43LTItMS4zLTRINDJ2LTZ6bS00LTR2MTBoMlY3NGg4di0yaC04Yy0xLjEgMC0yIC45LTIgMnptMiAxMmgxNC42bC43IDJIMjIuOGwuNy0ySDQwem0xMy44IDRIMjQuMmwzLjYgMzhoMjIuNGwzLjYtMzh6TTEyOSA5MmgtNnY0aC02djRoLTZ2MTRoLTNsLjIgMiAzLjggMzJoMzZsMy44LTMyIC4yLTJoLTN2LTE0aC02di00aC02di00aC04em0xOCAyMnYtMTJoLTR2NGgzdjhoMXptLTMgMHYtNmgtNHY2aDR6bS02IDZ2LTE2aC00djE5LjJjMS42LS43IDMtMS44IDQtMy4yem0tNiAzLjhWMTAwaC00djIzLjhjMS4zLjMgMi43LjMgNCAwem0tNi0uNlYxMDRoLTR2MTZjMSAxLjQgMi40IDIuNSA0IDMuMnptLTYtOS4ydi02aC00djZoNHptLTYgMHYtOGgzdi00aC00djEyaDF6bTI3LTEydi00aC00djRoM3Y0aDF2LTR6bS02IDB2LThoLTR2NGgzdjRoMXptLTYtNHYtNGgtNHY4aDF2LTRoM3ptLTYgNHYtNGgtNHY4aDF2LTRoM3ptNyAyNGM1LjkgMCAxMC45LTQuMiAxMS44LTEwaDcuOWwtMy41IDMwaC0zMi40bC0zLjUtMzBoNy45Yy45IDUuOCA1LjkgMTAgMTEuOCAxMHpNMjEyIDg2djJoLTR2LTJoNHptNCAwaC0ydjJoMnYtMnptLTIwIDBjLTIuNy43LTQuNSAzLjMtMy45IDYgLjQgMS44IDEuNiAzLjIgMy4zIDMuOGwuMS4yIDEuMSA0LjVjLjIuOSAxIDEuNSAxLjkgMS41bDcgMjQuNmMuMi45IDEgMS40IDEuOSAxLjRoNWMuOSAwIDEuNy0uNiAxLjktMS40bDctMjQuNmMuOSAwIDEuNy0uNiAxLjktMS41bDEuMS00LjUuMS0uMmMyLjYtLjkgNC4xLTMuNyAzLjItNi4zLS42LTEuNy0yLTMtMy44LTMuM1Y4NmMwLTcuNy02LjMtMTQtMTQtMTRTMTk2IDc4LjMgMTk2IDg2em00IDBoNnYyaC05Yy0xLjcgMC0zIDEuMy0zIDNzMS4zIDMgMyAzaDI2YzEuNyAwIDMtMS4zIDMtM3MtMS4zLTMtMy0zaC0zdi0yaDJjMC02LjYtNS40LTEyLTEyLTEycy0xMiA1LjQtMTIgMTJoMnptLTEuNCAxNC0xLTRoMjQuOWwtMSA0aC0yMi45em04LjkgMjYtNi45LTI0aDE4LjdsLTYuOSAyNGgtNC45ek0xNTAgMjQyYzEyLjIgMCAyMi05LjggMjItMjJzLTkuOC0yMi0yMi0yMi0yMiA5LjgtMjIgMjIgOS44IDIyIDIyIDIyem0yNC0yMmMwIDEzLjMtMTAuNyAyNC0yNCAyNHMtMjQtMTAuNy0yNC0yNCAxMC43LTI0IDI0LTI0IDI0IDEwLjcgMjQgMjR6bS0yOC40IDE3LjcgMi0uOWMxLjUtLjYgMy4yLS42IDQuNyAwbDIgLjljLjkuNCAyIDAgMi41LS44bDEuMS0xLjljLjgtMS40IDIuMi0yLjQgMy44LTIuOGwyLjEtLjVjMS0uMiAxLjYtMS4xIDEuNS0yLjFsLS4yLTIuMmMtLjEtMS42LjQtMy4yIDEuNC00LjVsMS40LTEuN2MuNy0uOC43LTEuOSAwLTIuNmwtMS40LTEuN2MtMS4xLTEuMi0xLjYtMi44LTEuNC00LjVsLjItMi4yYy4xLTEtLjYtMS45LTEuNi0yLjFsLTIuMS0uNWMtMS42LS40LTMtMS40LTMuOC0yLjhsLTEuMS0xLjljLS41LS45LTEuNi0xLjItMi41LS44bC0yIC45Yy0xLjUuNi0zLjIuNi00LjcgMGwtMi0uOWMtLjktLjQtMiAwLTIuNS44bC0xIDIuMWMtLjggMS40LTIuMiAyLjQtMy44IDIuOGwtMi4xLjVjLTEgLjItMS42IDEuMS0xLjUgMi4xbC4yIDIuMmMuMSAxLjYtLjQgMy4yLTEuNCA0LjVsLTEuNCAxLjdjLS43LjgtLjcgMS45IDAgMi42bDEuNCAxLjdjMS4xIDEuMiAxLjYgMi44IDEuNCA0LjVsLS4yIDIuMmMtLjEgMSAuNiAxLjkgMS42IDIuMWwyLjEuNWMxLjYuNCAzIDEuNCAzLjggMi44bDEuMSAxLjljLjQuNyAxLjUgMSAyLjQuNnptMi44IDFjMS0uNCAyLjEtLjQgMy4xIDBsMiAuOWMxLjguOCA0IC4xIDUtMS42bDEuMS0xLjljLjYtLjkgMS41LTEuNiAyLjUtMS44bDIuMS0uNWMxLjktLjQgMy4zLTIuMyAzLjEtNC4ybC0uMi0yLjJjLS4xLTEuMS4zLTIuMiAxLTNsMS40LTEuN2MxLjMtMS41IDEuMy0zLjcgMC01LjJsLTEuNC0xLjdjLS43LS44LTEuMS0xLjktMS0zbC4yLTIuMmMuMi0yLTEuMS0zLjgtMy4xLTQuMmwtMi4xLS41Yy0xLjEtLjItMi0uOS0yLjUtMS44bC0xLjEtMS45Yy0xLTEuNy0zLjItMi40LTUtMS42bC0yIC45Yy0xIC40LTIuMS40LTMuMSAwbC0yLS45Yy0xLjgtLjgtNC0uMS01IDEuNmwtMS4xIDEuOWMtLjYuOS0xLjUgMS42LTIuNSAxLjhsLTIuMS41Yy0xLjkuNC0zLjMgMi4zLTMuMSA0LjJsLjIgMi4yYy4xIDEuMS0uMyAyLjItMSAzbC0xLjQgMS43Yy0xLjMgMS41LTEuMyAzLjcgMCA1LjJsMS40IDEuN2MuNy44IDEuMSAxLjkgMSAzbC0uMiAyLjJjLS4yIDIgMS4xIDMuOCAzLjEgNC4ybDIuMS41YzEuMS4yIDIgLjkgMi41IDEuOGwxLjEgMS45YzEgMS43IDMuMiAyLjQgNSAxLjZsMi0uOXpNMTUyIDIwN2MwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTYgMmMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS0xMSAxYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTYgMGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bTMtNWMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS04IDhjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0zIDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0wIDZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00IDdjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem01LTJjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem01IDRjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem00LTZjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem02LTRjMC0uNi40LTEgMS0xczEgLjQgMSAxLS40IDEtMSAxLTEtLjQtMS0xem0tNC0zYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptNC0zYzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptLTUtNGMwLS42LjQtMSAxLTFzMSAuNCAxIDEtLjQgMS0xIDEtMS0uNC0xLTF6bS0yNCA2YzAtLjYuNC0xIDEtMXMxIC40IDEgMS0uNCAxLTEgMS0xLS40LTEtMXptMTYgNWMyLjggMCA1LTIuMiA1LTVzLTIuMi01LTUtNS01IDIuMi01IDUgMi4yIDUgNSA1em03LTVjMCAzLjktMy4xIDctNyA3cy03LTMuMS03LTcgMy4xLTcgNy03IDcgMy4xIDcgN3ptODYtMjljLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptMTkgOWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTE0IDVjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptLTI1IDFjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMWgtMnptNSA0Yy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTkgMGMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptMTUgMWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptMTItMmMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0tMTEtMTRjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0xOSAwYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTYgNWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTI1IDE1di0xLjRjLTIuNS0xLjEtMy43LTQtMi42LTYuNi4yLS41LjUtMSAuOS0xLjQtLjktMiAwLTQuMiAxLjktNS4yLS44LTIuNi43LTUuNCAzLjQtNi4yLjQtLjUuOS0uOSAxLjUtMS4xLjUtMi43IDMuMS00LjUgNS44LTQuMS43LjEgMS40LjQgMiAuOCA1LjMtMy44IDExLjYtNS45IDE4LjItNS45IDYuOCAwIDEzLjEgMi4yIDE4LjIgNS45IDIuMy0xLjYgNS40LTEgNyAxLjMuNC42LjcgMS4zLjggMiAuNi4yIDEuMS42IDEuNSAxLjEgMi43LjggNC4yIDMuNSAzLjQgNi4yIDEuOSAxIDIuNyAzLjIgMS45IDUuMiAxLjkgMiAxLjggNS4yLS4yIDctLjQuNC0uOS43LTEuNSAxdjIuNGgtNjJ2LTFoLS4yem0uOC03LjJjLS4zIDEuMi0uNSAyLjQtLjYgMy42LTEuMy0xLTEuNi0yLjktLjYtNC4yLjQuMy44LjUgMS4yLjZ6bTEuNS00LjZjLS40LjktLjcgMS44LTEgMi43LTEtLjQtMS42LTEuNS0xLjMtMi41LjItLjUuNi0uOSAxLjEtMS4yLjQuNC44LjcgMS4yIDF6bTIuMy00LjUtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy40LS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6bTQyLjcgMi44Yy0uOS0xLTEuOS0xLjktMi45LTIuOCAxLjUtLjYgMy4zLjEgMy45IDEuNyAwIC4xLjEuMi4xLjMtLjQuMi0uOC40LTEuMS44em0xLjMgMS41Yy40LjUuOCAxIDEuMSAxLjQuNS0uMS45LS43LjgtMS4ycy0uNy0uOS0xLjItLjhjLS4zLjItLjUuNC0uNy42em0zLjggNS45LTEuNS0yLjdjLjgtLjQgMS40LTEuMSAxLjYtMiAxLjMgMS4xIDEuNCAzIC40IDQuMi0uMi4yLS40LjMtLjUuNXptMS43IDQuNWMtLjMtLjktLjYtMS44LTEtMi43LjQtLjMuOC0uNiAxLjItMSAxIC41IDEuNCAxLjcgMSAyLjctLjIuNC0uNi44LTEuMiAxem0xLjIgNS41Yy0uMS0xLjItLjQtMi40LS42LTMuNi41LS4xLjktLjQgMS4yLS42IDEgMS4zLjcgMy4yLS42IDQuMnpNMjc1IDIxNGMtLjUtMTYtMTMuOS0yOC42LTI5LjktMjguMS0xNS4zLjUtMjcuNiAxMi44LTI4LjEgMjguMWg1OHpNNzIuMyAxOTguMWMtLjItLjMtLjMtLjctLjMtMS4xdi0xMmgtMnYxMmMwIDIuMiAxLjggNCA0IDQgMS4yIDAgMi4zLS41IDMuMS0xLjQuNi0uNy45LTEuNi45LTIuNXYtMTJoLTJ2MTJjMCAxLjEtLjkgMi0yIDItLjctLjEtMS4zLS40LTEuNy0xek03NSAxNzZjLjQgMCAuNyAwIDEuMS0uMS41IDIuMiAyLjYgMy41IDQuOCAzIC41LS4xIDEtLjMgMS40LS42IDEuMSAyLjEgMS43IDQuNCAxLjcgNi43djI0YzAgMy4zLTIuNyA2LTYgNmgtM3Y5YzAgMi44LTIuMiA1LTUgNXMtNS0yLjItNS01di05aC0zYy0zLjMgMC02LTIuNy02LTZ2LTI0YzAtNy43IDYuMy0xNCAxNC0xNCAwIDIuOCAyLjIgNSA1IDV6bS0xNyAxNXYxMmMwIC44LjUgMS41IDEuMiAxLjguOS40IDEuOS4xIDIuNC0uNy4yLS4zLjMtLjcuMy0xLjF2LTEyaDJ2MTJjMCAyLjItMS43IDQtMy45IDQtLjUgMC0xLS4xLTEuNC0uMi0uMi0uMS0uNC0uMi0uNy0uM3YyLjVjMCAyLjIgMS44IDQgNCA0aDE2YzIuMiAwIDQtMS44IDQtNHYtMjRjMC0xLjUtLjItMi45LS43LTQuMi0uNC4xLS45LjItMS4zLjItMi4xIDAtNC4xLTEuMS01LjItMy0zLS4xLTUuNi0yLTYuNS00LjlDNjIuNCAxNzQgNTggMTc5IDU4IDE4NXY2em05IDI0djljMCAxLjcgMS4zIDMgMyAzczMtMS4zIDMtM3YtOWgtNnpNLTE3IDE5MWMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem0xOSA5YzAtLjYuNC0xIDEtMWgyYy42IDAgMSAuNCAxIDFzLS40IDEtMSAxSDNjLS42IDAtMS0uNC0xLTF6bS0xNCA1Yy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bS0yNSAxYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTUgNGMtLjYgMC0xIC40LTEgMXMuNCAxIDEgMWgyYy42IDAgMS0uNCAxLTFzLS40LTEtMS0xaC0yem05IDBjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bTE1IDFjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bTEyLTJjLS42IDAtMSAuNC0xIDFzLjQgMSAxIDFoMmMuNiAwIDEtLjQgMS0xcy0uNC0xLTEtMUg0em0tMTEtMTRjMC0uNi40LTEgMS0xaDJjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDFoLTJjLS42IDAtMS0uNC0xLTF6bS0xOSAwYy0uNiAwLTEgLjQtMSAxcy40IDEgMSAxaDJjLjYgMCAxLS40IDEtMXMtLjQtMS0xLTFoLTJ6bTYgNWMwLS42LjQtMSAxLTFoMmMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMWgtMmMtLjYgMC0xLS40LTEtMXptLTI1IDE1di0xLjRjLTIuNS0xLjEtMy43LTQtMi42LTYuNi4yLS41LjUtMSAuOS0xLjQtLjktMiAwLTQuMiAxLjktNS4yLS44LTIuNi43LTUuNCAzLjQtNi4yLjQtLjUuOS0uOSAxLjUtMS4xLjUtMi43IDMuMS00LjUgNS44LTQuMS43LjEgMS40LjQgMiAuOCA1LjMtMy44IDExLjYtNS45IDE4LjItNS45IDYuOCAwIDEzLjEgMi4yIDE4LjIgNS45IDIuMy0xLjYgNS40LTEgNyAxLjMuNC42LjcgMS4zLjggMiAuNi4yIDEuMS42IDEuNSAxLjEgMi43LjggNC4yIDMuNSAzLjQgNi4yIDEuOSAxIDIuNyAzLjIgMS45IDUuMiAxLjkgMiAxLjggNS4yLS4yIDctLjQuNC0uOS43LTEuNSAxdjIuNGgtNjJ2LTFoLS4yem0uOC03LjJjLS4zIDEuMi0uNSAyLjQtLjYgMy42LTEuMy0xLTEuNi0yLjktLjYtNC4yLjQuMy44LjUgMS4yLjZ6bTEuNS00LjZjLS40LjktLjcgMS44LTEgMi43LTEtLjQtMS42LTEuNS0xLjMtMi41LjItLjUuNi0uOSAxLjEtMS4yLjQuNC44LjcgMS4yIDF6bTIuMy00LjUtMS41IDIuN2MtMS4zLTEtMS41LTIuOS0uNS00LjIuMS0uMi4zLS4zLjQtLjUuMy45LjkgMS42IDEuNiAyem0xLjItMS43Yy4zLS41LjctMSAxLjEtMS41LS4zLS41LS45LS43LTEuNC0uNHMtLjcuOS0uNCAxLjRjLjIuMi40LjQuNy41em01LjMtNS44Yy0xIC45LTIgMS44LTIuOSAyLjgtLjMtLjMtLjctLjYtMS4xLS44LjQtMS42IDIuMS0yLjUgMy43LTIuMS4xIDAgLjIuMS4zLjF6TTguOCAxOTRjLS45LTEtMS45LTEuOS0yLjktMi44IDEuNS0uNiAzLjMuMSAzLjkgMS43IDAgLjEuMS4yLjEuMy0uNC4yLS44LjQtMS4xLjh6bTEuMyAxLjVjLjQuNS44IDEgMS4xIDEuNC41LS4xLjktLjcuOC0xLjItLjEtLjUtLjctLjktMS4yLS44LS4zLjItLjUuNC0uNy42em0zLjggNS45Yy0uNS0uOS0uOS0xLjgtMS41LTIuNy44LS40IDEuNC0xLjEgMS42LTIgMS4zIDEuMSAxLjQgMyAuNCA0LjItLjIuMi0uNC4zLS41LjV6bTEuOCA0LjVjLS4zLS45LS42LTEuOC0xLTIuNy40LS4zLjgtLjYgMS4yLTEgMSAuNSAxLjQgMS43IDEgMi43LS4zLjQtLjcuOC0xLjIgMXptMS4xIDUuNWMtLjEtMS4yLS40LTIuNC0uNi0zLjYuNS0uMS45LS40IDEuMi0uNiAxIDEuMy43IDMuMi0uNiA0LjJ6TTE1IDIxNGMtLjUtMTYtMTMuOS0yOC42LTI5LjktMjguMS0xNS4zLjUtMjcuNiAxMi44LTI4LjEgMjguMWg1OHoiLz48L2c+PC9zdmc+")
}

.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text {
    background: #283046
}

.dark-layout .chat-application .content-right .chat-app-window .user-chats .avatar img,.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:after,.dark-layout .chat-application .content-right .chat-app-window .user-chats .divider .divider-text:before {
    border-color: #3b4253
}

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content {
    background-color: #283046
}

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-left .chat-content p {
    color: #b4b7bd
}

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-content p {
    color: #fff
}

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header .dropdown-toggle {
    color: #b4b7bd
}

.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-app-form,.dark-layout .chat-application .content-right .chat-app-window .active-chat .chat-header,.dark-layout .chat-application .content-right .user-profile-sidebar {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .chat-widget .user-chats {
    background-color: #384056!important
}

.dark-layout .chat-widget .card-header,.dark-layout .chat-widget .chat-app-form {
    background-color: #283046
}

.dark-layout .chat-widget .chat-app-window .user-chats .chat-left .chat-content {
    background-color: #283046!important;
    color: #b4b7bd!important
}

.dark-layout .chat-widget .chat-app-window .user-chats .avatar img {
    border-color: #161d31
}

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board {
    color: #fff
}

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:focus,.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-board-header .kanban-title-board:hover,.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item {
    background-color: #283046
}

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown i.dropdown-toggle,.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .item-dropdown svg.dropdown-toggle {
    stroke: #fff
}

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item .kanban-title-button {
    color: #b4b7bd
}

.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item i,.dark-layout .kanban-application .kanban-wrapper .kanban-container .kanban-board .kanban-item svg {
    stroke: #b4b7bd
}

.dark-layout .kanban-application .update-item-sidebar .nav-tabs .nav-item .nav-link,.dark-layout .kanban-application .update-item-sidebar .tab-content .tab-pane {
    background-color: transparent
}

.dark-layout .kanban-item.gu-mirror {
    background-color: #283046
}

.dark-layout .todo-application .content-area-wrapper .sidebar .todo-form .todo-item-action {
    color: #b4b7bd
}

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list-wrapper {
    background-color: #283046!important;
    border-color: #3b4253
}

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:not(:first-child) {
    border-color: #3b4253
}

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item.completed .todo-title {
    color: #676d7d
}

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item:hover {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24)
}

.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) i,.dark-layout .todo-application .content-area-wrapper .content-right .todo-task-list .todo-item .todo-item-action .todo-item-favorite:not(.text-warning) svg {
    color: #b4b7bd
}

.dark-layout .todo-item.gu-mirror {
    background-color: #283046;
    border-color: #3b4253;
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.24)
}

.dark-layout .todo-item.gu-mirror.completed .todo-title {
    color: #676d7d
}

.dark-layout .ecommerce-application .ecommerce-card .btn-light {
    background-color: #161d31!important;
    border-color: transparent;
    color: #fff
}

.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .search-results,.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,.dark-layout .ecommerce-application .content-body .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg,.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .search-results,.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler i,.dark-layout .ecommerce-application .content-right .ecommerce-header-items .result-toggler .shop-sidebar-toggler svg {
    color: #d0d2d6
}

.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .card-body,.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .card-body,.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .card-body,.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .card-body {
    border-color: #3b4253
}

.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .wishlist span,.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .wishlist span,.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .wishlist span,.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .wishlist span {
    color: #5e5873
}

.dark-layout .ecommerce-application .content-body .grid-view .ecommerce-card .item-options .cart span,.dark-layout .ecommerce-application .content-body .list-view .ecommerce-card .item-options .cart span,.dark-layout .ecommerce-application .content-right .grid-view .ecommerce-card .item-options .cart span,.dark-layout .ecommerce-application .content-right .list-view .ecommerce-card .item-options .cart span {
    color: #fff
}

.dark-layout .ecommerce-application .grid-view .item-name a,.dark-layout .ecommerce-application .grid-view .item-price {
    color: #b4b7bd
}

.dark-layout .ecommerce-application .wishlist-items .ecommerce-card .move-cart .move-to-cart {
    color: #fff
}

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input {
    color: #b4b7bd
}

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::-moz-placeholder {
    color: #b4b7bd
}

.dark-layout .ecommerce-application .product-checkout .checkout-options .coupons input::placeholder {
    color: #b4b7bd
}

.dark-layout .ecommerce-application .app-ecommerce-details .item-features,.dark-layout .ecommerce-application .app-ecommerce-details .swiper-responsive-breakpoints.swiper-container .swiper-slide {
    background-color: #161d31
}

.dark-layout .file-manager-application .sidebar-file-manager {
    background-color: #283046!important
}

.dark-layout .file-manager-application .sidebar-file-manager .jstree .jstree-container-ul .jstree-anchor {
    color: #b4b7bd
}

.dark-layout .file-manager-application .sidebar-file-manager .storage-status i,.dark-layout .file-manager-application .sidebar-file-manager .storage-status svg {
    color: #b4b7bd!important
}

.dark-layout .file-manager-application .sidebar-file-manager .file-manager-title {
    color: #d0d2d6
}

.dark-layout .file-manager-application .content-area-wrapper,.dark-layout .file-manager-application .file-manager-main-content,.dark-layout .file-manager-application .sidebar-file-manager.show {
    border: 1px solid #3b4253!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar {
    background-color: transparent!important;
    border-bottom: 1px solid #3b4253!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-app-searchbar .file-manager-toggler {
    color: #b4b7bd!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body,.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header {
    background-color: #283046!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-header {
    border-color: #3b4253!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .drives .card {
    background-color: #283046
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper {
    background-color: #161d31!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container .file-manager-item:not(.selected) {
    border-color: #3b4253!important
}

.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-accessed,.dark-layout .file-manager-application .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-size {
    color: #676d7d!important
}

.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-link,.dark-layout .file-manager-application #app-file-manager-info-sidebar .tab-content .tab-pane {
    background-color: transparent
}

.dark-layout .file-manager-application #app-file-manager-info-sidebar .nav-tabs .nav-item:not(.active) .nav-link {
    color: #b4b7bd
}

.dark-layout .app-calendar .app-calendar-sidebar {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .app-calendar .app-calendar-sidebar .input-filter~label,.dark-layout .app-calendar .app-calendar-sidebar .select-all~label,.dark-layout .app-calendar .app-calendar-sidebar .sidebar-content-title {
    color: #d0d2d6
}

.dark-layout .app-calendar .fc .fc-day-today {
    background: #161d31!important;
    background-color: #161d31!important
}

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-col-header-cell,.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-daygrid-day,.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-timegrid-axis {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today {
    background-color: rgba(186,191,199,.12)!important
}

.dark-layout .app-calendar .fc .fc-timegrid .fc-scrollgrid-section .fc-day-today.fc-col-header-cell {
    background-color: #283046!important
}

.dark-layout .app-calendar .fc .fc-popover {
    background: #283046;
    border-color: #3b4253
}

.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-close,.dark-layout .app-calendar .fc .fc-popover-header .fc-popover-title {
    color: #b4b7bd
}

.dark-layout .app-calendar .fc .fc-list,.dark-layout .app-calendar .fc .fc-scrollgrid,.dark-layout .app-calendar .fc tbody td,.dark-layout .app-calendar .fc th,.dark-layout .app-calendar .fc thead th {
    border-color: #3b4253
}

.dark-layout .app-calendar .fc .fc-list .fc-list-day-cushion,.dark-layout .app-calendar .fc th .fc-list-day-cushion {
    background: #161d31
}

.dark-layout .app-calendar .fc .fc-list .fc-list-event:hover td,.dark-layout .app-calendar .fc th .fc-list-event:hover td {
    background-color: #161d31
}

.dark-layout .app-calendar .fc .fc-list .fc-list-event-time,.dark-layout .app-calendar .fc th .fc-list-event-time {
    color: #b4b7bd
}

.dark-layout .app-calendar .fc .fc-list .fc-list-event td,.dark-layout .app-calendar .fc th .fc-list-event td {
    border-color: #3b4253
}

.dark-layout .app-calendar .fc-timegrid-event-harness-inset .fc-timegrid-event,.dark-layout .app-calendar .fc-timegrid-event.fc-event-mirror,.dark-layout .app-calendar .fc-timegrid-more-link {
    box-shadow: 0 0 0 1px #3b4253
}

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-list-dataTable-header {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table {
    background-color: #283046
}

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table tbody .selected-row-bg {
    background-color: #3b4253
}

.dark-layout .invoice-list-wrapper .dataTables_wrapper .invoice-data-table td {
    background-color: inherit
}

.dark-layout .invoice-add .invoice-preview-card .invoice-product-details,.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details {
    background-color: #161d31
}

.dark-layout .invoice-add .invoice-preview-card .invoice-product-details .product-details-border,.dark-layout .invoice-edit .invoice-preview-card .invoice-product-details .product-details-border {
    background-color: #283046;
    border-color: #3b4253
}

.dark-layout .invoice-print .form-control {
    background-color: #283046
}

.dark-layout .app-user-view .plan-card {
    border-color: #7367f0!important
}

.dark-layout .customizer {
    background-color: #283046
}

.dark-layout .customizer .customizer-close i,.dark-layout .customizer .customizer-close svg {
    color: #b4b7bd
}

.dark-layout .footer-fixed .footer {
    background-color: #283046
}

.dark-layout .horizontal-layout.navbar-sticky .horizontal-menu-wrapper .navbar-horizontal.header-navbar.fixed-top {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.75)!important
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper {
    background: linear-gradient(180deg,rgba(37,43,71,.76) 44%,rgba(56,53,53,.46) 73%,hsla(0,0%,100%,0))!important
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar {
    background: #283046!important
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-shadow {
    box-shadow: 0 4px 24px 0 rgba(34,41,47,.75)
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal ul#main-menu-navigation>li:hover:not(.active)>a {
    background: #161d31
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .active .nav-link.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal.navbar-dark {
    background: #283046!important
}

.dark-layout .horizontal-layout .horizontal-menu-wrapper .header-navbar.navbar-horizontal .nav-link.dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-submenu.show {
    background-color: #283046!important;
    color: #b4b7bd
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu a:hover {
    color: #d0d2d6!important
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .disabled a {
    color: #676d7d
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-item {
    color: #d0d2d6
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b4b7bd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:active:after,.dark-layout .horizontal-layout .main-menu-content .navbar-nav .dropdown-menu .dropdown-toggle:hover:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav>li.active>a>i,.dark-layout .horizontal-layout .main-menu-content .navbar-nav>li.active>a>svg {
    color: #fff!important
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav>li.active .dropdown-menu li.active>a {
    background: #161d31!important;
    color: #b4b7bd
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav>li.active .dropdown-menu li.active>a:hover {
    color: #7367f0!important
}

.dark-layout .horizontal-layout .main-menu-content .navbar-nav>li.active .dropdown-menu li.open.active>a {
    color: #b4b7bd!important
}

.bordered-layout .header-navbar {
    border: 1px solid #ebe9f1;
    box-shadow: none
}

.bordered-layout .header-navbar.floating-nav {
    border: 1px solid #ebe9f1
}

.bordered-layout .header-navbar.fixed-top {
    background: #f8f8f8;
    border-bottom: 1px solid #ebe9f1;
    box-shadow: none!important
}

.bordered-layout .main-menu {
    border-right: 1px solid #ebe9f1;
    box-shadow: none
}

.bordered-layout .main-menu.menu-light .navigation>li.open:not(.menu-item-closing)>a,.bordered-layout .main-menu.menu-light .navigation>li.sidebar-group-active>a {
    background: #ededed
}

.bordered-layout .dropdown-menu {
    border: 1px solid #ebe9f1!important;
    box-shadow: none
}

.bordered-layout .main-menu,.bordered-layout .main-menu .navigation {
    background: #f8f8f8
}

.bordered-layout .bs-stepper.wizard-modern .bs-stepper-content,.bordered-layout .bs-stepper:not(.wizard-modern):not(.checkout-tab-steps),.bordered-layout .card {
    border: 1px solid #ebe9f1;
    box-shadow: none
}

.bordered-layout .footer {
    box-shadow: none!important
}

.bordered-layout .footer-fixed .footer {
    border-top: 1px solid #ebe9f1
}

.semi-dark-layout .main-menu {
    background-color: #283046
}

.semi-dark-layout .main-menu .shadow-bottom {
    background: linear-gradient(180deg,#283046 44%,rgba(40,48,70,.51) 73%,rgba(40,48,70,0))
}

.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active>a {
    background-color: #161d31!important
}

.semi-dark-layout .main-menu-content .navigation-main {
    background-color: #283046
}

.semi-dark-layout .main-menu-content .navigation-main .navigation-header {
    color: #676d7d
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
    color: #b4b7bd
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active)>a {
    background-color: #161d31
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item a,.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after {
    color: #b4b7bd!important
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
    background-color: #283046
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    color: #fff
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
    background-color: #283046
}

.semi-dark-layout .main-menu-content .navigation-main .active>a {
    color: #fff!important
}

.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,.semi-dark-layout .main-menu-content .navigation-main .active i {
    color: #fff
}

.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
    border-radius: 4px
}

.semi-dark-layout .main-menu-content .navigation-main .menu-content {
    background-color: #283046
}

.semi-dark-layout .main-menu-content .navigation-main .menu-content .active {
    z-index: 1
}

.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a {
    background-color: transparent
}

.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active>a {
    background: #161d31!important;
    color: #fff!important
}

form span.error {
    font-size: .857rem;
    width: 100%
}

form .error:not(input) {
    color: #ea5455
}

form .select2.error+.select2-container--classic .select2-selection--multiple,form .select2.error+.select2-container--classic .select2-selection--single,form .select2.error+.select2-container--default .select2-selection--multiple,form .select2.error+.select2-container--default .select2-selection--single,form input.error,form input.error:focus,form textarea.error {
    border-color: #ea5455!important
}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] {
    background-position: right 1rem center,center right 2.5rem
}

.flatpickr-calendar .flatpickr-day {
    color: #6e6b7b;
    height: 44px;
    line-height: 44px;
    max-width: 44px
}

.flatpickr-calendar .flatpickr-day.today {
    border-color: #2e4ce5
}

.flatpickr-calendar .flatpickr-day.today:hover {
    background: transparent;
    color: #2e4ce5
}

.flatpickr-calendar .flatpickr-day.selected,.flatpickr-calendar .flatpickr-day.selected:hover {
    background: #2e4ce5;
    border-color: #2e4ce5;
    color: #fff
}

.flatpickr-calendar .flatpickr-day.inRange,.flatpickr-calendar .flatpickr-day.inRange:hover {
    background: #2e4ce514;
    border: 0;
    box-shadow: none;
    color: #2e4ce5
}

.flatpickr-calendar .flatpickr-day.endRange,.flatpickr-calendar .flatpickr-day.endRange:hover,.flatpickr-calendar .flatpickr-day.startRange,.flatpickr-calendar .flatpickr-day.startRange:hover {
    background: #2e4ce5;
    border-color: #2e4ce5;
    color: #fff
}

.flatpickr-calendar .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-calendar .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-calendar .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #2e4ce5
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled,.flatpickr-calendar .flatpickr-day.nextMonthDay,.flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #dae1e7
}

.flatpickr-calendar .flatpickr-day:hover {
    background: #f6f6f6
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
    display: none
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    top: -5px
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover i,.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover i,.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg {
    fill: #2e4ce5
}

.flatpickr-calendar .flatpickr-current-month span.cur-month {
    font-weight: 300
}

.flatpickr-time {
    height: 2.714rem
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
    background: #fff
}

.dark-layout .flatpickr-calendar {
    background: #161d31;
    border-color: #161d31;
    box-shadow: none
}

.dark-layout .flatpickr-calendar .flatpickr-months i,.dark-layout .flatpickr-calendar .flatpickr-months svg {
    fill: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-month {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-weekwrapper .flatpickr-weeks {
    box-shadow: 1px 0 0 #3b4253
}

.dark-layout .flatpickr-calendar .flatpickr-day,.dark-layout .flatpickr-calendar .flatpickr-day.today:hover,.dark-layout .flatpickr-calendar .flatpickr-weekday {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-day.selected {
    color: #fff
}

.dark-layout .flatpickr-calendar .flatpickr-day.flatpickr-disabled,.dark-layout .flatpickr-calendar .flatpickr-day.nextMonthDay,.dark-layout .flatpickr-calendar .flatpickr-day.prevMonthDay {
    color: #4e5154!important
}

.dark-layout .flatpickr-calendar .flatpickr-day.inRange,.dark-layout .flatpickr-calendar .flatpickr-day.inRange:hover {
    background: #283046;
    border-color: #283046;
    box-shadow: -5px 0 0 #283046,5px 0 0 #283046
}

.dark-layout .flatpickr-calendar .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    border-color: #283046;
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-days .flatpickr-day:hover:not(.selected):not(.today):not(.startRange):not(.endRange) {
    background: #283046
}

.dark-layout .flatpickr-calendar .flatpickr-time {
    border-color: #161d31!important
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm,.dark-layout .flatpickr-calendar .flatpickr-time .numInput {
    color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover,.dark-layout .flatpickr-calendar .flatpickr-time .numInput:hover {
    background: #161d31
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowUp:after {
    border-bottom-color: #b4b7bd
}

.dark-layout .flatpickr-calendar .flatpickr-time .arrowDown:after {
    border-top-color: #b4b7bd
}

.dark-layout .flatpickr-time .flatpickr-am-pm:focus,.dark-layout .flatpickr-time .flatpickr-am-pm:hover,.dark-layout .flatpickr-time input:focus,.dark-layout .flatpickr-time input:hover {
    background: #161d31
}

.flatpickr-human-friendly[readonly],.flatpickr-input[readonly],.flatpickr-input~.form-control[readonly] {
    background-color: inherit;
    opacity: 1!important
}

.flatpickr-weekdays {
    margin-top: 8px
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    -webkit-appearance: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months,.flatpickr-current-month .numInputWrapper {
    border-radius: 4px;
    font-size: 1.1rem;
    padding: 2px;
    transition: all .15s ease-out
}

.flatpickr-current-month .flatpickr-monthDropdown-months span,.flatpickr-current-month .numInputWrapper span {
    display: none
}

.vertical-layout.vertical-menu-modern .main-menu {
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: .4s cubic-bezier(.25,.8,.25,1),background 0s
}

.vertical-layout.vertical-menu-modern .main-menu .navigation li a {
    align-items: center
}

.vertical-layout.vertical-menu-modern .main-menu .navigation>li>a i,.vertical-layout.vertical-menu-modern .main-menu .navigation>li>a svg {
    flex-shrink: 0;
    font-size: 1.45rem;
    height: 20px;
    margin-right: 1.1rem;
    width: 20px
}

.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a i,.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content>li>a svg {
    font-size: 11px;
    height: 11px;
    margin-right: 1.45rem;
    width: 11px
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu {
    width: 260px
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation .navigation-header .feather-more-horizontal {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation>li>a>i:before,.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation>li>a>svg:before {
    font-size: 1.45rem;
    height: 20px;
    width: 20px
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub>a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1.1rem;
    content: "";
    display: inline-block;
    height: 1.1rem;
    position: absolute;
    right: 20px;
    top: 14px;
    transform: rotate(0deg);
    transition: all .2s ease-out;
    width: 1.1rem
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation li.has-sub.open:not(.menu-item-closing)>a:after {
    transform: rotate(90deg)
}

.vertical-layout.vertical-menu-modern.menu-expanded .footer {
    margin-left: 260px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header {
    float: left;
    width: 80px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header .modern-nav-toggle {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded {
    width: 260px;
    z-index: 1000
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar .navbar-header.expanded .modern-nav-toggle {
    display: block
}

.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.fixed-top,.vertical-layout.vertical-menu-modern.menu-collapsed .navbar.floating-nav {
    left: 80px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
    width: 80px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .modern-nav-toggle,.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navbar-header .brand-text {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header {
    margin-left: 2.2rem
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header span {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation-header .feather-more-horizontal {
    display: block;
    font-size: 1.285rem;
    height: 18px;
    width: 18px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li:last-child {
    margin-bottom: 1.25rem!important
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navigation li.active a {
    background: #f5f5f5;
    box-shadow: none;
    color: #565656
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded {
    width: 260px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li.navigation-header span {
    display: block
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation>li.navigation-header .feather-more-horizontal {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub>a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem;
    content: "";
    display: inline-block;
    height: 1rem;
    position: absolute;
    right: 20px;
    top: 14px;
    transform: rotate(0deg);
    transition: all .2s ease-out;
    width: 1rem
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation li.has-sub.open:not(.menu-item-closing)>a:after {
    transform: rotate(90deg)
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header .brand-text {
    display: inline
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .modern-nav-toggle {
    display: block
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation {
    overflow: visible
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation>li.navigation-header span {
    display: none
}

.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu .navigation>li>a {
    text-overflow: inherit
}

.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
    margin-left: 80px
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav {
    width: calc(100% - 4.4rem - 74px)
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.navbar-static-top {
    left: 74px;
    width: calc(100% - 74px)
}

.vertical-layout.vertical-menu-modern .collapse-toggle-icon,.vertical-layout.vertical-menu-modern .toggle-icon {
    margin-right: .425rem
}

.vertical-layout.vertical-menu-modern .collapse-toggle-icon:focus,.vertical-layout.vertical-menu-modern .toggle-icon:focus {
    outline: none
}

@media (min-width: 992px) {
    .vertical-layout.vertical-menu-modern .main-menu {
        width:260px
    }
}

@media (max-width: 1199.98px) {
    .vertical-layout.vertical-menu-modern .main-menu,.vertical-layout.vertical-menu-modern .navbar .navbar-header {
        width:0
    }

    .vertical-layout.vertical-menu-modern .content,.vertical-layout.vertical-menu-modern .footer,.vertical-layout.vertical-menu-modern.menu-collapsed .app-content,.vertical-layout.vertical-menu-modern.menu-collapsed .footer {
        margin-left: 0
    }

    .vertical-layout.vertical-menu-modern.menu-collapsed .main-menu {
        width: 0
    }
}

@media (max-width: 767.98px) {
    .vertical-layout.vertical-menu-modern .main-menu,.vertical-layout.vertical-menu-modern .navbar .navbar-header {
        width:0
    }

    .vertical-layout.vertical-menu-modern .content,.vertical-layout.vertical-menu-modern .footer {
        margin-left: 0
    }
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeout {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active) {
    .vertical-menu-modern.vertical-layout .main-menu .navigation>li>a>span {
        animation: none
    }
}

.vertical-overlay-menu .content {
    margin-left: 0
}

.vertical-overlay-menu .navbar .navbar-header {
    float: left;
    width: 260px
}

.vertical-overlay-menu .main-menu,.vertical-overlay-menu.menu-hide .main-menu {
    left: -260px;
    opacity: 0;
    transform: translateZ(0);
    transition: width .25s,opacity .25s,transform .25s;
    width: 260px
}

.vertical-overlay-menu .main-menu .navigation>li>a>i,.vertical-overlay-menu .main-menu .navigation>li>a>svg {
    float: left;
    height: 20px;
    margin-right: 14px;
    transition: all .2s ease;
    width: 20px
}

.vertical-overlay-menu .main-menu .navigation>li>a>i:before,.vertical-overlay-menu .main-menu .navigation>li>a>svg:before {
    font-size: 1.429rem;
    transition: all .2s ease
}

.vertical-overlay-menu .main-menu .navigation li.has-sub>a:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6b7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem;
    content: "";
    display: inline-block;
    height: 1rem;
    position: absolute;
    right: 20px;
    top: 14px;
    transform: rotate(0deg);
    transition: all .2s ease-out;
    width: 1rem
}

.vertical-overlay-menu .main-menu .navigation li.has-sub.open:not(.menu-item-closing)>a:after {
    transform: rotate(90deg)
}

.vertical-overlay-menu .main-menu .navigation .navigation-header .feather-more-horizontal {
    display: none
}

.vertical-overlay-menu.menu-open .main-menu {
    opacity: 1;
    transform: translate3d(260px,0,0);
    transition: width .25s,opacity .25s,transform .25s
}

.misc-wrapper {
    align-items: center;
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    min-height: 100vh;
    width: 100%
}

.misc-wrapper .misc-inner {
    max-width: 750px;
    position: relative
}

.misc-wrapper .brand-logo {
    display: flex;
    justify-content: center;
    left: 2rem;
    margin: 0;
    position: absolute;
    top: 2rem
}

.misc-wrapper .brand-logo .brand-text {
    font-weight: 600
}

@media (max-height: 625px) {
    .misc-wrapper .misc-inner {
        margin-top:4rem
    }
}

.auth-wrapper {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh)*100);
    width: 100%
}

.auth-wrapper .auth-inner {
    width: 100%
}

.auth-wrapper.auth-basic {
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.auth-wrapper.auth-basic .auth-inner {
    position: relative
}

.auth-wrapper.auth-basic .auth-inner:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPQAAADzCAMAAACG9Mt0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAA9KADAAQAAAABAAAA8wAAAADhQHfUAAAAyVBMVEUAAAD///+AgP+AgP9mZv+AgNWAgP9tbf9gYP+AgP9xcf9mZv+AZuaAgP9dXf90dOhiYv92dv9mZu5mZv93d+53d/9paf94afCAcfFrXvJra/9mZvJzZvJzc/JoaP96b/Rqav91aupsYvV2bOt2bPVxaPZ7cfZqavZyau1waPd4aO9xafBxafh4afB1bfh4avFuZ/F2afJzZvJzZ/N0aPN0bvN3bPR0ae5yZ/R3be93bfR1au9zafBxbPVzavV0a/F0a/ZyafFwaPKZm3nTAAAAQ3RSTlMAAQIEBQYGBwgICQoKCgsLDQ0PDw8PERESExMUFBQWFxgYGhoaGxsdHSAgIiIiIyQlJygqLCwtLi8vLzAzNDU3Nzg7h9vbHgAAA9RJREFUeNrt3ftS2kAUx/Fc1gSyWsErtuJdRDQiiteolb7/QzUoTm07k4AzObuu3/MCez45yWbzT36eZ6b8erO1e1B97baadd+zocJWmg0HaXe/+uqmg2GWtkLT5Lle1m9LdhG2+1lvzuiUO1knEF81yFc1N+35m15kZOGodz1vyLx+v2Lseq/erxtZd/NuweCTtfiwaWLOD5FnsqI7+VnP3y8afnEs3Es/1+H1qvETwuq18B7e6VlwLup1ZM8kWWQBOsrmHL7GVtxvYRZYgQ4ywae61ffsqH5Lbq20bQm6ncp9P2ehJegwE/u+rl95ttSwLrVSc2ANetAU28dSa9Cp2E623bUG3d2VWmn/wBq0XCugQYMGLdVKoOJaoiuok1NdXSW1WAUfRPtRUllflaJf5ZE/O9pXVbZUPTov5c+IDqvtRwStdTgLutoxy6GnGfYb2o+1I2gd+1OiqzfLocvVE7TSDqG1mgodaqfQZbvZC9rXjqG1X45WzqFVKVpk0LLo4lGP0ZGD6KgMnTiITkrQgXYQrYNitHISrYrRsZPouBhdcxJdK0YnTqKTYrR2Eq1BgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRoh9DH59ag86ACoSYOL61B55EUQk1s3VqDzsNHhJpYe7QGncfMSHUxaliCHgcKSXVxeWQJehwdJdXF4dAS9DgkTKqLxuibFeiXODixNi7OrEC/BP+JtbE0WrYA/RrxKNfH2YUF6NegSbk+Gk87xtErN6EsWm88fzeMXpwE9EruLns/l42io4dJFLPo2/Po1w+D6IW7t9Bt2SPx3vOOMfS7eHVZtN54ulg2go56138Ct4XRunE2Ovsmjg46WeddUoUWr6WL0fCoIYgO2/2s91fstDZQjcPL0ePt5flpdXUwqW46uMrS1j95JNpQrW0dHp9UV/uT2m416/8HVGg3qzhpBjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KBBgwYNGjRo0KC/FDpx0pwUo2tOomvF6NhJdFyMVk6iVTE6cBIdeF9vJyvZx/I/AzuIjsrQvoNovwzt4FamSs0Ojrp80PmvoB0zh940pb7azf1yg7t0LIt978uppzbnalfucDW92ZndLPRmKweGPduYJ+zoM5/Dk+gD5NdvLhXXPp88qcUqmEH5G5JZRs6cuxwIAAAAAElFTkSuQmCC");
    content: " ";
    height: 243px;
    left: -46px;
    position: absolute;
    top: -54px;
    width: 244px
}

@media (max-width: 575.98px) {
    .auth-wrapper.auth-basic .auth-inner:before {
        display:none
    }
}

.auth-wrapper.auth-basic .auth-inner:after {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAAEQCAMAAABP1NsnAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAABEKADAAQAAAABAAABEAAAAAAQWxS2AAAAwFBMVEUAAAD///+AgICAgP9VVaqqVf+qqv+AgL+AgP9mZsxmZv+ZZv+AgNWAgP9tbdttbf+Sbf+AYN+AgN+AgP9xceNmZv+AZuaAZv90dOh0dP9qav+AauqAav+AgP92dv9tbf+Abe2Abf93Zu53d+6AcO94afCAcfF5a+R5a/JzZuaAZvKAc/J5bed5bfOAaPN6b/R1auqAavR6ZvV6cPV2bOuAbPV7aPZ2be2AbfZ7au17avZ3Zu53b+57a+97a/d4aO9J6CoeAAAAQHRSTlMAAQICAwMDBAQFBQUGBgcHBwgICAkKCgoLCwwMDAwNDg4ODw8QERITExQUFBUVFhcYGBkZGhobHBwdHR4eHx8gJ5uMWwAAA/FJREFUeNrt2G1XEkEYxvHZNk2xHGzdbKFl0cTwgdSkCKzu7/+t4pw6sAjtjIueE/f8r3fMO35nZnbuy5gVGcvfzJe0rnTfGI+MggGJRUZnbpPIhJKt88nU53JnFULvyISY6KAv8vPj0vr2rYwiE2Z2B9J+uNYcyyQxwWZvaeGH3G4bMjsvI/kcwTC/V+7kLoahlITzQojP3ZFgsJCh7IJQzpX0QFj4uMiY18eDMZ9bZCF9OQahnK6cm/Y7js0sh/LF3Auv1PlQd3MxbdXYIQspV44EEEAAAWTNDAYYkKdJbNMsLzYueZbaZ2iM46RVbHBaiZ9Js+nHEdli42N9XuSen5hGp1CQTuOJQDRsD99N4gMSpYWapNH6IJo83CIeILZQFesEaber79NCWRoukOpNEnW0gXQqD81w6ACxhbrYde7VuFCYeA2QRCNIsgZISyNIqz6IyhPjOjNVIFYniK3dmKU6QdLaJUimEySrDZLrBMlrgxRKU7sxCw/EMe0CAggggADySJCqxixIkKpNEh6IozELD8RxjQACCCCAAPJIkKrGLEgQXqqAAEJjxrQLCCCAAEJjRmNGY8a0CwgggABCYwYIfQgggNCYMe0CAggggNCY0ZjRmDHtAgIIIIAAQmNGHwIIIDRmTLuAAAIIIDRmNGY0Zky7gAACCCCA0JjRhwACCI0Z0y4ggAACCI0ZjRmNGdMuIIAAAgggNGb0IYAAQmPGtAsIIIAAQmNGY0ZjxrQLCCCAAAIIjRl9CCCA0Jgx7QICCCCA0JjRmNGYMe0CAggggABCY0YfAgggNGZMu4AAAgggNGY0ZjRmTLuAAAIIIIDQmNGHAAIIjRnTLiCAAAIIjRmNGY0ZIEy7gAACCCA0ZvQhgABCY8a0CwgggABCY0ZjBgiNGdMuIIAAAgiN2f/Sh+Q6PfLaIJlOkKw2SKoTJK3dmFmdILb2tBvrBIlrg5iWRo+WqQ+SaARJ1gCJAzsxThCN16p1vNurGjNjoo42j07kAHFskoY2kEbl33U0ZgoPjXW+Rl0gkarnahqtDaJKxMPDDWIiNafGenh4gExvVhXfmk7Da6L1AVGxSby2h6MxK79Zk42ea1pJbJ48sU2zDezQ8iy1z6BBwoyjMQsvXp8YQAAhgADilRfyy+wf8WqZZUfGZihvgZiB3FybC+kCUU5XLkAo50C+gbBQdUzkAIVyejIAYfFTI1solHP2HgNCnHn5AYNy4jvpoVB6fVzL91cwzLJ9Lfd7S0jhehxO5H5/yePr1W6gHonI7fJ5ORSR/n6Q2yQanq763zuXU5LJZRKiyD/W9/pjkdPZz0/yJ8fqVyry+qQZDMjJKoDfy8bRVhHhQTwAAAAASUVORK5CYII=");
    bottom: -55px;
    content: " ";
    height: 272px;
    position: absolute;
    right: -75px;
    width: 272px;
    z-index: -1
}

@media (max-width: 575.98px) {
    .auth-wrapper.auth-basic .auth-inner:after {
        display:none
    }
}

.auth-wrapper.auth-cover {
    align-items: flex-start
}

.auth-wrapper.auth-cover .auth-inner {
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    overflow-y: auto
}

.auth-wrapper.auth-cover .brand-logo {
    justify-content: unset;
    left: 2rem;
    margin: 0;
    position: absolute;
    top: 2rem;
    z-index: 1
}

.auth-wrapper.auth-basic .auth-inner {
    max-width: 400px
}

.auth-wrapper .brand-logo {
    display: flex;
    justify-content: center;
    margin: 1rem 0 2rem
}

.auth-wrapper .brand-logo .brand-text {
    font-weight: 600
}

.auth-wrapper .auth-footer-btn .btn {
    padding: .6rem!important
}

.auth-wrapper .auth-footer-btn .btn:not(:last-child) {
    margin-right: 1rem
}

.auth-wrapper .auth-footer-btn .btn:focus {
    box-shadow: none
}

.auth-wrapper .pincode-input-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.auth-wrapper .auth-input,.auth-wrapper .pincode-input-text {
    height: 50px;
    margin-bottom: 1rem;
    max-width: 50px;
    padding-left: .571rem;
    padding-right: .571rem;
    text-align: center
}

.auth-wrapper .custom-options-checkable .plan-price .pricing-value {
    font-size: 3rem
}

.auth-wrapper .custom-options-checkable .plan-price sup {
    left: .2rem;
    top: -1.5rem
}

.auth-wrapper .custom-options-checkable .plan-price sub {
    bottom: 0;
    right: .14rem
}

@media (min-width: 1200px) {
    .auth-wrapper.auth-cover .auth-card {
        width:400px
    }
}

@media (max-width: 575.98px) {
    .auth-wrapper.auth-cover .brand-logo {
        left:1.5rem;
        padding-left: 0
    }
}

.auth-wrapper .auth-bg {
    background-color: #fff
}

.auth-wrapper .auth-image-bg {
    background: linear-gradient(0deg,#0e0d12,#0e0d12),#171726
}

.dark-layout .auth-wrapper .auth-bg {
    background-color: #283046
}

@media (max-height: 825px) and (max-width:991.98px) {
    .dark-layout .auth-wrapper .auth-inner {
        background-color:#283046
    }

    .auth-wrapper .auth-bg {
        margin: auto 0;
        padding-top: 3rem
    }

    .auth-wrapper .auth-inner {
        background-color: #fff
    }

    .auth-wrapper.auth-cover .auth-inner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        padding-bottom: 1rem
    }

    .auth-wrapper.auth-cover .brand-logo {
        left: 0;
        padding-left: 1.5rem;
        position: relative
    }
}

.navbar-nav .avatar,.navbar-nav .avatar .avatar-content {
    height: 38px;
    width: 38px
}

.unresizable {
    resize: none
}

.modal.show {
    display: block
}

:root {
    --1-theme-color-primary: #2e4ce5;
    --1-theme-color-secondary: #82868b;
    --1-theme-color-success: #28c76f;
    --1-theme-color-danger: #ea5455;
    --1-theme-color-body-text: #6e6b7b;
    --1-theme-color-white: #fff;
    --1-theme-color-dark: #4b4b4b;
    --1-theme-color-light: #babfc7;
    --1-theme-color-table-header: #f3f2f7;
    --1-theme-color-heading-display-text: #5e5873;
    --2-transparent-color-light: rgba(186,191,199,.12)
}

.table-active,.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: rgba(46,76,229,.12)
}

.btn-link {
    color: #2e4ce5
}

.text-dark {
    color: #4b4b4b!important
}

a,a:hover {
    color: var(--1-theme-color-primary)
}

b {
    font-weight: 700
}

.form-select-inline .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-direction: row
}

.form-select-inline .select2-container--default .select2-selection--multiple .select2-selection__choice {
    display: flex!important;
    flex-direction: row-reverse;
    float: none!important
}

.btn,.form-select-inline .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    line-height: normal
}

.btn {
    align-items: center;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    letter-spacing: .4px;
    padding: 10px 22px;
    text-align: center;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,background 0s,border 0s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.btn,.btn:hover {
    color: var(--1-theme-color-primary)
}

.btn_icon {
    padding: 0
}

.btn_icon .feather {
    height: 18px;
    width: 18px
}

.btn_tooltip {
    padding: 0
}

.btn_tooltip .feather {
    color: #b9b9c3;
    height: 16px;
    width: 16px
}

.btn_primary {
    background: var(--1-theme-color-primary);
    border-color: var(--1-theme-color-primary);
    color: #fff
}

.btn_primary:hover {
    color: #fff
}

.btn_primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-primary)
}

.btn_secondary {
    background: var(--1-theme-color-secondary);
    border-color: var(--1-theme-color-secondary);
    color: #fff
}

.btn_secondary:hover {
    color: #fff
}

.btn_secondary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-secondary)
}

.btn_success {
    background: var(--1-theme-color-success);
    border-color: var(--1-theme-color-success);
    color: #fff
}

.btn_success:hover {
    color: #fff
}

.btn_success:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-success)
}

.btn_danger {
    background: var(--1-theme-color-danger);
    border-color: var(--1-theme-color-danger);
    color: #fff
}

.btn_danger:hover {
    color: #fff
}

.btn_danger:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-danger)
}

.btn_outline-primary {
    border-color: var(--1-theme-color-primary)
}

.btn_outline-primary,.btn_outline-primary:hover {
    color: var(--1-theme-color-primary)
}

.btn_outline-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-primary)
}

.btn_outline-secondary {
    border-color: var(--1-theme-color-secondary)
}

.btn_outline-secondary,.btn_outline-secondary:hover {
    color: var(--1-theme-color-secondary)
}

.btn_outline-secondary:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-secondary)
}

.btn_outline-success {
    border-color: var(--1-theme-color-success)
}

.btn_outline-success,.btn_outline-success:hover {
    color: var(--1-theme-color-success)
}

.btn_outline-success:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-success)
}

.btn_outline-danger {
    border-color: var(--1-theme-color-danger)
}

.btn_outline-danger,.btn_outline-danger:hover {
    color: var(--1-theme-color-danger)
}

.btn_outline-danger:hover:not(.disabled):not(:disabled) {
    box-shadow: 0 8px 25px -8px var(--1-theme-color-danger)
}

.btn_link-primary {
    border-color: transparent;
    color: var(--1-theme-color-primary)
}

.btn_link-primary:hover {
    background-color: rgba(115,103,240,.04);
    color: var(--1-theme-color-primary)
}

.btn_link-primary:hover:not(.disabled):not(:disabled) {
    box-shadow: none
}

.btn_link-secondary {
    border-color: transparent;
    color: var(--1-theme-color-secondary)
}

.btn_link-secondary:hover {
    background-color: rgba(186,191,199,.12);
    color: var(--1-theme-color-secondary)
}

.btn_link-secondary:hover:not(.disabled):not(:disabled) {
    box-shadow: none
}

.btn_link-success {
    border-color: transparent;
    color: var(--1-theme-color-success)
}

.btn_link-success:hover {
    background-color: #66e19d;
    color: var(--1-theme-color-success)
}

.btn_link-success:hover:not(.disabled):not(:disabled) {
    box-shadow: none
}

.btn_link-danger {
    border-color: transparent;
    color: var(--1-theme-color-danger)
}

.btn_link-danger:hover {
    background-color: #f4a4a4;
    color: var(--1-theme-color-danger)
}

.btn_link-danger:hover:not(.disabled):not(:disabled) {
    box-shadow: none
}

.toast-container {
    max-width: 100%;
    pointer-events: none;
    position: fixed;
    right: 2rem;
    top: 1.3rem;
    width: -moz-max-content;
    width: max-content;
    z-index: 9999
}

.toast {
    position: relative
}

.toast .btn-close {
    background: none;
    color: #fff;
    position: absolute;
    right: 8px;
    top: 3px
}

.toast .btn-close .feather {
    height: 16px;
    width: 16px
}

.toast-header {
    display: flex;
    flex-direction: row;
    font-weight: 700;
    gap: 8px
}

.toast-header .feather {
    height: 18px;
    width: 18px
}

.toast.toast-success .toast-header {
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity));
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))
}

.toast.toast-success .toast-body {
    --bs-bg-opacity: 0.12;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity))
}

.toast.toast-error .toast-header {
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))
}

.toast.toast-error .toast-body,.toast.toast-error .toast-header {
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))
}

.toast.toast-error .toast-body {
    --bs-bg-opacity: 0.12
}

.table tfoot th,.table thead th {
    background-color: var(--1-theme-color-table-header);
    color: var(--1-theme-color-heading-display-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: normal;
    min-height: 37px;
    text-transform: uppercase;
    vertical-align: middle
}

.table>:not(caption)>*>* {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 11px 28px
}

.table__header-cell,.table__sort {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

.table__sort {
    background: transparent;
    border: none;
    color: var(--1-theme-color-heading-display-text);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    padding: 0;
    text-transform: uppercase
}

.table__sort:hover,.table__sort_asc {
    color: var(--1-theme-color-primary)
}

.table__sort_asc:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none'%3E%3Cpath d='M3.333 6h6m-7.5 3h9m-6-6h3' stroke='%232E4CE5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    height: 12px;
    width: 12px
}

.table__sort_desc {
    color: var(--1-theme-color-primary)
}

.table__sort_desc:after {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='12' fill='none'%3E%3Cpath d='M3.333 6h6m-7.5-3h9m-6 6h3' stroke='%232E4CE5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
    height: 12px;
    width: 12px
}

.table__skeleton-cell {
    background: linear-gradient(270deg,#f9fafb 18.75%,#e5e7eb 179.69%);
    border-radius: 8px;
    height: 22px;
    width: 100%
}

.table-empty {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 16px;
    justify-content: center;
    padding: 40px 16px
}

.table-empty>.feather {
    color: #5e5873;
    height: 32px;
    width: 32px
}

.table-empty__text {
    align-items: center;
    display: flex;
    flex-flow: column;
    gap: 8px;
    justify-content: center;
    text-align: center
}

.table-empty__text b {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.table-empty__text b,.table-empty__text p {
    display: block;
    font-style: normal;
    margin: 0;
    padding: 0
}

.table-empty__text p {
    color: var(--1-theme-color-body-text,#6e6b7b);
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.table-loader {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px 0
}

.table-loader .spinner-border {
    color: var(--1-theme-color-primary);
    height: 24px;
    width: 24px
}

.modal-title {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.modal-body_centered {
    align-items: center;
    text-align: center
}

.modal-body__icon {
    color: #28c76f;
    flex-shrink: 0;
    height: 40px;
    width: 40px
}

.modal-body__icon_danger {
    color: #ea5455
}

.modal-footer {
    padding: 16px
}

.modal-footer_borderless {
    border-top: 0
}

.modal-footer_centered {
    justify-content: center;
    text-align: center
}

.modal__dl {
    display: grid;
    gap: 12px;
    grid-template-columns: max-content auto
}

.modal__dl dt {
    font-weight: 400;
    grid-column-start: 1;
    line-height: 21px;
    margin: 0
}

.modal__dl dd {
    font-weight: 700;
    grid-column-start: 2;
    line-height: 21px;
    margin: 0;
    text-align: right
}

.input-group {
    flex-wrap: nowrap;
    min-width: 100px
}

.input-group_calendar .form-control,.input-group_copy .form-control {
    border-right: none
}

.input-group_calendar .form-control:disabled,.input-group_calendar .form-control[readonly],.input-group_copy .form-control:disabled,.input-group_copy .form-control[readonly] {
    background-color: inherit
}

.input-group_calendar:focus-within .btn,.input-group_copy:focus-within .btn {
    border-color: var(--1-theme-color-primary)
}

.input-group_calendar .btn,.input-group_copy .btn {
    border-left: none;
    border-color: #d8d6de;
    color: var(--1-theme-color-primary);
    padding-left: 12px;
    padding-right: 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.input-group_calendar .btn:active,.input-group_copy .btn:active {
    border-color: var(--1-theme-color-primary)
}

.input-group_calendar .btn:hover,.input-group_copy .btn:hover {
    color: #283046
}

.input-group_calendar .btn.is-invalid,.input-group_copy .btn.is-invalid {
    border-color: #ea5455
}

.input-group_calendar .btn.is-invalid .feather,.input-group_copy .btn.is-invalid .feather {
    color: #ea5455
}

.form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8d6de' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 1rem center;
    background-repeat: no-repeat;
    background-size: 15px 14px;
    border: 1px solid #d8d6de;
    border-radius: .357rem;
    color: var(--1-theme-color-body-text);
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding: 8px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%
}

.form-select:hover {
    border-color: var(--1-theme-color-primary);
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1);
    outline: 0
}

.alert-has-icon {
    align-items: center;
    display: flex
}

.alert-has-icon .feather {
    margin-left: 1rem;
    min-height: 18px;
    min-width: 18px
}

.alert b {
    font-weight: 700
}

.alert .text-dark,.alert b {
    font-size: 14px;
    font-style: normal;
    line-height: 21px
}

.alert .text-dark {
    font-weight: 400
}

.card {
    background-clip: border-box;
    background-color: #fff;
    border: 1px solid #d8d6de;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    display: flex;
    flex-direction: column;
    min-width: 0;
    position: relative
}

.card__header {
    align-items: center;
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px
}

.card__header:first-child {
    border-radius: 16px 16px 0 0
}

.card__title {
    color: var(--1-theme-color-heading-display-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0
}

.card__subtitle {
    margin-top: 16px;
    width: 100%
}

.card__actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
    position: relative
}

.card__action {
    background-color: transparent;
    border: 1px solid transparent;
    color: #2e4ce5;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: normal;
    padding: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.card__body {
    padding: 16px
}

.card_success .card__header {
    background: linear-gradient(0deg,rgba(40,199,111,.12),rgba(40,199,111,.12)),#fff
}

.card_danger .card__header {
    background: linear-gradient(0deg,rgba(234,84,85,.12),rgba(234,84,85,.12)),#fff
}

.card>.card__table {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow-x: auto
}

.card__footer {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 16px
}

.card__footer:last-child {
    border-radius: 0 0 16px 16px
}

.dashboard {
    display: flex;
    flex-direction: row;
    min-height: 100vh
}

.dashboard__overlay {
    background-color: rgba(0,0,0,.2);
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease;
    visibility: hidden;
    z-index: 997
}

@media screen and (max-width: 1279px) {
    .dashboard__overlay {
        left:-280px;
        opacity: 0;
        transform: translateZ(0);
        transition: width .25s,opacity .25s,transform .25s
    }

    body.dashboard-menu-open .dashboard__overlay {
        opacity: 1;
        transition: all .5s ease;
        visibility: visible
    }
}

.dashboard-header {
    align-items: center;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    display: flex;
    flex-direction: row;
    gap: 16px;
    height: 54px;
    max-width: 1320px;
    padding: 8px 20px;
    width: 100%
}

@media screen and (max-width: 1279px) {
    .dashboard-header {
        max-width:none
    }
}

.dashboard-header__menu-toggle {
    background: none;
    border: 0;
    display: none;
    margin: 0;
    padding: 5px
}

@media screen and (max-width: 1279px) {
    .dashboard-header__menu-toggle {
        display:block
    }
}

.dashboard-header__menu-toggle .feather {
    color: #6e6b7b;
    height: 20px;
    width: 20px
}

.dashboard-header__logo {
    cursor: pointer;
    display: block;
    text-decoration: none
}

@media screen and (max-width: 479px) {
    .dashboard-header__logo {
        display:none
    }
}

.dashboard-header__user {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 14px;
    justify-content: flex-end
}

.dashboard-header__user-notification>a>.feather {
    color: #6e6b7b;
    height: 20px;
    width: 20px
}

.dashboard-header__user-email {
    color: #4b4b4b;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.dashboard__content {
    align-items: center;
    background: #f8f8f8;
    border-radius: 32px;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 40px;
    margin: 24px 24px 24px 280px;
    overflow: overlay;
    overflow-x: hidden;
    padding: 24px 60px 56px
}

@media screen and (max-width: 1279px) {
    .dashboard__content {
        margin-left:24px;
        padding: 24px 32px 56px
    }
}

@media screen and (max-width: 1023px) {
    .dashboard__content {
        margin:16px;
        padding: 24px 24px 48px
    }
}

@media screen and (max-width: 767px) {
    .dashboard__content {
        border-radius:24px;
        gap: 25px
    }
}

@media screen and (max-width: 479px) {
    .dashboard__content {
        gap:32px;
        margin: 12px;
        padding: 16px 12px 32px
    }
}

.dashboard__main {
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-width: 1320px;
    width: 100%
}

@media screen and (max-width: 1279px) {
    .dashboard__main {
        max-width:none
    }
}

@media screen and (max-width: 767px) {
    .dashboard__main {
        gap:25px
    }
}

@media screen and (max-width: 479px) {
    .dashboard__main {
        gap:32px
    }
}

.dashboard-menu {
    background: #283046;
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    margin: 0;
    min-height: 100vh;
    min-width: 280px;
    position: fixed;
    top: 0;
    transition: width .25s,opacity .25s,transform .25s;
    z-index: 999
}

@media screen and (max-width: 1279px) {
    .dashboard-menu {
        left:-280px;
        opacity: 0;
        transform: translateZ(0);
        transition: width .25s,opacity .25s,transform .25s
    }

    body.dashboard-menu-open .dashboard-menu {
        display: flex;
        opacity: 1;
        transform: translate3d(280px,0,0)
    }
}

.dashboard-menu__header {
    align-items: center;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    padding: 24px 24px 0
}

@media screen and (max-width: 1279px) {
    .dashboard-menu__header {
        display:flex
    }
}

.dashboard-menu__header-close {
    background: none;
    border: 0;
    display: block;
    margin: 0;
    padding: 0
}

.dashboard-menu__header-close .feather {
    color: #b4b7bd;
    height: 24px;
    width: 24px
}

.dashboard-menu__nav {
    flex: 1;
    overflow-y: auto
}

.dashboard-menu__nav-list {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 32px 16px
}

@media screen and (max-width: 1279px) {
    .dashboard-menu__nav-list {
        padding:24px
    }
}

.dashboard-menu__nav-item_active .dashboard-menu__nav-link,.dashboard-menu__nav-item_open .dashboard-menu__nav-link {
    background: linear-gradient(45deg,#2e4ce5,#4564ff);
    border-radius: 8px;
    color: #fff
}

.dashboard-menu__nav-link {
    align-items: center;
    color: #b4b7bd;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 24px;
    padding: 8px 12px;
    transition: transform .25s ease,color .25s ease
}

.dashboard-menu__nav-link:focus,.dashboard-menu__nav-link:hover {
    color: #fff;
    transform: translateX(5px)
}

.dashboard-menu__nav-link .feather {
    height: 18px;
    width: 18px
}

.dashboard-menu__language {
    border-top: 1px solid #404c6d;
    margin: 32px 16px 24px;
    padding-top: 32px
}

@media screen and (max-width: 1279px) {
    .dashboard-menu__language {
        margin-left:24px;
        margin-right: 24px
    }
}

.dashboard-menu__language>a {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 21px;
    padding: 0 12px
}

.dashboard-menu__language>a .feather {
    color: #fff;
    height: 18px;
    width: 18px
}

.dashboard-menu__footer {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin: 16px;
    padding: 0 12px
}

@media screen and (max-width: 1279px) {
    .dashboard-menu__footer {
        margin-left:24px;
        margin-right: 24px
    }
}

.dashboard .content-header {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.dashboard .content-header__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.dashboard .content-header__btn-back {
    align-items: center;
    border: 1px solid var(--primary-color-primary-800-main,#2e4ce5);
    border-radius: 4px;
    display: flex;
    gap: 4px;
    height: 32px;
    justify-content: center;
    padding: 4px 12px 4px 8px
}

.dashboard .content-header__actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

.dashboard .content-header__title {
    color: #5e5873;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.dashboard .content-header__subtitle {
    color: #98a2b3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

@media screen and (max-width: 767px) {
    .dashboard .content-header__subtitle {
        font-size:14px
    }
}

.dashboard .content-header__nav {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    display: flex;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    padding: 4px;
    width: -moz-max-content;
    width: max-content
}

.dashboard .content-header__nav-item {
    text-wrap: nowrap;
    align-items: flex-start;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #5e5873;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    letter-spacing: .4px;
    line-height: normal;
    padding: 12px 16px;
    text-align: center
}

.dashboard .content-header__nav-item:hover {
    color: var(--1-theme-color-primary)
}

.dashboard .content-header__nav-item_active {
    background-color: var(--1-theme-color-primary);
    color: #fff
}

.dashboard .content-header__nav-item_active:hover {
    color: #fff
}

.dashboard h1 {
    color: #5e5873;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

@media screen and (max-width: 1023px) {
    .dashboard h1 {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .dashboard h1 {
        font-size:20px
    }
}

.dashboard h2 {
    color: #5e5873;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.table-pagination {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding: 24px 16px 16px
}

@media screen and (max-width: 767px) {
    .table-pagination {
        align-items:flex-start;
        flex-direction: column
    }
}

@media screen and (max-width: 479px) {
    .table-pagination {
        align-items:center
    }
}

.table-pagination__info .table-pagination__skeleton {
    min-width: 80px
}

.table-pagination__info-text {
    color: #82868b;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.table-pagination__nav {
    align-items: center;
    display: flex;
    flex-direction: row
}

.table-pagination__nav .table-pagination__skeleton {
    min-width: 150px
}

.table-pagination__list {
    align-items: center;
    display: flex;
    gap: 4px;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.table-pagination__btn {
    align-items: center;
    background: #f3f2f7;
    border: none;
    border-radius: 8px;
    color: var(--1-theme-color-body-text);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 24px;
    width: 40px
}

.table-pagination__btn:hover:not(:disabled) {
    background: var(--primary-color-primary-700-light,#4964e9);
    color: #fff
}

.table-pagination__btn:hover:not(:disabled) .feather {
    color: #fff
}

.table-pagination__btn .feather {
    color: var(--1-theme-color-body-text);
    height: 24px;
    width: 24px
}

.table-pagination__btn_active {
    background-color: var(--1-theme-color-primary);
    color: #fff
}

.table-pagination__skeleton {
    background: linear-gradient(270deg,#f9fafb 18.75%,#e5e7eb 179.69%);
    border-radius: 8px;
    height: 22px;
    width: 100%
}

.dashboard-banner {
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 259px;
    justify-content: space-between;
    padding: 24px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .dashboard-banner {
        height:151px;
        padding: 16px
    }
}

@media screen and (max-width: 479px) {
    .dashboard-banner {
        height:139px
    }
}

.dashboard-banner__header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media screen and (max-width: 767px) {
    .dashboard-banner__header {
        gap:4px
    }
}

.dashboard-banner__title {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px
}

@media screen and (max-width: 767px) {
    .dashboard-banner__title {
        font-size:20px;
        line-height: 24px
    }
}

@media screen and (max-width: 479px) {
    .dashboard-banner__title {
        font-size:16px;
        line-height: 20px
    }
}

.dashboard-banner_offer {
    background: var(--Dark-80,#0b0e1d);
    background-image: url(/static/partners/images/dashboard-banners/offer-banner-end-2024.png);
    background-position: right -72px bottom;
    background-repeat: no-repeat;
    background-size: contain
}

@media screen and (max-width: 1439px) {
    .dashboard-banner_offer {
        background-position:right -110px bottom
    }
}

@media screen and (max-width: 1279px) {
    .dashboard-banner_offer {
        background-position:right -72px bottom
    }
}

@media screen and (max-width: 479px) {
    .dashboard-banner_offer {
        background-position:right -112px bottom
    }
}

.dashboard-banner_offer .dashboard-banner__title_name {
    -webkit-text-fill-color: transparent;
    background: var(--Gradients-Yellow,linear-gradient(121deg,#dea629 -1.23%,#fcd672 100.12%));
    background-clip: text;
    -webkit-background-clip: text
}

.dashboard-banner_offer .dashboard-banner__date-end {
    align-items: center;
    color: #babfc7;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 150%
}

@media screen and (max-width: 767px) {
    .dashboard-banner_offer .dashboard-banner__date-end {
        font-size:12px;
        line-height: 16px
    }
}

.dashboard-banner_offer .dashboard-banner__date-end .feather {
    color: #babfc7;
    height: 16px;
    width: 16px
}

.dashboard-banner_active-contest {
    background: linear-gradient(0deg,#070707,#070707),#070707;
    background-image: url(/static/partners/images/dashboard-banners/contest-banner.png);
    background-position: right -440px bottom 80%;
    background-repeat: no-repeat;
    background-size: 1000px
}

.dashboard-banner_active-contest:after {
    background-image: url(/static/partners/images/dashboard-banners/contest-prize-25000.png);
    background-repeat: no-repeat;
    background-size: 171.972px;
    content: "";
    height: 159px;
    position: absolute;
    right: -40px;
    top: 45px;
    width: 494px
}

@media screen and (max-width: 1023px) {
    .dashboard-banner_active-contest:after {
        right:-232px;
        top: 19px
    }
}

@media screen and (max-width: 767px) {
    .dashboard-banner_active-contest:after {
        background-size:106.732px;
        right: -362px;
        top: 15px
    }
}

@media screen and (max-width: 479px) {
    .dashboard-banner_active-contest:after {
        background-size:97.461px;
        right: -386px;
        top: 29px
    }
}

@media screen and (max-width: 1023px) {
    .dashboard-banner_active-contest {
        background-position:right -412px bottom 84%;
        background-size: 900px
    }
}

@media screen and (max-width: 767px) {
    .dashboard-banner_active-contest {
        background-position:right -215px bottom -250px;
        background-size: 500px
    }
}

@media screen and (max-width: 479px) {
    .dashboard-banner_active-contest {
        background-position:right -244px bottom -240px
    }
}

.dashboard-banner_active-contest .dashboard-banner__title_prize {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#1dd884 62.88%,#05a553 87.12%);
    background-clip: text;
    -webkit-background-clip: text
}

.dashboard-banner_active-contest .dashboard-banner__footer .btn {
    max-width: -moz-max-content;
    max-width: max-content
}

.dashboard-banner_prize-50000:after {
    background-image: url(/static/partners/images/dashboard-banners/contest-prize-50000.png)
}

#offerBannerDialog .modal-dialog {
    max-width: 844px
}

#offerBannerDialog .modal-header {
    background-color: #fff;
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 24px 24px 0
}

#offerBannerDialog .modal-body {
    color: var(--grey-color-grey-900,#283046);
    padding: 24px
}

#offerBannerDialog .modal-body p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 12px
}

#offerBannerDialog .modal-body b {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.custom-title-tabs {
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding: 4px
}

@media screen and (max-width: 567px) {
    .custom-title-tabs {
        align-items:flex-start;
        align-self: stretch;
        min-width: 100%
    }
}

.modal-coefficients-dialog.show {
    padding: 16px
}

.modal-coefficients-dialog .modal-dialog {
    max-width: 792px;
    padding: 0!important;
    width: 100%
}

.modal-coefficients-filter {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3,1fr);
    padding-bottom: 20px
}

@media screen and (max-width: 1023px) {
    .modal-coefficients-filter {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .modal-coefficients-filter {
        gap:12px;
        grid-template-columns: repeat(1,1fr)
    }
}

.modal-coefficients-filter__group {
    width: 100%
}

.table-forex-coefficients td {
    padding: 8px 17px 8px 28px;
    vertical-align: top
}

.table-forex-coefficients .body-cell_symbol {
    font-weight: 500
}

.table-forex-coefficients .body-cell_category,.table-forex-coefficients .body-cell_symbol {
    color: var(--grey-color-grey-700,#5e5873);
    font-size: 14px;
    font-style: normal;
    line-height: 20px
}

.table-forex-coefficients .body-cell_category {
    font-weight: 400
}

.table-forex-coefficients .body-cell dl {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2,1fr);
    margin: 0
}

.table-forex-coefficients .body-cell dt {
    text-wrap: nowrap;
    color: var(--grey-color-grey-700,#5e5873);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    grid-column: 1;
    line-height: 20px;
    text-transform: capitalize
}

.table-forex-coefficients .body-cell dd {
    color: var(--grey-color-grey-900,#283046);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    grid-column: 2;
    line-height: 20px;
    margin: 0
}

.default-layout {
    background-color: #283046
}

.content-wrapper {
    padding-bottom: 30px
}

@media screen and (max-width: 567px) {
    .content-wrapper {
        padding-bottom:10px
    }
}

.auth-wrapper.auth-cover .brand-logo {
    width: auto;
    width: -moz-fit-content;
    width: fit-content
}

.auth-wrapper.auth-cover .brand-logo svg {
    min-height: 29px;
    min-width: 29px
}

.auth-wrapper.auth-cover .auth-bg {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.auth-wrapper.auth-cover .breadcrumb-wrapper {
    position: absolute;
    top: 40px
}

@media (max-height: 600px),(max-width:991.98px) {
    .auth-wrapper.auth-cover .breadcrumb-wrapper {
        position:relative;
        top: auto
    }
}

.auth-wrapper.auth-cover .breadcrumb-item a {
    color: #2e4ce5
}

.auth-wrapper.auth-basic {
    display: flex;
    flex-direction: column
}

.auth-wrapper.auth-basic .breadcrumb {
    position: relative;
    z-index: 10
}

.page-dashboard-index .card {
    margin-bottom: 0
}

.page-dashboard-index .dashboard-banners {
    overflow: hidden
}

.page-dashboard-index .dashboard-banners_swiper .dashboard-banner_offer {
    background-image: url(/static/partners/images/dashboard-banners/offer-banner-end-2024-swiper.png);
    background-position: right -141px bottom -92px;
    background-size: 350px
}

@media screen and (max-width: 1439px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_offer {
        background-position:right -147px bottom -35px;
        background-size: 290px
    }
}

@media screen and (max-width: 1279px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_offer {
        background-position:right -178px bottom -93px;
        background-size: 350px
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_offer {
        background-image:url(/static/partners/images/dashboard-banners/offer-banner-end-2024.png);
        background-position: right -72px bottom;
        background-size: contain
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_offer {
        background-position:right -112px bottom
    }
}

.page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest {
    background-position: right -364px bottom 98%;
    background-size: 750px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest {
        background-position:right -392px bottom 90%;
        background-size: 850px
    }
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest {
        background-position:right -215px bottom -250px;
        background-size: 500px
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest {
        background-position:right -220px bottom -216px;
        background-size: 450px
    }
}

.page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest:after {
    background-size: 161.227px;
    right: -319px;
    top: 74px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest:after {
        background-size:194px;
        right: -223px;
        top: 34px
    }
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest:after {
        background-size:120.403px;
        right: -346px;
        top: 15px
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest:after {
        background-size:97.461px;
        right: -385px;
        top: 38px
    }
}

.page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest .dashboard-banner__title_prize {
    max-width: 205px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .dashboard-banners_swiper .dashboard-banner_active-contest .dashboard-banner__title_prize {
        max-width:none
    }
}

.page-dashboard-index .dashboard-banners_swiper .swiper-slide>img {
    border-radius: 8px;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-dashboard-index .dashboard-banners .swiper-pagination {
    align-items: flex-end;
    bottom: auto;
    display: none;
    height: 16px;
    justify-content: center
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .dashboard-banners .swiper-pagination {
        display:flex
    }
}

.page-dashboard-index .dashboard-banners .swiper-pagination-bullet {
    background: #4b4b4b;
    border-radius: 0;
    height: 4px;
    opacity: .3;
    width: 22px
}

.page-dashboard-index .dashboard-banners .swiper-pagination-bullet-active {
    background: #4b4b4b;
    opacity: 1
}

.page-dashboard-index .balance-block {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .balance-block {
        flex-direction:column
    }
}

.page-dashboard-index .balance-block__balance,.page-dashboard-index .balance-block__link {
    flex: 1
}

.page-dashboard-index .card-balance {
    background: #283046
}

.page-dashboard-index .card-balance .card__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance .card__body {
        gap:16px
    }
}

.page-dashboard-index .card-balance__data {
    align-items: end;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance__data {
        align-items:start;
        flex-direction: column;
        gap: 16px;
        justify-content: start
    }

    .page-dashboard-index .card-balance__data .btn {
        width: 100%
    }
}

.page-dashboard-index .card-balance__data-title {
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.page-dashboard-index .card-balance__balance {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px
}

.page-dashboard-index .card-balance__balance-value {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance__balance-value {
        flex:none
    }
}

.page-dashboard-index .card-balance__hold {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance__hold {
        flex-direction:column
    }
}

.page-dashboard-index .card-balance__hold-card {
    background: hsla(0,0%,100%,.05);
    border-radius: 12px;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px;
    justify-content: space-between;
    padding: 12px 16px
}

.page-dashboard-index .card-balance__hold-card-title {
    align-items: center;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 16px
}

.page-dashboard-index .card-balance__hold-card-title .feather {
    color: #b9b9c3;
    height: 18px;
    width: 18px
}

.page-dashboard-index .card-balance__hold-card-date {
    color: #28c76f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.page-dashboard-index .card-balance__hold-card-amount {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.page-dashboard-index .card-balance__hold-card_next-payment {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    min-width: 100%
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance__hold-card_next-payment {
        order:1
    }
}

.page-dashboard-index .card-balance__hold-card_commission-type {
    align-self: stretch;
    display: flex
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .card-balance__hold-card_commission-type {
        order:2
    }
}

.page-dashboard-index .card-balance__hold-card_commission-type .card-balance__hold-card-amount {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    gap: 8px;
    line-height: 20px
}

.page-dashboard-index .card-balance__hold-card_commission-type .card-balance__hold-card-daily {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

.page-dashboard-index .card-balance__hold-card_commission-type .card-balance__hold-card-daily_success {
    color: #28c76f
}

.page-dashboard-index .card-balance__hold-card_commission-type .card-balance__hold-card-daily_danger {
    color: #ea5455
}

.page-dashboard-index .card-link .card__header,.page-dashboard-index .card-promocode .card__header {
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: space-between
}

.page-dashboard-index .card-link .card__title,.page-dashboard-index .card-promocode .card__title {
    color: #5e5873;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-index .card-link .card__body,.page-dashboard-index .card-promocode .card__body {
    display: flex;
    flex: 1;
    flex-direction: column
}

.page-dashboard-index .card-link__form-trigger,.page-dashboard-index .card-promocode__form-trigger {
    text-wrap: nowrap;
    align-items: center;
    color: #2e4ce5;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .4px;
    line-height: normal
}

.page-dashboard-index .card-link__copy-form,.page-dashboard-index .card-promocode__copy-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px
}

.page-dashboard-index .card-link__link-page,.page-dashboard-index .card-promocode__link-page {
    align-items: center;
    color: #2e4ce5;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .4px;
    line-height: normal;
    margin-top: 24px
}

.page-dashboard-index .plan-cards_with-subplan .plan-cards__body {
    grid-template-columns: repeat(3,1fr)
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .plan-cards_with-subplan .plan-cards__body {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .plan-cards_with-subplan .plan-cards__body {
        grid-template-columns:1fr
    }
}

.page-dashboard-index .plan-cards__header {
    color: var(--1-theme-color-heading-display-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px
}

.page-dashboard-index .plan-cards__body {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .plan-cards__body {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .plan-card:last-of-type:not(:nth-child(2)) {
        grid-column:span 2
    }
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .plan-card:last-of-type:not(:nth-child(2)) {
        grid-column:auto
    }
}

.page-dashboard-index .plan-card .card__body {
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "title title" "level rate" "next_level next_level" "progress progress";
    grid-template-columns: repeat(2,1fr);
    row-gap: 24px
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .plan-card .card__body {
        grid-template-areas:"title title title" "level rate next_level" "progress progress progress";
        grid-template-columns: repeat(3,1fr);
        row-gap: 16px
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .plan-card .card__body {
        grid-template-areas:"title title" "level rate" "next_level next_level" "progress progress";
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .plan-card .card__body_subplan {
        grid-template-areas:"title title title" "level rate next_level" "progress progress progress";
        grid-template-columns: repeat(3,1fr)
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .plan-card .card__body_subplan {
        grid-template-areas:"title title" "level rate" "next_level next_level" "progress progress";
        grid-template-columns: repeat(2,1fr)
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .plan-card .card__body_subplan .plan-card__info_next-level {
        margin-top:0
    }
}

.page-dashboard-index .plan-card__title {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    grid-area: title;
    line-height: normal
}

.page-dashboard-index .plan-card__info {
    align-items: flex-start;
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.page-dashboard-index .plan-card__info-title {
    color: #98a2b3;
    flex: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.page-dashboard-index .plan-card__info-value {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-index .plan-card__info_level {
    grid-area: level
}

.page-dashboard-index .plan-card__info_rate {
    grid-area: rate
}

.page-dashboard-index .plan-card__info_next-level {
    grid-area: next_level;
    margin-top: -12px
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .plan-card__info_next-level {
        margin-top:0
    }
}

.page-dashboard-index .plan-card__progress-block {
    grid-area: progress
}

.page-dashboard-index .plan-card__progress-block-title {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.page-dashboard-index .plan-card__progress {
    align-items: center;
    border: 1px solid rgba(40,199,111,.4);
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-top: 8px;
    overflow: hidden;
    position: relative
}

.page-dashboard-index .plan-card__progress-bar {
    background: #28c76f;
    color: #fff;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.page-dashboard-index .plan-card__progress-bar-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    inset: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.page-dashboard-index .plan-card__progress-text {
    color: #28c76f;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.page-dashboard-index .forex-plan-cards__header {
    color: var(--1-theme-color-heading-display-text);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px
}

.page-dashboard-index .forex-plan-cards__body {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .forex-plan-cards__body {
        flex-direction:column
    }
}

.page-dashboard-index .forex-plan-cards .forex-plan-card {
    width: 100%
}

.page-dashboard-index .forex-plan-cards .forex-plan-card .card__body {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__title {
    color: var(--1-theme-color-heading-display-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__info-block {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__info {
    align-items: flex-start;
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    width: 100%
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__info-title {
    color: #98a2b3;
    flex: 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__info-value {
    color: var(--1-theme-color-heading-display-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-ftd {
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: flex-end
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-ftd-title,.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-mau-title {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress {
    align-items: center;
    border: 1px solid rgba(40,199,111,.4);
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    margin-top: 8px;
    overflow: hidden;
    position: relative
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-bar {
    background: #28c76f;
    color: #fff;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-bar-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    inset: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.page-dashboard-index .forex-plan-cards .forex-plan-card__progress-text {
    color: #28c76f;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card {
    width: 100%
}

.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card .card__header {
    background: #fff
}

.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card .card__table {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card .coefficients-table__cell {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 16px
}

.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card .coefficients-table__cell_ecn,.page-dashboard-index .forex-plan-cards .forex-plan-coefficients-card .coefficients-table__cell_zero {
    text-align: center
}

.page-dashboard-index .statistic-cards {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .statistic-cards {
        flex-direction:column
    }
}

.page-dashboard-index .statistic-cards__deposits,.page-dashboard-index .statistic-cards__users {
    flex: 1;
    width: 100%
}

.page-dashboard-index .statistic-card {
    align-self: flex-start
}

.page-dashboard-index .statistic-card .card__body {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.page-dashboard-index .statistic-card__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between
}

.page-dashboard-index .statistic-card__title {
    align-items: center;
    color: #5e5873;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    line-height: 24px
}

.page-dashboard-index .statistic-card__title-icon {
    background: rgba(186,191,199,.12);
    border-radius: 7.111px;
    padding: 8px
}

.page-dashboard-index .statistic-card__title-icon .feather,.page-dashboard-index .statistic-card__title-icon img {
    color: #1c1d22;
    display: block;
    height: 16px;
    width: 16px
}

.page-dashboard-index .statistic-card__toggle {
    align-items: center;
    background: none;
    border: 0;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 7px;
    line-height: normal;
    padding: 0
}

.page-dashboard-index .statistic-card__toggle .feather {
    color: #bec0ca;
    height: 16px;
    transition: rotate .3s;
    width: 16px
}

.page-dashboard-index .statistic-card__toggle.show .feather {
    rotate: 180deg
}

.page-dashboard-index .statistic-card__filters button.dropdown-item:disabled {
    background-color: #2e4ce5;
    color: #fff
}

.page-dashboard-index .statistic-card__data {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between
}

@media screen and (max-width: 1023px) {
    .page-dashboard-index .statistic-card__data-item {
        text-align:center
    }

    .page-dashboard-index .statistic-card__data-item:first-of-type {
        text-align: left
    }

    .page-dashboard-index .statistic-card__data-item:last-of-type {
        text-align: right
    }
}

.page-dashboard-index .statistic-card__data-title {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.page-dashboard-index .statistic-card__data-value {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 8px
}

.page-dashboard-index .payed-commission-chart .card__body {
    padding-left: 0;
    padding-right: 0
}

.page-dashboard-index .payed-commission-chart__header {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "title filter link";
    grid-template-columns: auto max-content max-content;
    padding-left: 16px;
    padding-right: 16px;
    row-gap: 16px
}

@media screen and (max-width: 767px) {
    .page-dashboard-index .payed-commission-chart__header {
        grid-template-areas:"title link" "filter filter";
        grid-template-columns: auto auto
    }
}

@media screen and (max-width: 479px) {
    .page-dashboard-index .payed-commission-chart__header {
        grid-template-areas:"title title" "filter link"
    }
}

.page-dashboard-index .payed-commission-chart__title {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    grid-area: title;
    line-height: normal
}

.page-dashboard-index .payed-commission-chart__header-link {
    color: #2e4ce5;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    grid-area: link;
    letter-spacing: .4px;
    line-height: normal;
    text-align: right
}

.page-dashboard-index .payed-commission-chart__toggle {
    align-items: center;
    background: none;
    border: 0;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 7px;
    grid-area: filter;
    line-height: normal;
    padding: 0
}

.page-dashboard-index .payed-commission-chart__toggle .feather {
    color: #bec0ca;
    height: 16px;
    transition: rotate .3s;
    width: 16px
}

.page-dashboard-index .payed-commission-chart__toggle.show .feather {
    rotate: 180deg
}

.page-dashboard-index .payed-commission-chart__filters button.dropdown-item:disabled {
    background-color: #2e4ce5;
    color: #fff
}

.page-dashboard-index .payed-commission-chart__chart {
    margin-top: 24px
}

.page-promo .custom-paging-block {
    height: auto;
    margin: 0;
    padding: 22px 0 0
}

.page-promo .filters-form {
    padding-bottom: 24px
}

.page-promo .filters-form__form {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .page-promo .filters-form__form {
        align-items:center;
        flex-direction: column
    }
}

.page-promo .filters-form__item {
    max-width: 270px;
    width: 100%
}

@media screen and (max-width: 767px) {
    .page-promo .filters-form__item {
        max-width:none
    }

    .page-promo .filters-form__item .btn[type=submit] {
        margin-top: 10px;
        width: 100%
    }
}

.page-promo .promo-material .card {
    height: 100%
}

.page-promo .promo-material .card-video-wrap {
    position: relative;
    width: 100%
}

.page-promo .promo-material .card-video-wrap .card-img-top {
    -o-object-fit: contain;
    object-fit: contain
}

.page-promo .promo-material .card-video-play-wrap {
    align-items: center;
    display: flex;
    inset: 0;
    justify-content: center;
    position: absolute
}

.page-promo .promo-material .card-video-play {
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.page-promo .promo-material .card-video-play img {
    height: 40px;
    width: 40px
}

.page-promo .promo-material .card-img-top {
    -o-object-fit: cover;
    object-fit: cover
}

.page-promo .promo-material .card-body {
    display: flex;
    flex-direction: column;
    padding: 24px 16px
}

.page-promo .promo-material .card-footer {
    border: none;
    padding: 0 16px 24px
}

.page-promo .promo-material .card-footer .btn {
    width: 100%
}

.page-promo .promo-material__name {
    color: #5e5873;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 24px
}

.page-promo .promo-material__params {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.page-promo .promo-material__params-header {
    color: #5e5873;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 8px
}

.page-promo .promo-material__languages-flags {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 0 16px
}

.page-promo .promo-material__languages-flags img {
    border: 1px solid #d8d6de;
    border-radius: 4px;
    display: block;
    height: 24px;
    width: 24px
}

.page-promo-banners .promo-materials {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(4,1fr)
}

@media screen and (max-width: 1439px) {
    .page-promo-banners .promo-materials {
        grid-template-columns:repeat(3,1fr)
    }
}

@media screen and (max-width: 767px) {
    .page-promo-banners .promo-materials {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 567px) {
    .page-promo-banners .promo-materials {
        grid-template-columns:repeat(1,1fr)
    }
}

.page-promo-banners .promo-materials__item .card {
    height: 100%;
    margin-bottom: 0
}

.page-promo-banners .promo-materials__item .card-img-top {
    -o-object-fit: cover;
    object-fit: cover
}

.page-promo-banners .modal_banner .modal-header {
    height: 32px
}

.page-promo-banners .modal_banner .modal-body {
    padding: 0 16px 24px
}

.page-promo-banners .modal_banner .modal-item-preview {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden
}

.page-promo-banners .modal_banner .modal-item-preview__image {
    border-radius: 6px;
    display: block;
    max-height: 50vh;
    max-width: 100%
}

.page-promo-banners .modal_banner .modal-footer {
    flex-direction: column;
    gap: 12px 0;
    padding: 16px 21px
}

.page-promo-banners .modal_banner .modal-footer>* {
    margin: 0
}

.page-promo-banners .modal_banner .modal-footer .btn {
    width: 100%
}

.page-promo-landings .promo-materials {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 567px) {
    .page-promo-landings .promo-materials {
        grid-template-columns:repeat(1,1fr)
    }
}

.page-promo-landings .promo-materials__item .card {
    margin-bottom: 0
}

.page-promo-landings .promo-material .card-footer {
    margin-top: -24px
}

.page-promo-landings .promo-material__btn-language {
    background-color: transparent;
    border: 0;
    display: inline-block;
    margin-right: 16px;
    padding: 0
}

.page-promo-landings .promo-material__btn-language img {
    border-radius: 4px;
    display: block
}

.page-promo-landings .promo-material__referral-link {
    position: relative
}

.page-promo-landings .promo-material__referral-link label {
    color: #5e5873;
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px
}

.page-promo-landings .promo-material__referral-link input {
    padding-right: 24px!important;
    text-overflow: ellipsis
}

.page-promo-landings .promo-material__referral-link button {
    padding: 10px;
    position: absolute;
    right: 0;
    top: 25px
}

.page-promo-landings .promo-material__radio {
    display: inline-block;
    margin-right: 16px
}

.page-promo-landings .promo-material__radio input {
    clip: rect(0,0,0,0);
    pointer-events: none;
    position: absolute
}

.page-promo-landings .promo-material__radio label {
    align-items: center;
    display: flex
}

.page-promo-landings .promo-material__radio label svg+span {
    margin-left: 5px
}

.page-promo-landings .promo-material__radio input[type=radio]:checked+label {
    color: #000
}

.page-promo-landings .promo-material__radio input[type=radio]:checked+label>img {
    border-color: #7367f0;
    box-shadow: 0 3px 10px 0 rgba(34,41,47,.1)
}

.page-promo-landings .promo-material__radio img {
    border: 1px solid #d8d6de;
    border-radius: 4px;
    display: inline-block
}

.page-promo-videos .promo-materials {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 567px) {
    .page-promo-videos .promo-materials {
        grid-template-columns:repeat(1,1fr)
    }
}

.page-promo-videos .promo-materials__item .card {
    margin-bottom: 0
}

.page-promo-videos .modal_video .modal-footer {
    flex-direction: column;
    gap: 12px 0;
    padding: 16px 21px
}

.page-promo-videos .modal_video .modal-footer>* {
    margin: 0
}

.page-promo-videos .modal_video .modal-footer .btn {
    width: 100%
}

.page-promo-logos .promo-materials {
    display: grid;
    gap: 28px;
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 567px) {
    .page-promo-logos .promo-materials {
        grid-template-columns:repeat(1,1fr)
    }
}

.page-promo-logos .promo-materials__item .card {
    margin-bottom: 0
}

.page-promo-logos .promo-materials__item .card-footer {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.page-dashboard-plans .card {
    margin-bottom: 0
}

.page-dashboard-plans .plan-block {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    display: grid;
    grid-auto-rows: auto;
    grid-template-areas: "header header" "plans plans" "click description";
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 1439px) {
    .page-dashboard-plans .plan-block {
        grid-template-areas:"header header" "plans description" "click click"
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .plan-block {
        grid-row-gap:24px;
        grid-template-areas: "header" "plans" "click" "description";
        grid-template-columns: 1fr
    }
}

.page-dashboard-plans .plan-block__header {
    display: flex;
    flex-direction: column;
    gap: 24px;
    grid-area: header
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .plan-block__header {
        gap:16px
    }
}

.page-dashboard-plans .plan-block__title {
    color: #5e5873;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.page-dashboard-plans .plan-block__subtitle {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    max-width: 1016px
}

@media screen and (max-width: 1439px) {
    .page-dashboard-plans .plan-block__subtitle {
        max-width:413px
    }
}

.page-dashboard-plans .plan-block__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    grid-area: plans
}

.page-dashboard-plans .plan-block__list>.card {
    flex: 1;
    flex-basis: calc(20% - 16px)
}

@media screen and (max-width: 1439px) {
    .page-dashboard-plans .plan-block__list>.card {
        flex-basis:200px
    }
}

.page-dashboard-plans .plan-block__link {
    grid-area: click
}

.page-dashboard-plans .plan-block__description {
    grid-area: description
}

.page-dashboard-plans .plan-block_compact {
    grid-row-gap: 16px;
    grid-template-areas: "header header" "plans description" "click description"
}

@media screen and (max-width: 1439px) {
    .page-dashboard-plans .plan-block_compact {
        grid-template-areas:"header header" "plans description" "click description"
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .plan-block_compact {
        grid-template-areas:"header" "plans" "click" "description";
        grid-template-columns: 1fr
    }
}

.page-dashboard-plans .plan-block_custom .plan-block__list>.card {
    flex-basis: calc(33.33333% - 16px)
}

@media screen and (max-width: 1439px) {
    .page-dashboard-plans .plan-block_custom .plan-block__list>.card {
        flex-basis:calc(50% - 16px)
    }
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .plan-block_custom .plan-block__list>.card {
        flex-basis:calc(33.33333% - 16px)
    }
}

@media screen and (max-width: 767px) {
    .page-dashboard-plans .plan-block_custom .plan-block__list>.card {
        flex-basis:200px
    }
}

.page-dashboard-plans .card-plan .card__body dl {
    margin: 0
}

.page-dashboard-plans .card-plan .card__body dt {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    margin: 24px 0 0;
    text-transform: uppercase
}

.page-dashboard-plans .card-plan .card__body dd {
    margin: 12px 0 0
}

.page-dashboard-plans .card-plan__name {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-plans .card-plan__badge {
    background: #2e4ce5;
    border-radius: 0 16px;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    text-align: center
}

.page-dashboard-plans .card-plan__percentage-share {
    color: #5e5873;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: normal
}

.page-dashboard-plans .card-plan__progress {
    align-items: center;
    border: 1px solid rgba(40,199,111,.4);
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.page-dashboard-plans .card-plan__progress-bar {
    background: #28c76f;
    color: #fff;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.page-dashboard-plans .card-plan__progress-bar-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    inset: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.page-dashboard-plans .card-plan__progress-text {
    color: #28c76f;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.page-dashboard-plans .card-plan_current {
    background: linear-gradient(0deg,#283046,#283046),#fff
}

.page-dashboard-plans .card-plan_current .card-plan__name,.page-dashboard-plans .card-plan_current .card__body dd {
    color: #fff
}

.page-dashboard-plans .plan-link .card__body {
    display: flex;
    flex: 1;
    flex-direction: column
}

.page-dashboard-plans .plan-link__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.page-dashboard-plans .plan-link__title {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-plans .plan-link__form-trigger {
    align-items: center;
    color: #2e4ce5;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .4px;
    line-height: normal
}

.page-dashboard-plans .plan-link__description {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    margin-top: 16px
}

.page-dashboard-plans .plan-link__description p {
    margin: 0;
    max-width: 326px
}

.page-dashboard-plans .plan-link__copy-form {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px;
    margin-top: 24px
}

.page-dashboard-plans .plan-link__link-page {
    align-items: center;
    color: #2e4ce5;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    letter-spacing: .4px;
    line-height: normal;
    margin-top: 24px
}

.page-dashboard-plans .forex-plan-block {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.page-dashboard-plans .forex-plan-block__header {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .forex-plan-block__header {
        gap:16px
    }
}

.page-dashboard-plans .forex-plan-block__title {
    color: var(--1-theme-color-heading-display-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-plans .forex-plan-block__body {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .forex-plan-block__body {
        flex-direction:column
    }
}

.page-dashboard-plans .forex-plan-block .forex-plan-card {
    width: 100%
}

.page-dashboard-plans .forex-plan-block .forex-plan-card_current {
    background: linear-gradient(0deg,#283046,#283046),#fff
}

.page-dashboard-plans .forex-plan-block .forex-plan-card_current .card__body dd,.page-dashboard-plans .forex-plan-block .forex-plan-card_current .forex-plan-card__name {
    color: #fff
}

.page-dashboard-plans .forex-plan-block .forex-plan-card_current .forex-plan-card__table-title {
    color: var(--1-theme-color-white)
}

.page-dashboard-plans .forex-plan-block .forex-plan-card_current .coefficients-table thead th {
    background-color: var(--grey-color-grey-100,rgba(186,191,199,.12));
    border-bottom: 1px solid var(--grey-color-grey-100,rgba(186,191,199,.12));
    border-top: 1px solid var(--grey-color-grey-100,rgba(186,191,199,.12));
    color: #fff
}

.page-dashboard-plans .forex-plan-block .forex-plan-card_current .coefficients-table tbody tr {
    border-bottom: 1px solid var(--grey-color-grey-100,rgba(186,191,199,.12));
    color: var(--1-theme-color-light)
}

.page-dashboard-plans .forex-plan-block .forex-plan-card .card__body dl {
    margin: 0
}

.page-dashboard-plans .forex-plan-block .forex-plan-card .card__body dt {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    margin: 24px 0 0;
    text-transform: uppercase
}

.page-dashboard-plans .forex-plan-block .forex-plan-card .card__body dd {
    margin: 12px 0 0
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__badge {
    background: #2e4ce5;
    border-radius: 0 16px;
    color: #fff;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    text-align: center
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__name {
    color: var(--1-theme-color-heading-display-text);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__dl {
    display: flex;
    flex-direction: column
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__dl_progress {
    flex-direction: column
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__progress {
    align-items: center;
    border: 1px solid rgba(40,199,111,.4);
    border-radius: 4px;
    display: flex;
    height: 22px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__progress-bar {
    background: #28c76f;
    color: #fff;
    inset: 0;
    overflow: hidden;
    position: absolute;
    z-index: 2
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__progress-bar-text {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    inset: 0;
    line-height: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__progress-text {
    color: #28c76f;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-align: center
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__table-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    margin-top: 8px;
    padding: 0 16px 16px
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__table-title {
    color: var(--1-theme-color-heading-display-text);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__table-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: flex-end;
    position: relative
}

.page-dashboard-plans .forex-plan-block .forex-plan-card__table-actions .btn {
    padding: 7px 12px
}

@media screen and (max-width: 479px) {
    .page-dashboard-plans .forex-plan-block .forex-plan-card__table-actions {
        align-items:flex-start;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%
    }

    .page-dashboard-plans .forex-plan-block .forex-plan-card__table-actions .btn {
        width: 100%
    }
}

.page-dashboard-plans .forex-plan-block .forex-plan-card .coefficients-table__cell {
    font-size: 12px;
    line-height: 16px;
    padding: 12px 16px
}

.page-dashboard-plans .forex-plan-block .forex-plan-card .coefficients-table__cell_ecn,.page-dashboard-plans .forex-plan-block .forex-plan-card .coefficients-table__cell_zero {
    text-align: center
}

.page-dashboard-plans .sub-plan-block {
    display: flex;
    flex-direction: column;
    gap: 32px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .sub-plan-block {
        gap:24px
    }
}

.page-dashboard-plans .sub-plan-block__header {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width: 1023px) {
    .page-dashboard-plans .sub-plan-block__header {
        gap:16px
    }
}

.page-dashboard-plans .sub-plan-block__title {
    color: #5e5873;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.page-dashboard-plans .sub-plan-block__subtitle {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    max-width: 413px
}

.page-dashboard-plans .sub-plan-block__list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.page-dashboard-plans .sub-plan-block__list>.card {
    flex-basis: 200px;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .page-dashboard-plans .sub-plan-block__list>.card {
        flex-basis:100%
    }
}

.page-dashboard-plans .plan-description-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding-inline-start:32px}

.page-dashboard-plans .plan-description-list li {
    color: #676d7d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    list-style-type: none;
    margin-bottom: 0;
    position: relative
}

.page-dashboard-plans .plan-description-list li:before {
    content: url(/static/partners/images/pages/card-commission-bullet.svg);
    left: -35px;
    position: absolute;
    top: -1px
}

.page-dashboard-plans .payout-requirements.card_success .card__subtitle {
    color: #28c76f
}

.page-dashboard-plans .payout-requirements.card_danger .card__subtitle {
    color: #ea5455
}

.page-dashboard-plans .payout-requirements__list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-dashboard-plans .payout-requirements__list-item {
    align-items: center;
    color: #676d7d;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 12px;
    line-height: 21px;
    padding: 0
}

.page-dashboard-plans .payout-requirements__list-item .feather {
    height: 24px;
    width: 24px
}

.page-dashboard-plans .payout-requirements__list-item_success .feather {
    color: #28c76f
}

.page-dashboard-plans .payout-requirements__list-item_danger .feather {
    color: #ea5455
}

.page-links-index .modal-link-form .modal-dialog {
    max-width: 668px
}

.page-links-index .btn-link-delete {
    margin-left: 15px
}

.page-links-index .table-links__promo-landing {
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-links-index .table-links__program-type,.page-links-index .table-links__type {
    max-width: 140px;
    white-space: break-spaces
}

.page-statistics .custom-table {
    margin: 0
}

.page-statistics .card {
    margin-bottom: 0
}

.page-statistics .sub-partner-stats {
    display: flex;
    flex-direction: row;
    gap: 2rem
}

@media screen and (max-width: 767px) {
    .page-statistics .sub-partner-stats {
        flex-direction:column
    }
}

.page-statistics .sub-partner-stats .card {
    flex: 1;
    margin-bottom: 0
}

.page-statistics .sub-partner-stats .card-body {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: space-between
}

.page-statistics .table-holds__amount {
    align-items: center;
    display: flex
}

.page-statistics .table-holds__amount .btn-icon {
    min-height: 22px;
    min-width: 22px
}

.page-statistics .table-promocodes__amount {
    align-items: center;
    display: flex
}

.page-statistics .table-promocodes__amount .btn-icon {
    min-height: 22px;
    min-width: 22px
}

.page-statistics .table-links__amount {
    align-items: center;
    display: flex
}

.page-statistics .table-links__amount .btn-icon {
    min-height: 22px;
    min-width: 22px
}

.page-statistics .statistic-cards {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .page-statistics .statistic-cards {
        flex-direction:column
    }
}

.page-statistics .statistic-cards__crd,.page-statistics .statistic-cards__deposits {
    flex: 1;
    width: 100%
}

.page-statistics .statistic-card {
    align-self: flex-start
}

.page-statistics .statistic-card .card__body {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width: 767px) {
    .page-statistics .statistic-card .card__body {
        gap:16px
    }
}

.page-statistics .statistic-card__header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between
}

.page-statistics .statistic-card__header-item {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.page-statistics .statistic-card__header-title {
    color: #5e5873;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.page-statistics .statistic-card__header-value {
    color: #283046;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.page-statistics .statistic-card__toggle {
    align-items: center;
    background: none;
    border: 0;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 7px;
    line-height: normal;
    padding: 0
}

.page-statistics .statistic-card__toggle .feather {
    color: #bec0ca;
    height: 16px;
    transition: rotate .3s;
    width: 16px
}

.page-statistics .statistic-card__toggle.show .feather {
    rotate: 180deg
}

.page-statistics .statistic-card__filters button.dropdown-item:disabled {
    background-color: #2e4ce5;
    color: #fff
}

.page-statistics .statistic-card__data {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 767px) {
    .page-statistics .statistic-card__data {
        flex-direction:column
    }
}

.page-statistics .statistic-card__data-item {
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    flex: 1;
    padding: 12px
}

.page-statistics .statistic-card__data-title {
    color: #5e5873;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 9px
}

.page-statistics .statistic-card__data-value {
    color: #242424;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.page-statistics .chart-cards {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .page-statistics .chart-cards {
        flex-direction:column
    }
}

.page-statistics .chart-cards .card {
    flex: 1;
    width: 100%
}

.page-statistics .chart-card .card__body {
    padding-left: 0;
    padding-right: 10px
}

.page-statistics .chart-card__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    padding-left: 16px
}

.page-statistics .chart-card__title {
    color: #5e5873;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px
}

.page-statistics .chart-card__toggle {
    align-items: center;
    background: none;
    border: 0;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 7px;
    line-height: normal;
    padding: 0
}

.page-statistics .chart-card__toggle .feather {
    color: #bec0ca;
    height: 16px;
    transition: rotate .3s;
    width: 16px
}

.page-statistics .chart-card__toggle.show .feather {
    rotate: 180deg
}

.page-statistics .chart-card__filters button.dropdown-item:disabled {
    background-color: #2e4ce5;
    color: #fff
}

.page-statistics .chart-card__chart {
    margin-top: 24px
}

.page-statistics .filter-card .card__body {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.page-statistics .filter-card__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: space-between
}

.page-statistics .filter-card__title {
    align-items: center;
    color: #45464e;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    line-height: normal
}

.page-statistics .filter-card__badge {
    align-items: center;
    background: var(--1-theme-color-primary);
    border-radius: 4px;
    color: var(--1-theme-color-white,#fff);
    display: flex;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    height: 20px;
    justify-content: center;
    line-height: 18px;
    min-width: 20px;
    padding: 4px;
    text-align: center
}

.page-statistics .filter-card__toggle {
    align-items: center;
    background: none;
    border: 0;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    gap: 7px;
    line-height: normal;
    padding: 0
}

.page-statistics .filter-card__toggle .feather {
    color: #bec0ca;
    height: 16px;
    transition: rotate .3s;
    width: 16px
}

.page-statistics .filter-card__toggle.show .feather {
    rotate: 180deg
}

.page-statistics .filter-card__body {
    display: none;
    flex-direction: column;
    gap: 24px
}

.page-statistics .filter-card__body.show {
    display: flex
}

.page-statistics .filter-card__form {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: auto
}

@media screen and (max-width: 1023px) {
    .page-statistics .filter-card__form {
        gap:16px
    }
}

@media screen and (max-width: 767px) {
    .page-statistics .filter-card__form {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 479px) {
    .page-statistics .filter-card__form {
        grid-template-columns:1fr
    }
}

.page-statistics .filter-card__form first-child:nth-last-child(2n) .select2-selection__clear {
    color: var(--1-theme-color-body-text);
    margin-right: 10px
}

.page-statistics .filter-card__form .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--1-theme-color-body-text)
}

.page-statistics .filter-card__input {
    display: none
}

.page-statistics .filter-card__input_visible {
    display: block
}

.page-statistics .filter-card__actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: flex-end
}

.page-statistics .table-holds-card .card__header {
    background: #fff;
    justify-content: space-between
}

.page-statistics .table-holds-card .card__title {
    color: #45464e;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-statistics .table-holds-card .card__header-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 24px;
    justify-content: flex-end
}

.page-statistics .table-holds-card .holds-columns-menu {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 289px;
    padding: 16px
}

.page-statistics .table-holds-card .holds-columns-menu__header {
    color: #5e5873;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.16px;
    line-height: 24px
}

.page-statistics .table-holds-card .holds-columns-menu__select-all {
    color: var(--1-theme-color-primary,#2e4ce5)
}

.page-statistics .table-holds-card .holds-columns-menu__clear-all,.page-statistics .table-holds-card .holds-columns-menu__select-all {
    background-color: transparent;
    border: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    text-align: center
}

.page-statistics .table-holds-card .holds-columns-menu__clear-all {
    color: var(--1-theme-color-muted-placeholder-text,#b9b9c3);
    font-family: Roboto
}

.page-statistics .table-holds-card .holds-columns-menu__controls {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.page-statistics .table-holds-card .holds-columns-menu__form {
    display: flex;
    flex-direction: column;
    gap: 18px
}

.page-statistics .table-holds-card .holds-columns-menu__actions button {
    display: block;
    width: 100%
}

.page-statistics .table-holds-card__columns-menu-triger {
    padding: 10px 12px
}

@media screen and (max-width: 479px) {
    .page-statistics .table-holds-card__columns-menu-triger {
        padding:8px
    }
}

@media screen and (max-width: 567px) {
    .page-statistics .table-holds-card__columns-menu-triger span.text-long {
        display:none
    }
}

.page-statistics .table-holds-card__columns-menu-triger span.text-short {
    display: none
}

@media screen and (max-width: 567px) {
    .page-statistics .table-holds-card__columns-menu-triger span.text-short {
        display:inline
    }
}

.page-statistics .table-holds-card__export {
    padding: 10px 16px
}

.page-statistics .table-holds-card__export .feather {
    color: #6e6b7b
}

.page-statistics .table-holds-card__export[href=""] {
    display: none
}

@media screen and (max-width: 567px) {
    .page-statistics .table-holds-card__export span.text-long {
        display:none
    }
}

.page-statistics .table-holds-card__export span.text-short {
    display: none
}

@media screen and (max-width: 567px) {
    .page-statistics .table-holds-card__export span.text-short {
        display:inline
    }
}

.page-statistics .table-holds-card .table-holds th {
    text-wrap: nowrap
}

.page-statistics .table-holds-card .table-holds .body-cell__modal-trigger {
    align-items: center;
    background-color: transparent;
    border: none;
    color: #5e5873;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 8px;
    line-height: 22px;
    margin: 0;
    padding: 0
}

.page-statistics .table-holds-card .table-holds .body-cell__modal-trigger .feather {
    color: #5e5873;
    height: 16px;
    width: 16px
}

.page-statistics .table-holds-card .table-holds .body-cell_country div {
    align-items: center;
    display: flex;
    gap: 8px
}

.page-statistics .table-holds-card .table-holds .body-cell_country div img {
    border-radius: 5px;
    display: block;
    height: 20px;
    width: 20px
}

.page-statistics .table-holds-card .table-holds .body-cell_symbol .mt-symbol {
    align-items: center;
    display: flex;
    gap: 10px
}

.page-statistics .table-holds-card .table-holds .body-cell_symbol .mt-symbol__wrap {
    align-items: center;
    display: flex;
    height: 21px;
    justify-content: center;
    position: relative;
    width: 21px
}

.page-statistics .table-holds-card .table-holds .body-cell_symbol .mt-symbol__code {
    border-radius: 3px;
    display: block;
    height: 20px;
    width: 20px
}

.page-statistics .table-holds-card .table-holds .body-cell_symbol .mt-symbol__code-first {
    border-radius: 3px;
    display: block;
    height: 14px;
    left: 0;
    position: absolute;
    top: 0;
    width: 14px
}

.page-statistics .table-holds-card .table-holds .body-cell_symbol .mt-symbol__code-second {
    border-radius: 3px;
    display: block;
    height: 14px;
    left: 7px;
    position: absolute;
    top: 7px;
    width: 14px;
    z-index: 1
}

.page-statistics .table-holds-card .table-holds .body-cell_commissionSum div,.page-statistics .table-holds-card .table-holds .body-cell_holdSum div {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.page-statistics .hold-type-tooltip {
    border-radius: 8px 8px 0 0
}

.page-statistics .hold-type-tooltip .tooltip-inner {
    min-width: 252px;
    padding: 0;
    width: 100%
}

.page-statistics .hold-type-tooltip__header {
    background: linear-gradient(0deg,#283046,#283046),#fff;
    border-radius: 8px 8px 0 0;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 8px 16px;
    text-align: center
}

.page-statistics .hold-type-tooltip__body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px
}

.page-statistics .hold-type-tooltip__row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between
}

.page-statistics .hold-type-tooltip__row-title,.page-statistics .hold-type-tooltip__row-value {
    color: var(--Dark-90,#08080f);
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px
}

.page-statistics .table-commissions th {
    text-wrap: nowrap
}

.page-statistics .modal-trader.show {
    padding: 40px!important
}

@media screen and (max-width: 479px) {
    .page-statistics .modal-trader.show {
        padding:16px!important
    }
}

@media screen and (max-width: 360px) {
    .page-statistics .modal-trader.show {
        padding:12px!important
    }
}

.page-statistics .modal-trader .modal-dialog {
    max-width: 844px;
    padding: 0!important;
    width: 100%
}

.page-bonuses-index .table-bonuses__comment {
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.page-bonuses-index .table-bonuses__program,.page-bonuses-index .table-bonuses__type {
    max-width: 140px;
    white-space: break-spaces
}

.page-withdrawal-index .card {
    margin-bottom: 0
}

.page-withdrawal-index .withdraw-preview-dialog__processing-time {
    text-transform: capitalize
}

.page-withdrawal-index .card-withdrawal .card__body {
    display: flex;
    flex-direction: row;
    gap: 24px
}

@media screen and (max-width: 767px) {
    .page-withdrawal-index .card-withdrawal .card__body {
        flex-direction:column
    }
}

.page-withdrawal-index .card-withdrawal__balance {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px
}

.page-withdrawal-index .card-withdrawal__balance-value {
    color: var(--1-theme-color-dark);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal
}

.page-withdrawal-index .card-withdrawal__balance-form {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.page-withdrawal-index .card-withdrawal__balance-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px
}

.page-withdrawal-index .card-withdrawal__hold {
    flex: 1
}

.page-withdrawal-index .card-withdrawal__hold-block {
    align-items: flex-start;
    background: var(--2-transparent-color-light);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 17px
}

.page-withdrawal-index .card-withdrawal__hold-date {
    align-items: center;
    color: var(--1-theme-color-heading-display-text);
    display: flex;
    flex-direction: row;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    line-height: 24px
}

.page-withdrawal-index .card-withdrawal__hold-date .btn {
    color: var(--1-theme-color-secondary)
}

.page-withdrawal-index .card-withdrawal__hold-data {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
    width: 100%
}

.page-withdrawal-index .card-withdrawal__hold-name {
    color: var(--1-theme-color-body-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px
}

.page-withdrawal-index .card-withdrawal__hold-separator {
    border-bottom: 1px dotted rgba(30,30,30,.12);
    flex: 1;
    margin-top: 8px
}

.page-withdrawal-index .card-withdrawal__hold-value {
    color: var(--1-theme-color-heading-display-text);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 23px
}

.page-withdrawal-index .modal_request-status .modal-dialog {
    max-width: 413px
}

.page-withdrawal-index .modal_request-status .modal-dialog .modal-body {
    padding: 0
}

.page-withdrawal-index .modal_request-status .modal-dialog .modal-content {
    padding: 40px!important
}

.page-withdrawal-index .modal_request-status .modal-dialog h3 {
    color: var(--1-theme-color-heading-display-text);
    font-size: 21px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center
}

.page-withdrawal-index .otp-wrapper .auth-input,.page-withdrawal-index .otp-wrapper .pincode-input-text {
    height: 50px;
    margin-bottom: 1rem;
    max-width: 50px;
    padding-left: .571rem;
    padding-right: .571rem;
    text-align: center
}

.page-withdrawal-index .otp-wrapper .pincode-input-container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.page-withdrawal-index .otp-wrapper .modal-dialog .modal-content {
    padding: 32px 16px 16px!important
}

.page-withdrawal-history .table-withdrawal-history__status {
    align-items: center;
    color: var(--1-theme-color-heading-display-text);
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: normal
}

.page-withdrawal-history .table-withdrawal-history__status .feather {
    color: #6e6b7b;
    height: 16px;
    width: 16px
}

.page-withdrawal-history .table-withdrawal-history__status .feather.feather-x-circle {
    color: var(--1-theme-color-danger)
}

.page-withdrawal-history .table-withdrawal-history__status .feather.feather-check-circle {
    color: var(--1-theme-color-success)
}

.page-withdrawal-purses .card {
    margin-bottom: 0
}

.page-withdrawal-purses .alert-primary {
    margin-bottom: 28px
}

.page-withdrawal-purses .card-purse {
    max-width: 800px
}

.page-withdrawal-purses .card-purse .card__body {
    display: flex;
    flex-direction: column;
    gap: 28px
}

.page-withdrawal-purses .card-purse__form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 28px
}

.page-withdrawal-purses .card-purse__form .pm-input {
    width: 100%
}

.page-withdrawal-purses .card-purse__form .pm-input_first-name,.page-withdrawal-purses .card-purse__form .pm-input_last-name {
    width: calc(50% - 14px)
}

@media screen and (max-width: 767px) {
    .page-withdrawal-purses .card-purse__form .pm-input_first-name,.page-withdrawal-purses .card-purse__form .pm-input_last-name {
        width:100%
    }
}

.page-withdrawal-purses .card-purse__actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 16px
}

.page-postbacks-create .card {
    margin-bottom: 0
}

.page-postbacks-create .postback-form-card .card__body {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .page-postbacks-create .postback-form-card .card__body {
        flex-direction:column;
        gap: 28px
    }
}

.page-postbacks-create .postback-form-card__options {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 16px
}

.page-postbacks-create .postback-form-card__params {
    flex: 1
}

.page-postbacks-create .postback-form-card table th {
    padding: 11px 0 11px 18px
}

.page-postbacks-create .postback-form-card table th:last-of-type {
    padding-right: 18px
}

.page-postbacks-create .postback-form-card table td {
    border-bottom: none;
    padding: 9px 0 9px 18px
}

.page-postbacks-create .postback-form-card table td:last-of-type {
    padding-right: 18px
}

.page-postbacks-create .postback-form-card__cell-checkbox {
    max-width: 45px;
    width: 45px
}

.page-integrations .card {
    margin: 0
}

.page-integrations .block-telegram {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1279px) {
    .page-integrations .block-telegram {
        flex-direction:column
    }
}

.page-integrations .card-telegram {
    width: 100%
}

@media screen and (max-width: 1279px) {
    .page-integrations .card-telegram {
        width:493px
    }
}

@media screen and (max-width: 1023px) {
    .page-integrations .card-telegram {
        width:564px
    }
}

@media screen and (max-width: 767px) {
    .page-integrations .card-telegram {
        max-width:100%
    }
}

.page-integrations .card-telegram .card__header {
    background: #fff;
    border-bottom: 1px solid var(--7-border-border,#ebe9f1);
    padding: 24px
}

.page-integrations .card-telegram .card__title {
    line-height-width: 20px;
    line-height-height: 20px;
    align-items: center;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    line-height: 24px img
}

.page-integrations .card-telegram .card__body {
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 24px
}

@media screen and (max-width: 479px) {
    .page-integrations .card-telegram .card__body {
        flex-direction:column;
        gap: 24px
    }
}

.page-integrations .card-telegram .card__body .btn {
    line-height: 24px;
    padding: 7px 16px
}

@media screen and (max-width: 479px) {
    .page-integrations .card-telegram .card__body .btn {
        width:100%
    }
}

.page-integrations .card-telegram .card__body iframe {
    position: absolute;
    visibility: hidden
}

.page-integrations .card-telegram__status {
    align-items: center;
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 4px;
    color: var(--1-theme-color-heading-display-text);
    display: flex;
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    gap: 12px;
    line-height: 20px;
    overflow: hidden;
    padding: 8px 12px
}

@media screen and (max-width: 479px) {
    .page-integrations .card-telegram__status {
        width:100%
    }
}

.page-integrations .card-telegram__status .feather {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px
}

.page-integrations .card-telegram__status .feather-x-circle {
    color: var(--1-theme-color-danger)
}

.page-integrations .card-telegram__status .feather-check-circle {
    color: var(--1-theme-color-success)
}

.page-integrations .card-telegram__tme-link {
    align-items: center;
    color: var(--1-theme-color-heading-display-text);
    display: flex;
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between;
    line-height: 20px;
    white-space: nowrap
}

.page-integrations .card-telegram__tme-link .feather-arrow-up-right {
    color: var(--1-theme-color-primary);
    height: 24px;
    width: 24px
}

.page-integrations .card-telegram-accounts {
    width: 100%
}

@media screen and (max-width: 1279px) {
    .page-integrations .card-telegram-accounts {
        width:493px
    }
}

@media screen and (max-width: 1023px) {
    .page-integrations .card-telegram-accounts {
        width:564px
    }
}

@media screen and (max-width: 767px) {
    .page-integrations .card-telegram-accounts {
        max-width:100%
    }
}

.page-integrations .card-telegram-accounts .card__header {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid var(--7-border-border,#ebe9f1);
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 24px
}

.page-integrations .card-telegram-accounts .card__title {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    gap: 12px
}

.page-integrations .card-telegram-accounts .card__body {
    padding: 24px 0 0
}

.page-integrations .card-telegram-accounts .table-telegram-accounts td,.page-integrations .card-telegram-accounts .table-telegram-accounts th {
    padding: 16px
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-row_not-used {
    background: rgba(186,191,199,.12)
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell,.page-integrations .card-telegram-accounts .table-telegram-accounts .header-cell {
    white-space: nowrap
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_username {
    max-width: 91px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media screen and (max-width: 1023px) {
    .page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_username {
        max-width:138px
    }
}

@media screen and (max-width: 767px) {
    .page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_username {
        max-width:179px
    }
}

@media screen and (max-width: 479px) {
    .page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_username {
        max-width:91px
    }
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_action {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: flex-end
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_action .btn {
    padding: 0
}

.page-integrations .card-telegram-accounts .table-telegram-accounts .body-cell_action .btn .feather {
    height: 16px;
    width: 16px
}

.page-integrations .card-telegram-accounts .table-telegram-accounts__copy .feather {
    color: var(--1-theme-color-primary)
}

.page-integrations .card-telegram-accounts .table-telegram-accounts__delete .feather {
    color: var(--1-theme-color-danger)
}

.page-integrations .modal.show {
    padding: 40px!important
}

@media screen and (max-width: 479px) {
    .page-integrations .modal.show {
        padding:16px!important
    }
}

@media screen and (max-width: 360px) {
    .page-integrations .modal.show {
        padding:12px!important
    }
}

.page-integrations .modal .modal-dialog {
    padding: 0!important;
    width: 100%
}

.page-integrations .modal form {
    display: block;
    width: 100%
}

.page-integrations .modal .modal-footer {
    justify-content: center
}

.page-integrations .create-account-dialog-triger {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 4px;
    height: 32px;
    justify-content: center;
    line-height: 22px;
    padding: 4px 12px 4px 8px
}

.page-integrations .create-account-dialog-triger__text {
    display: block
}

@media screen and (max-width: 479px) {
    .page-integrations .create-account-dialog-triger__text {
        display:none
    }
}

.page-integrations .create-account-dialog-triger__text-short {
    display: none
}

@media screen and (max-width: 479px) {
    .page-integrations .create-account-dialog-triger__text-short {
        display:block
    }
}

.page-integrations .create-account-dialog-triger .feather {
    height: 24px;
    width: 24px
}

.page-integrations .create-account-dialog__info {
    align-items: center;
    background: var(--grey-color-grey-100,rgba(186,191,199,.12));
    border-radius: 8px;
    color: var(--1-theme-color-body-text,#6e6b7b);
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 10px;
    line-height: 22px;
    margin-top: 24px;
    padding: 12px
}

.page-integrations .create-account-dialog__info .feather {
    color: #ff9f43;
    height: 24px;
    width: 24px
}

.page-contests-index .card {
    margin-bottom: 0
}

.page-contests-index .promotion-cards {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 1fr
}

@media screen and (max-width: 1279px) {
    .page-contests-index .promotion-cards {
        grid-template-columns:repeat(2,1fr)
    }
}

@media screen and (max-width: 767px) {
    .page-contests-index .promotion-cards {
        grid-template-columns:1fr
    }
}

.page-contests-index .card-promotion {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 8px 16px
}

.page-contests-index .card-promotion_weekly .card-promotion__name span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#1dd884 62.88%,#05a553 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #1dd884
}

.page-contests-index .card-promotion_monthly .card-promotion__name span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#ffaa59 62.88%,#f09237 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #f09237
}

.page-contests-index .card-promotion_annually .card-promotion__name span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#506dff 20%,#2849f6 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #506dff
}

.page-contests-index .card-promotion_banned .card-promotion__header:after {
    filter: blur(4px);
    opacity: .1
}

.page-contests-index .card-promotion_banned .card-promotion__name {
    filter: blur(4px)
}

.page-contests-index .card-promotion_banned .card-promotion__name span {
    opacity: .3
}

.page-contests-index .card-promotion__header {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.page-contests-index .card-promotion__header:after {
    background: linear-gradient(90deg,#20273a,#313b56);
    content: "";
    inset: 0;
    position: absolute
}

@media screen and (max-width: 767px) {
    .page-contests-index .card-promotion__header {
        height:100px
    }
}

.page-contests-index .card-promotion__name {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .page-contests-index .card-promotion__name {
        font-size:24px;
        line-height: 32px
    }
}

.page-contests-index .card-promotion__name span {
    color: #fff;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .page-contests-index .card-promotion__name span {
        font-size:24px;
        line-height: 32px
    }
}

.page-contests-index .card-promotion__banned {
    background: rgba(234,84,85,.12);
    border-radius: 12px;
    color: var(--error-color-error-500,#ea5455);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    inset: 0;
    justify-content: center;
    line-height: 20px;
    position: absolute;
    text-align: center;
    z-index: 2
}

.page-contests-index .card-promotion__banned p {
    margin: 0
}

.page-contests-index .card-promotion__body {
    display: grid;
    gap: 12px;
    grid-auto-rows: auto;
    grid-template-areas: "prize participants" "countdown countdown";
    grid-template-columns: repeat(2,1fr)
}

.page-contests-index .card-promotion__info {
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),hsla(0,0%,100%,.12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.page-contests-index .card-promotion__info_prize {
    grid-area: prize
}

.page-contests-index .card-promotion__info_participants {
    grid-area: participants
}

.page-contests-index .card-promotion__info_countdown {
    grid-area: countdown
}

.page-contests-index .card-promotion__info-title {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase
}

.page-contests-index .card-promotion__info-value {
    align-items: center;
    color: #5e5873;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    line-height: 20px
}

.page-contests-index .card-promotion__info-value .feather,.page-contests-index .card-promotion__info-value svg {
    color: #b4b7bd;
    height: 16px;
    width: 16px
}

.page-contests-index .card-promotion__footer {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding: 0 16px
}

.page-contests-index .card-promotion__footer .btn {
    width: 100%
}

.page-contests-index .card-promotion-empty {
    align-items: center;
    background: #fff;
    border-radius: 0 0 16px 16px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 40px 0
}

.page-contests-index .card-promotion-empty__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.page-contests-index .card-promotion-empty__icon {
    height: 32px
}

.page-contests-index .card-promotion-empty__title {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.page-contests-index .card-promotion-empty__subtitle {
    color: var(--1-theme-color-body-text,#6e6b7b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.page-contests-show .card {
    margin-bottom: 0
}

.page-contests-show .content-header .btn {
    height: 32px;
    padding: 4px 12px 4px 8px;
    width: -moz-min-content;
    width: min-content
}

.contest-block-header {
    background: linear-gradient(90deg,#20273a,#313b56);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 240px;
    overflow: hidden;
    padding: 24px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .contest-block-header {
        height:240px
    }
}

@media screen and (max-width: 767px) {
    .contest-block-header {
        gap:16px;
        height: auto
    }
}

.contest-block-header_weekly .contest-block-header__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#1dd884 62.88%,#05a553 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #1dd884
}

.contest-block-header_monthly .contest-block-header__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#ffaa59 62.88%,#f09237 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #f09237
}

.contest-block-header_annually .contest-block-header__title span {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(180deg,#506dff 20%,#2849f6 87.12%);
    background-clip: text;
    -webkit-background-clip: text;
    color: #506dff
}

.contest-block-header:before {
    background: url(/static/partners/images/illustration/yellow-trophy-cup.png) 50%/cover no-repeat;
    bottom: 0;
    content: "";
    height: 240.5px;
    position: absolute;
    right: 0;
    width: 372px
}

@media screen and (max-width: 1439px) {
    .contest-block-header:before {
        right:-80px
    }
}

@media screen and (max-width: 1279px) {
    .contest-block-header:before {
        right:-50px
    }
}

@media screen and (max-width: 1023px) {
    .contest-block-header:before {
        height:229.0476190476px;
        right: -45px;
        width: 354.2857142857px
    }
}

@media screen and (max-width: 767px) {
    .contest-block-header:before {
        display:none
    }
}

.contest-block-header__title {
    color: #fff;
    flex: 1;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.8px;
    line-height: 150%;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .contest-block-header__title {
        font-size:24px
    }
}

@media screen and (max-width: 479px) {
    .contest-block-header__title {
        font-size:20px
    }
}

.contest-block-header__body {
    display: grid;
    gap: 12px;
    grid-auto-rows: auto;
    grid-template-areas: "prize started countdown_ended";
    grid-template-columns: repeat(3,189px)
}

@media screen and (max-width: 1439px) {
    .contest-block-header__body {
        grid-template-columns:repeat(3,172px)
    }
}

@media screen and (max-width: 1023px) {
    .contest-block-header__body {
        grid-template-columns:repeat(3,135px)
    }
}

@media screen and (max-width: 767px) {
    .contest-block-header__body {
        grid-template-areas:"prize started" "countdown_ended countdown_ended";
        grid-template-columns: repeat(2,1fr)
    }
}

.contest-block-header__info {
    background: hsla(0,0%,100%,.12);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.contest-block-header__info_prize {
    grid-area: prize
}

.contest-block-header__info_participants {
    grid-area: participants
}

.contest-block-header__info_started {
    grid-area: started
}

.contest-block-header__info_countdown,.contest-block-header__info_ended {
    grid-area: countdown_ended
}

.contest-block-header__info-title {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase
}

.contest-block-header__info-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    line-height: 20px
}

.contest-block-header__info-value .feather,.contest-block-header__info-value svg {
    color: #b4b7bd;
    height: 16px;
    width: 16px
}

.contest-block-info {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.contest-block-info__nav {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16,24,40,.1),0 1px 3px 0 rgba(16,24,40,.03),0 0 1px 0 rgba(27,40,66,.1);
    display: flex;
    gap: 8px;
    max-width: 100%;
    overflow-x: auto;
    padding: 4px;
    width: -moz-max-content;
    width: max-content
}

.contest-block-info__nav-item {
    text-wrap: nowrap;
    align-items: flex-start;
    background: transparent;
    border: none;
    border-radius: 8px;
    color: #5e5873;
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    letter-spacing: .4px;
    line-height: normal;
    padding: 12px 16px;
    text-align: center
}

.contest-block-info__nav-item:hover {
    color: var(--1-theme-color-primary)
}

.contest-block-info__nav-item_active {
    background-color: var(--1-theme-color-primary);
    color: #fff
}

.contest-block-info__nav-item_active:hover {
    color: #fff
}

.contest-tabs__statistics {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .contest-tabs__statistics {
        flex-direction:column
    }
}

.contest-tabs__statistics .card {
    width: 100%
}

.contest-tabs__rules {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 1023px) {
    .contest-tabs__rules {
        grid-template-columns:1fr
    }
}

.contest-tabs__rules>.card {
    width: 100%
}

.contest-tabs__rules ol,.contest-tabs__rules ul {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 24px;
    padding-left: 16px
}

.contest-tabs__rules ol li,.contest-tabs__rules ul li {
    padding-left: 8px
}

.contest-tabs__rules ol li::marker,.contest-tabs__rules ul li::marker {
    color: var(--primary-color-primary-800-main,#2e4ce5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.contest-tabs__rules .help-text {
    color: var(--grey-color-grey-400,#b9b9c3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.contest-progress .card__header {
    background: transparent
}

.contest-progress .card__body {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
    padding: 12px
}

@media screen and (max-width: 767px) {
    .contest-progress .card__body {
        flex-direction:column
    }
}

.contest-progress__info {
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    padding: 12px;
    width: calc(50% - 6px)
}

@media screen and (max-width: 767px) {
    .contest-progress__info {
        width:100%
    }
}

.contest-progress__info_reward {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 767px) {
    .contest-progress__info_reward {
        align-items:flex-start;
        flex-direction: column;
        justify-content: center
    }
}

.contest-progress__info_reward .contest-progress__info-value {
    color: #28c76f
}

.contest-progress__info-title {
    align-items: center;
    color: #98a2b3;
    display: flex;
    flex-direction: row;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    gap: 8px;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase
}

.contest-progress__info-title .feather {
    color: #b9b9c3;
    height: 16px;
    width: 16px
}

.contest-progress__info-value {
    color: #5e5873;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.contest-progress .card__footer {
    padding-top: 0
}

.contest-progress__registered {
    background: var(--2-opacity-color-success,rgba(40,199,111,.12));
    color: var(--success-color-success-500,#28c76f);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    justify-content: center;
    line-height: 20px
}

.contest-progress__registered,.contest-progress__unregistered {
    align-items: center;
    border-radius: 8px;
    display: flex;
    padding: 12px;
    width: 100%
}

.contest-progress__unregistered {
    background: var(--2-opacity-color-danger,rgba(234,84,85,.12));
    gap: 16px
}

@media screen and (max-width: 479px) {
    .contest-progress__unregistered {
        flex-direction:column
    }
}

.contest-progress__unregistered-title {
    align-items: center;
    color: var(--error-color-error-500,#ea5455);
    display: flex;
    flex: 1;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    gap: 12px;
    line-height: 20px
}

.contest-progress__unregistered-title .feather {
    height: 22px;
    width: 22px
}

@media screen and (max-width: 479px) {
    .contest-progress__unregistered .btn {
        width:100%
    }
}

.contest-progress__banned {
    align-items: center;
    background: var(--2-opacity-color-danger,rgba(234,84,85,.12));
    border-radius: 8px;
    color: var(--error-color-error-500,#ea5455);
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    line-height: 20px;
    margin: 0 16px 16px;
    padding: 12px;
    text-align: center
}

.contest-progress__banned p {
    margin: 0
}

.contest-progress__support-btn {
    color: var(--primary-color-primary-800-main,#2e4ce5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: center
}

.contest-progress__support-btn .feather {
    height: 24px;
    width: 24px
}

.contest-rewards .card__header {
    justify-content: space-between
}

.contest-rewards .card__header .btn_link {
    padding: 3px 0
}

.contest-rewards .card__body {
    display: grid;
    gap: 12px;
    grid-auto-rows: auto;
    grid-template-columns: repeat(2,minmax(auto,1fr))
}

@media screen and (max-width: 1023px) {
    .contest-rewards .card__body {
        grid-template-columns:repeat(3,minmax(auto,1fr))
    }
}

@media screen and (max-width: 767px) {
    .contest-rewards .card__body {
        grid-template-columns:repeat(2,minmax(auto,1fr))
    }
}

@media screen and (max-width: 479px) {
    .contest-rewards .card__body {
        grid-template-columns:1fr
    }
}

.contest-rewards__info {
    align-items: center;
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    padding: 12px
}

.contest-rewards__info:last-of-type:nth-child(odd) {
    grid-column: span 2
}

@media screen and (max-width: 1023px) {
    .contest-rewards__info:last-of-type:nth-child(odd) {
        grid-column:auto
    }
}

@media screen and (max-width: 767px) {
    .contest-rewards__info:last-of-type:nth-child(odd) {
        grid-column:span 2
    }
}

@media screen and (max-width: 479px) {
    .contest-rewards__info:last-of-type:nth-child(odd) {
        grid-column:auto
    }
}

.contest-rewards__info-title {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase
}

.contest-rewards__info-title,.contest-rewards__info-value {
    color: var(--grey-color-grey-700,#5e5873);
    font-style: normal;
    font-weight: 500
}

.contest-rewards__info-value {
    font-size: 16px;
    line-height: 20px
}

.contest-statistics {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.contest-statistics__header {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.contest-statistics__title {
    color: #5e5873;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.contest-statistics__subtitle {
    color: #5e5873;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contest-statistics__body {
    display: flex;
    flex-direction: row;
    gap: 16px
}

@media screen and (max-width: 1023px) {
    .contest-statistics__body {
        flex-direction:column-reverse
    }
}

.contest-statistics__participants {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.contest-statistics__participants .custom-paging-block {
    padding: 0!important
}

.contest-statistics .contest-participant {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.contest-statistics .contest-participant_first .contest-participant__header {
    background: var(--2-opacity-color-warning,rgba(255,159,67,.12))
}

.contest-statistics .contest-participant_first .contest-participant__score-value {
    color: #ff9f43
}

.contest-statistics .contest-participant_current .contest-participant__participant-nickname {
    text-transform: uppercase
}

.contest-statistics .contest-participant_current .contest-participant__score-value {
    color: var(--primary-color-primary-800-main,#2e4ce5)
}

.contest-statistics .contest-participant_current.contest-participant_first .contest-participant__participant-nickname {
    color: #ff9f43
}

.contest-statistics .contest-participant_current:not(.contest-participant_first) .contest-participant__header {
    background: var(--2-opacity-color-primary,rgba(46,76,229,.12))
}

.contest-statistics .contest-participant_current:not(.contest-participant_first) .contest-participant__participant-nickname {
    color: var(--primary-color-primary-800-main,#2e4ce5)
}

.contest-statistics .contest-participant_show .contest-participant__dropdown .feather {
    rotate: 180deg
}

.contest-statistics .contest-participant_show .contest-participant__body {
    display: flex
}

.contest-statistics .contest-participant__header {
    align-items: center;
    background: #fff;
    border: none;
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 12px 24px
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__header {
        gap:16px
    }
}

.contest-statistics .contest-participant__place {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    min-width: 40px
}

.contest-statistics .contest-participant__participant {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: row;
    gap: 8px;
    overflow: hidden
}

.contest-statistics .contest-participant__participant-avatar {
    align-items: center;
    background: rgba(46,76,229,.12);
    border-radius: 50%;
    color: var(--1-theme-color-primary,#2e4ce5);
    display: flex;
    font-size: 13.474px;
    font-style: normal;
    font-weight: 700;
    height: 32px;
    justify-content: center;
    line-height: normal;
    min-height: 32px;
    min-width: 32px;
    text-align: center;
    width: 32px
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__participant-avatar {
        font-size:10.105px;
        height: 24px;
        min-height: 24px;
        min-width: 24px;
        width: 24px
    }
}

.contest-statistics .contest-participant__participant-nickname {
    color: #5e5873;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.contest-statistics .contest-participant__score {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__score {
        align-items:flex-end;
        flex-direction: column;
        gap: 0
    }
}

.contest-statistics .contest-participant__score-value {
    color: #5e5873;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__score-value {
        font-size:16px;
        line-height: 20px
    }
}

@media screen and (max-width: 479px) {
    .contest-statistics .contest-participant__score-value {
        font-size:14px;
        line-height: 20px
    }
}

.contest-statistics .contest-participant__score-title {
    color: #98a2b3;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__score-title {
        font-size:12px;
        line-height: 16px
    }
}

.contest-statistics .contest-participant__dropdown .feather {
    color: #6e6b7b;
    height: 24px;
    transition: rotate .3s;
    width: 24px
}

.contest-statistics .contest-participant__body {
    display: none
}

.contest-statistics .contest-participant__body .card__body {
    display: grid;
    gap: 12px;
    grid-auto-rows: auto;
    grid-template-areas: "registrations registrations ftd_count ftd_count deposits_sum deposits_sum" "turnover turnover turnover score score score";
    grid-template-columns: repeat(6,1fr)
}

@media screen and (max-width: 1023px) {
    .contest-statistics .contest-participant__body .card__body {
        grid-template-areas:"registrations ftd_count deposits_sum turnover score";
        grid-template-columns: repeat(5,1fr)
    }
}

@media screen and (max-width: 767px) {
    .contest-statistics .contest-participant__body .card__body {
        grid-template-areas:"registrations registrations ftd_count ftd_count deposits_sum deposits_sum" "turnover turnover turnover score score score";
        grid-template-columns: repeat(6,1fr)
    }
}

@media screen and (max-width: 479px) {
    .contest-statistics .contest-participant__body .card__body {
        grid-template-areas:"registrations" "ftd_count" "deposits_sum" "turnover" "score";
        grid-template-columns: 1fr
    }
}

.contest-statistics .contest-participant__info {
    background: linear-gradient(0deg,rgba(186,191,199,.12),rgba(186,191,199,.12)),#fff;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px
}

.contest-statistics .contest-participant__info_registrations {
    grid-area: registrations
}

.contest-statistics .contest-participant__info_ftd-count {
    grid-area: ftd_count
}

.contest-statistics .contest-participant__info_deposits-summary {
    grid-area: deposits_sum
}

.contest-statistics .contest-participant__info_turnover {
    grid-area: turnover
}

.contest-statistics .contest-participant__info_score {
    grid-area: score
}

.contest-statistics .contest-participant__info-title {
    color: #98a2b3;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: normal;
    text-transform: uppercase
}

.contest-statistics .contest-participant__info-value {
    color: #5e5873;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.contest-statistics .contest-participants-empty {
    align-items: center;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px 0 rgba(0,0,0,.06);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 40px 0
}

.contest-statistics .contest-participants-empty__body {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center
}

.contest-statistics .contest-participants-empty .feather {
    color: #5e5873;
    height: 32px;
    width: 32px
}

.contest-statistics .contest-participants-empty__title {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.contest-statistics .contest-participants-empty__subtitle {
    color: var(--1-theme-color-body-text,#6e6b7b);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center
}

.contest-statistics__info {
    align-self: flex-start;
    background: #f3f2f7;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 296px;
    padding: 16px
}

@media screen and (max-width: 1023px) {
    .contest-statistics__info {
        max-width:none
    }
}

.contest-statistics__info-header {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.contest-statistics__info-body {
    color: #5e5873;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.contest-statistics__info-body p {
    margin-bottom: 16px
}

.contest-statistics__info-body ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
    padding-left: 10px
}

.contest-statistics__info-body ul li {
    padding-left: 8px
}

.contest-statistics__info-body ul li::marker {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Ccircle cx='5' cy='5' r='5' fill='%232E4CE5'/%3E%3C/svg%3E")
}

.contest-statistics__info-body .help-text {
    color: var(--grey-color-grey-400,#b9b9c3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.join-promotion-dialog .modal-content {
    padding: 24px 24px 16px
}

.join-promotion-dialog .modal-content__form {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.join-promotion-dialog .modal-content__header {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.join-promotion-dialog .modal-content__body {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.join-promotion-dialog .modal-content__controls {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.join-promotion-dialog .modal-content__rules {
    background: var(--2-opacity-color-warning,rgba(255,159,67,.12));
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 12px
}

.join-promotion-dialog .modal-content__rules_show .modal-content__rules-dropdown .feather {
    rotate: 180deg
}

.join-promotion-dialog .modal-content__rules_show .modal-content__rules-body {
    display: flex
}

.join-promotion-dialog .modal-content__rules-header {
    background: transparent;
    border: none;
    color: var(--1-theme-color-heading-display-text,#5e5873);
    display: flex;
    flex-direction: row;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    justify-content: space-between;
    line-height: 20px;
    margin: 0;
    padding: 0;
    width: 100%
}

.join-promotion-dialog .modal-content__rules-dropdown .feather {
    color: #5e5873;
    height: 20px;
    transition: rotate .3s;
    width: 20px
}

.join-promotion-dialog .modal-content__rules-body {
    display: none;
    flex-direction: column;
    gap: 24px
}

.join-promotion-dialog .modal-content__rules-body ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 12px 0 0;
    padding: 0 0 0 16px
}

.join-promotion-dialog .modal-content__rules-body p {
    margin: 12px 0 0
}

.join-promotion-dialog .modal-content__rules-body li {
    color: var(--1-theme-color-muted-placeholder-text,#676d7d);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.join-promotion-dialog .modal-content__rules-body li::marker {
    color: var(--primary-color-primary-800-main,#2e4ce5);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.join-promotion-dialog .modal-content__rules-body li b {
    color: var(--1-theme-color-muted-placeholder-text,#676d7d);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%
}

.join-promotion-dialog .modal-content__rules-body-title {
    color: var(--1-theme-color-heading-display-text,#5e5873);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

.join-promotion-dialog .modal-content__rules-body .help-text {
    color: var(--grey-color-grey-400,#b9b9c3);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.join-promotion-dialog .modal-content__actions {
    display: flex;
    flex-direction: row;
    justify-content: center
}